From 1f7cb81d10470aa3f5136b81a764e8ba7f13243b Mon Sep 17 00:00:00 2001 From: Viktor Kombov Date: Tue, 30 Jun 2026 14:26:40 +0300 Subject: [PATCH 01/17] refactor(*): migrate to zoneless change detection - Remove zone.js and provideZoneChangeDetection; rely on the Angular v22 zoneless default (no explicit provideZonelessChangeDetection needed) - Drop zone.js from polyfills/angular.json across app, app-lob, app-crm - Notify Angular after setInterval-driven updates (markForCheck) in the live samples (boston-marathon, finjs) so the grid refreshes when zoneless - Keep provideAnimations() (required by Ignite UI's AnimationBuilder) - Switch app-lob test bootstrap to a zone-free setup --- angular.json | 3 +-- projects/app-crm/src/main.server.ts | 3 +-- projects/app-crm/src/main.ts | 4 ++-- projects/app-crm/src/polyfills.ts | 1 - .../grid-finjs-dock-manager.component.ts | 7 +++++- .../app/grid-finjs/grid-finjs.component.ts | 22 ++++++++++--------- .../src/app/grid-finjs/main.component.ts | 17 ++++++++------ .../grid-boston-marathon/grid.component.ts | 15 ++++++++++--- .../tree-grid-finjs-sample.component.ts | 4 +++- projects/app-lob/src/main.server.ts | 3 +-- projects/app-lob/src/main.ts | 4 ++-- projects/app-lob/src/polyfills.ts | 1 - projects/app-lob/src/test.ts | 1 - .../grid-sample-4/grid-sample-4.component.ts | 4 ++-- src/main.server.ts | 3 +-- src/main.ts | 4 ++-- src/polyfills.ts | 1 - 17 files changed, 55 insertions(+), 42 deletions(-) diff --git a/angular.json b/angular.json index db2949094d..b5d7e24eb1 100644 --- a/angular.json +++ b/angular.json @@ -18,7 +18,6 @@ "index": "src/index.html", "tsConfig": "src/tsconfig.app.json", "polyfills": [ - "zone.js", "hammerjs" ], "assets": [ @@ -220,7 +219,7 @@ "builder": "@angular/build:karma", "options": { "main": "projects/app-lob/src/test.ts", - "polyfills": "projects/app-lob/src/polyfills.ts", + "polyfills": ["projects/app-lob/src/polyfills.ts"], "tsConfig": "projects/app-lob/tsconfig.spec.json", "karmaConfig": "projects/app-lob/karma.conf.js", "assets": [ diff --git a/projects/app-crm/src/main.server.ts b/projects/app-crm/src/main.server.ts index 9c6485729a..fbd3e9dbd7 100644 --- a/projects/app-crm/src/main.server.ts +++ b/projects/app-crm/src/main.server.ts @@ -1,8 +1,7 @@ -import { provideZoneChangeDetection } from "@angular/core"; import { bootstrapApplication, BootstrapContext } from '@angular/platform-browser'; import { AppComponent } from './app/app.component'; import { config } from './app/app.config.server'; -const bootstrap = (context: BootstrapContext) => bootstrapApplication(AppComponent, {...config, providers: [provideZoneChangeDetection(), ...config.providers]}, context); +const bootstrap = (context: BootstrapContext) => bootstrapApplication(AppComponent, config, context); export default bootstrap; diff --git a/projects/app-crm/src/main.ts b/projects/app-crm/src/main.ts index 17202407de..06acb33cdc 100644 --- a/projects/app-crm/src/main.ts +++ b/projects/app-crm/src/main.ts @@ -1,4 +1,4 @@ -import { enableProdMode, provideZoneChangeDetection } from '@angular/core'; +import { enableProdMode } from '@angular/core'; import { environment } from './environments/environment'; import { bootstrapApplication } from '@angular/platform-browser'; import { AppComponent } from './app/app.component'; @@ -8,4 +8,4 @@ if (environment.production) { enableProdMode(); } -bootstrapApplication(AppComponent, {...AppConfig, providers: [provideZoneChangeDetection(), ...AppConfig.providers]}).catch((err) => console.error(err)); +bootstrapApplication(AppComponent, AppConfig).catch((err) => console.error(err)); diff --git a/projects/app-crm/src/polyfills.ts b/projects/app-crm/src/polyfills.ts index cf0b9bb2dd..9efd978a41 100644 --- a/projects/app-crm/src/polyfills.ts +++ b/projects/app-crm/src/polyfills.ts @@ -2,4 +2,3 @@ // * Zone JS is required by Angular itself. // // */ import 'hammerjs/hammer'; -import 'zone.js'; // Included with Angular CLI. diff --git a/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.component.ts b/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.component.ts index 8242369b28..824c43081e 100644 --- a/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.component.ts +++ b/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.component.ts @@ -174,6 +174,7 @@ export class GridFinJSDockManagerComponent implements OnInit, OnDestroy, AfterVi this.data.pipe(takeUntil(this.destroy$)).subscribe((data) => { if (data.length !== 0) { this.isLoading = false; + this.cdr.markForCheck(); }; }); } @@ -225,6 +226,7 @@ export class GridFinJSDockManagerComponent implements OnInit, OnDestroy, AfterVi ignoreCase: false, strategy: DefaultSortingStrategy.instance() }]; + this.cdr.markForCheck(); }, 500); } @@ -303,7 +305,10 @@ export class GridFinJSDockManagerComponent implements OnInit, OnDestroy, AfterVi const componentRef = viewContainerRef.createComponent(IgxGridComponent); const grid = (componentRef.instance as IgxGridComponent); grid.autoGenerate = true; - this.dataService.data.pipe(takeUntil(destructor)).subscribe(d => grid.data = d); + this.dataService.data.pipe(takeUntil(destructor)).subscribe(d => { + grid.data = d; + componentRef.changeDetectorRef.markForCheck(); + }); grid.columnInit.pipe(takeUntil(destructor)).subscribe((col: IgxColumnComponent) => { if (col.field === 'price') { col.cellClasses = this.trends; 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 7ec11ce662..56d221b697 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,6 +1,6 @@ /* eslint-disable max-len */ import { AsyncPipe, CurrencyPipe } from '@angular/common'; -import { Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild, DOCUMENT, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild, DOCUMENT, inject, ChangeDetectionStrategy } from '@angular/core'; import { CellType, GridSelectionMode, IColumnExportingEventArgs, IGridKeydownEventArgs, IRowSelectionEventArgs, IgxCellEditorTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent, IgxExcelTextDirective, IgxExporterEvent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxPdfExporterOptions, IgxPdfExporterService, IgxPdfTextDirective } from 'igniteui-angular/grids/core'; import { DefaultSortingStrategy, IgxOverlayOutletDirective, OverlaySettings, SortingDirection } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -21,10 +21,11 @@ import { FormsModule } from '@angular/forms'; imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxExcelTextDirective, IgxPdfTextDirective, 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); - private pdfExportService = inject(IgxPdfExporterService); - dataService = inject(SignalRService); + private el = inject(ElementRef); + private document = inject(DOCUMENT); + private pdfExportService = inject(IgxPdfExporterService); + private cdr = inject(ChangeDetectorRef); + dataService = inject(SignalRService); @ViewChild('grid1', { static: true }) public grid: IgxGridComponent; @ViewChild(IgxOverlayOutletDirective, { static: true }) public outlet: IgxOverlayOutletDirective; @@ -53,11 +54,12 @@ export class GridFinJSComponent implements OnInit { this.overlaySettings.outlet = this.outlet; this.data$ = this.dataService.data; - this.data$.subscribe((data) => { - if (data.length !== 0) { - this.isLoading = false; - }; - }); + this.data$.subscribe((data) => { + if (data.length !== 0) { + this.isLoading = false; + this.cdr.markForCheck(); + }; + }); // Set initially grouped columns this.toggleGrouping(); 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 d2e5011c88..be10c7fc5b 100644 --- a/projects/app-lob/src/app/grid-finjs/main.component.ts +++ b/projects/app-lob/src/app/grid-finjs/main.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, HostBinding, OnDestroy, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, HostBinding, OnDestroy, ViewChild, ChangeDetectionStrategy, inject } from '@angular/core'; import { Router } from '@angular/router'; import { IgxDialogActionsDirective, IgxDialogComponent, IgxDialogTitleDirective } from 'igniteui-angular/dialog'; import { IgxOverlayOutletDirective, OverlaySettings } from 'igniteui-angular/core'; @@ -15,8 +15,10 @@ import { GridFinJSComponent } from './grid-finjs.component'; changeDetection: ChangeDetectionStrategy.Eager, imports: [ControllerComponent, GridFinJSComponent, IgxOverlayOutletDirective, IgxDialogComponent, IgxDialogTitleDirective, IgxCategoryChartModule, IgxDialogActionsDirective, IgxButtonDirective, IgxFocusDirective] }) -export class FinJSDemoComponent implements OnDestroy, AfterViewInit { - @ViewChild('finGrid', { static: true }) public finGrid: GridFinJSComponent; +export class FinJSDemoComponent implements OnDestroy, AfterViewInit { + private cdr = inject(ChangeDetectorRef); + + @ViewChild('finGrid', { static: true }) public finGrid: GridFinJSComponent; @ViewChild('controllers', { static: true }) public controller: ControllerComponent; @ViewChild('dialog', { static: true }) public dialog: IgxDialogComponent; @ViewChild('chart1', { static: true }) public chart: IgxCategoryChartComponent; @@ -173,10 +175,11 @@ export class FinJSDemoComponent implements OnDestroy, AfterViewInit { this.setLabelIntervalAndAngle(); this.chart.chartTitle = 'Data Chart with prices of ' + this.chartData[0].category + ' in ' + this.chartData[0].region + ' Region'; - - this.dialog.open(); - }, 200); - } + + this.dialog.open(); + this.cdr.markForCheck(); + }, 200); + } public stopFeed(): void { if (this._timer) { diff --git a/projects/app-lob/src/app/grid/grid-boston-marathon/grid.component.ts b/projects/app-lob/src/app/grid/grid-boston-marathon/grid.component.ts index 1657c9c020..9ba0e16506 100644 --- a/projects/app-lob/src/app/grid/grid-boston-marathon/grid.component.ts +++ b/projects/app-lob/src/app/grid/grid-boston-marathon/grid.component.ts @@ -1,4 +1,4 @@ -import { Component, HostListener, OnDestroy, OnInit, ViewChild, ElementRef, AfterViewInit, DOCUMENT, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostListener, OnDestroy, OnInit, ViewChild, ElementRef, AfterViewInit, DOCUMENT, inject, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { CellType, IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core'; import { AbsolutePosition, IgxOverlayService, IgxStringFilteringOperand, IgxSummaryResult, OverlayClosingEventArgs, OverlaySettings } from 'igniteui-angular/core'; @@ -24,6 +24,7 @@ import { IgxSparklineCoreModule } from 'igniteui-angular-charts'; export class GridComponent implements OnInit, OnDestroy, AfterViewInit { overlayService = inject(IgxOverlayService); private document = inject(DOCUMENT); + private cdr = inject(ChangeDetectorRef); @ViewChild('grid1', { read: IgxGridComponent, static: true }) @@ -60,7 +61,7 @@ export class GridComponent implements OnInit, OnDestroy, AfterViewInit { set live(val: boolean) { this._live = val; if (this._live) { - this._timer = setInterval(() => this.ticker(), 1500); + this.startTicker(); } else { clearInterval(this._timer); } @@ -85,9 +86,10 @@ export class GridComponent implements OnInit, OnDestroy, AfterViewInit { this.localData = АthletesData.slice(0, 30).sort((a, b) => b.TrackProgress - a.TrackProgress); this.localData.forEach(rec => this.getSpeed(rec)); this.windowWidth = this.document.defaultView.innerWidth; - this._timer = setInterval(() => this.ticker(), 1500); + this.startTicker(); this.overlayService.closing.subscribe((event: OverlayClosingEventArgs) => { this.showOverlay = false; + this.cdr.markForCheck(); }); } @@ -230,6 +232,13 @@ export class GridComponent implements OnInit, OnDestroy, AfterViewInit { this.manageRace(); } + private startTicker(): void { + this._timer = setInterval(() => { + this.ticker(); + this.cdr.markForCheck(); + }, 1500); + } + private getRandomNumber(min: number, max: number): number { return Math.round(min + Math.random() * (max - min)); } diff --git a/projects/app-lob/src/app/treegrid-finjs/tree-grid-finjs-sample.component.ts b/projects/app-lob/src/app/treegrid-finjs/tree-grid-finjs-sample.component.ts index b832a3ab63..5525995acc 100644 --- a/projects/app-lob/src/app/treegrid-finjs/tree-grid-finjs-sample.component.ts +++ b/projects/app-lob/src/app/treegrid-finjs/tree-grid-finjs-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnInit, OnDestroy, ViewChild, HostBinding, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, ElementRef, OnInit, OnDestroy, ViewChild, HostBinding, inject, ChangeDetectionStrategy } from '@angular/core'; import { AbsoluteScrollStrategy, ConnectedPositioningStrategy, DefaultSortingStrategy, HorizontalAlignment, IGroupingExpression, IgxOverlayOutletDirective, OverlaySettings, PositionSettings, TreeGridFilteringStrategy, VerticalAlignment } from 'igniteui-angular/core'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { ITreeGridAggregation, IgxGroupedTreeGridSorting, IgxTreeGridComponent, IgxTreeGridGroupByAreaComponent, IgxTreeGridGroupingPipe } from 'igniteui-angular/grids/tree-grid'; @@ -24,6 +24,7 @@ import { IgxPreventDocumentScrollDirective } from '../../../../../src/app/direct export class TreeGridFinJSComponent implements OnDestroy, OnInit { private elRef = inject(ElementRef); + private cdr = inject(ChangeDetectorRef); dataService = inject(SignalRService); @ViewChild('grid1', { static: true }) public grid1!: IgxTreeGridComponent; @@ -114,6 +115,7 @@ export class TreeGridFinJSComponent implements OnDestroy, OnInit { this.data$.subscribe((data) => { if (data.length !== 0) { this.isLoading = false; + this.cdr.markForCheck(); }; }); } diff --git a/projects/app-lob/src/main.server.ts b/projects/app-lob/src/main.server.ts index 9c6485729a..fbd3e9dbd7 100644 --- a/projects/app-lob/src/main.server.ts +++ b/projects/app-lob/src/main.server.ts @@ -1,8 +1,7 @@ -import { provideZoneChangeDetection } from "@angular/core"; import { bootstrapApplication, BootstrapContext } from '@angular/platform-browser'; import { AppComponent } from './app/app.component'; import { config } from './app/app.config.server'; -const bootstrap = (context: BootstrapContext) => bootstrapApplication(AppComponent, {...config, providers: [provideZoneChangeDetection(), ...config.providers]}, context); +const bootstrap = (context: BootstrapContext) => bootstrapApplication(AppComponent, config, context); export default bootstrap; diff --git a/projects/app-lob/src/main.ts b/projects/app-lob/src/main.ts index 38bdcd8b53..785d0e1bc9 100644 --- a/projects/app-lob/src/main.ts +++ b/projects/app-lob/src/main.ts @@ -1,4 +1,4 @@ -import { enableProdMode, provideZoneChangeDetection } from '@angular/core'; +import { enableProdMode } from '@angular/core'; import { defineCustomElements } from 'igniteui-dockmanager/loader'; @@ -11,6 +11,6 @@ if (environment.production) { enableProdMode(); } -bootstrapApplication(AppComponent, {...AppConfig, providers: [provideZoneChangeDetection(), ...AppConfig.providers]}).catch(err => console.error(err)); +bootstrapApplication(AppComponent, AppConfig).catch(err => console.error(err)); defineCustomElements(window); diff --git a/projects/app-lob/src/polyfills.ts b/projects/app-lob/src/polyfills.ts index 665b7dacbd..738aaf67b0 100644 --- a/projects/app-lob/src/polyfills.ts +++ b/projects/app-lob/src/polyfills.ts @@ -33,7 +33,6 @@ * Zone JS is required by Angular itself. */ import 'hammerjs/hammer'; -import 'zone.js'; // Included with Angular CLI. /*************************************************************************************************** * @angular/animations polyfill diff --git a/projects/app-lob/src/test.ts b/projects/app-lob/src/test.ts index 60f2672410..387b0584a4 100644 --- a/projects/app-lob/src/test.ts +++ b/projects/app-lob/src/test.ts @@ -5,7 +5,6 @@ import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing'; -import 'zone.js/testing'; // First, initialize the Angular testing environment. getTestBed().initTestEnvironment( diff --git a/src/app/grid/grid-sample-4/grid-sample-4.component.ts b/src/app/grid/grid-sample-4/grid-sample-4.component.ts index 9c1c491ce5..133276cff3 100644 --- a/src/app/grid/grid-sample-4/grid-sample-4.component.ts +++ b/src/app/grid/grid-sample-4/grid-sample-4.component.ts @@ -4,7 +4,7 @@ import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxBadgeComponent } from 'igniteui-angular/badge'; import { debounceTime } from 'rxjs/operators'; import { RemoteServiceVirt } from '../../services/remoteVirtualization.service'; -import { AsyncPipe } from '@angular/common'; +import { AsyncPipe, NgTemplateOutlet } from '@angular/common'; import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scroll.directive'; @Component({ @@ -13,7 +13,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro styleUrls: ['grid-sample-4.component.scss'], templateUrl: 'grid-sample-4.component.html', changeDetection: ChangeDetectionStrategy.Eager, - imports: [IgxCellTemplateDirective, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellHeaderTemplateDirective, IgxBadgeComponent, AsyncPipe] + imports: [IgxCellTemplateDirective, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellHeaderTemplateDirective, IgxBadgeComponent, AsyncPipe, NgTemplateOutlet] }) export class GridRemoteVirtualizationSampleComponent implements OnInit, AfterViewInit, OnDestroy{ diff --git a/src/main.server.ts b/src/main.server.ts index 9c6485729a..fbd3e9dbd7 100644 --- a/src/main.server.ts +++ b/src/main.server.ts @@ -1,8 +1,7 @@ -import { provideZoneChangeDetection } from "@angular/core"; import { bootstrapApplication, BootstrapContext } from '@angular/platform-browser'; import { AppComponent } from './app/app.component'; import { config } from './app/app.config.server'; -const bootstrap = (context: BootstrapContext) => bootstrapApplication(AppComponent, {...config, providers: [provideZoneChangeDetection(), ...config.providers]}, context); +const bootstrap = (context: BootstrapContext) => bootstrapApplication(AppComponent, config, context); export default bootstrap; diff --git a/src/main.ts b/src/main.ts index 67e1fd621c..fcc3112d63 100644 --- a/src/main.ts +++ b/src/main.ts @@ -1,4 +1,4 @@ -import { enableProdMode, provideZoneChangeDetection } from '@angular/core'; +import { enableProdMode } from '@angular/core'; import { environment } from './environments/environment'; import { defineCustomElements } from 'igniteui-dockmanager/loader'; import { bootstrapApplication } from '@angular/platform-browser'; @@ -9,6 +9,6 @@ if (environment.production) { enableProdMode(); } -bootstrapApplication(AppComponent, {...AppConfig, providers: [provideZoneChangeDetection(), ...AppConfig.providers]}).catch(err => console.log(err)); +bootstrapApplication(AppComponent, AppConfig).catch(err => console.log(err)); defineCustomElements(window); diff --git a/src/polyfills.ts b/src/polyfills.ts index 665b7dacbd..738aaf67b0 100644 --- a/src/polyfills.ts +++ b/src/polyfills.ts @@ -33,7 +33,6 @@ * Zone JS is required by Angular itself. */ import 'hammerjs/hammer'; -import 'zone.js'; // Included with Angular CLI. /*************************************************************************************************** * @angular/animations polyfill From 9c41845ef38912bfaa51a962ed985601dc272062 Mon Sep 17 00:00:00 2001 From: Martin Dragnev Date: Tue, 30 Jun 2026 17:16:48 +0300 Subject: [PATCH 02/17] refactor: remove eager change detection strategy. Defaults to onPush --- projects/app-crm/src/app/app.component.ts | 3 +- .../src/app/grid-crm/grid-crm.component.ts | 3 +- projects/app-lob/src/app/app.component.ts | 3 +- .../data-analysis-dock-manager.component.ts | 3 +- .../dock-slot/dock-slot.component.ts | 3 +- .../grid-dynamic-chart-data.component.ts | 3 +- .../dock-slot.component.ts | 8 ++--- .../grid-finjs-dock-manager.component.ts | 3 +- .../app/grid-finjs/controllers.component.ts | 33 +++++++++---------- .../app/grid-finjs/grid-finjs.component.ts | 25 +++++++------- .../src/app/grid-finjs/main.component.ts | 21 ++++++------ .../grid-boston-marathon/grid.component.ts | 3 +- .../grid-master-detail.component.ts | 3 +- .../hierarchical-grid-resizing.component.ts | 3 +- .../app-lob/src/app/home/home.component.ts | 3 +- .../src/app/index/docs-layout.component.ts | 3 +- .../app-lob/src/app/index/index.component.ts | 3 +- ...tree-grid-childdatakey-sample.component.ts | 3 +- ...grid-primaryforeignkey-sample.component.ts | 3 +- .../tree-grid-finjs-sample.component.ts | 3 +- src/app/app.component.ts | 3 +- .../badge-dot-sample.component.ts | 3 +- .../badge/badge-icon/badge-icon.component.ts | 3 +- .../badge-sample-2.component.ts | 3 +- .../badge-sample-3.component.ts | 3 +- .../badge-styling-sample.component.ts | 3 +- ...badge-tailwind-styling-sample.component.ts | 3 +- .../chip-area-sample.component.ts | 3 +- .../chip/chip-simple/chip-simple.component.ts | 3 +- .../chip-styling/chip-styling.component.ts | 3 +- .../chip-tailwind-styling.component.ts | 3 +- .../chip-variants/chip-variants.component.ts | 3 +- .../circular-dynamic-sample.component.ts | 3 +- ...lar-indeterminate-progressbar.component.ts | 3 +- .../circular-progressbar.component.ts | 3 +- .../circular-styling-sample.component.ts | 3 +- .../icon-sample-1/icon-sample-1.component.ts | 3 +- .../icon-sample-2/icon-sample-2.component.ts | 3 +- .../icon-sample-3/icon-sample-3.component.ts | 3 +- .../icon-sample-4/icon-sample-4.component.ts | 3 +- .../icon-sample-5/icon-sample-5.component.ts | 3 +- .../icon-service-sample.component.ts | 3 +- .../icon-styling-sample.component.ts | 3 +- .../icon-tailwind-styling-sample.component.ts | 3 +- .../material-icons-extended.component.ts | 3 +- .../material-symbols.component.ts | 3 +- .../svg-icon-sample.component.ts | 3 +- .../igxFor-horizontal.component.ts | 3 +- .../data-display/igxFor/igxFor.component.ts | 3 +- .../linear-dynamic-sample.component.ts | 3 +- .../linear-progressbar-sample-1.component.ts | 3 +- .../linear-progressbar-sample-2.component.ts | 3 +- ...ar-progressbar-styling-sample.component.ts | 3 +- .../linear-progressbar.component.ts | 3 +- .../mask-sample-1/mask-sample-1.component.ts | 3 +- .../mask-sample-2/mask-sample-2.component.ts | 3 +- .../mask-sample-3/mask-sample-3.component.ts | 3 +- .../mask-sample-4/mask-sample-4.component.ts | 3 +- .../mask-sample-5/mask-sample-5.component.ts | 3 +- .../text-highlight-sample-1.component.ts | 3 +- .../text-highlight-sample-2.component.ts | 3 +- .../text-highlight-style.component.ts | 3 +- .../autocomplete/autocomplete.component.ts | 3 +- .../autocomplete/movie/movie.component.ts | 3 +- .../button-group-sample-1.component.ts | 3 +- .../button-group-sample-2.component.ts | 3 +- .../button-group-sample-3.component.ts | 3 +- .../button-group-sample.component.ts | 3 +- .../button-group-sample-5.component.ts | 3 +- .../button-group-style.component.ts | 3 +- .../button-group-tailwind-style.component.ts | 3 +- .../buttons-disabled-sample.ts | 3 +- .../buttons-display-density.component.ts | 3 +- .../buttons-roundness-sample.ts | 3 +- .../buttons-sample-1.component.ts | 3 +- .../buttons-sample-2.component.ts | 3 +- .../buttons-sample-3.component.ts | 3 +- .../buttons-sample-4.component.ts | 3 +- .../buttons-sample-5.component.ts | 3 +- .../buttons-sample-6.component.ts | 3 +- .../buttons-sample-7.component.ts | 3 +- .../buttons-sample-8.component.ts | 3 +- .../buttons-style/buttons-style.component.ts | 3 +- .../buttons-tailwind-style.component.ts | 3 +- .../checkbox-sample-1.component.ts | 3 +- .../checkbox-sample-2.component.ts | 3 +- .../checkbox-sample-3.component.ts | 3 +- .../checkbox-styling.component.ts | 3 +- .../checkbox-tailwind-styling.component.ts | 3 +- .../drop-down-remote.component.ts | 3 +- .../drop-down-virtual.component.ts | 3 +- .../dropdown-menu/dropdown-menu.component.ts | 3 +- .../dropdown-multi-level-menu.component.ts | 3 +- .../dropdown-sample-1.component.ts | 3 +- .../dropdown-sample-2.component.ts | 3 +- .../dropdown-sample-3.component.ts | 3 +- .../dropdown-sample-4.component.ts | 3 +- .../dropdown-sample-5.component.ts | 3 +- .../dropdown-styling.component.ts | 3 +- ...e-grid-hierarchical-selection.component.ts | 3 +- ...n-tree-hierarchical-selection.component.ts | 3 +- .../contained-icon-button.component.ts | 3 +- .../disabled-icon-button.component.ts | 3 +- .../flat-icon-button.component.ts | 3 +- .../icon-button-overview.component.ts | 3 +- .../icon-button-size.component.ts | 3 +- .../icon-button-styling.component.ts | 3 +- .../icon-button-tailwind-styling.component.ts | 3 +- .../outlined-icon-button.component.ts | 3 +- .../svg-icon-button.component.ts | 3 +- .../input-group-sample-1.component.ts | 3 +- .../input-group-sample-2.component.ts | 3 +- .../input-group-sample-3.component.ts | 3 +- .../input-group-sample-4.component.ts | 3 +- .../input-group-sample-5.component.ts | 3 +- .../input-group-sample-6.component.ts | 3 +- .../input-group-styling.component.ts | 3 +- .../input-group-tailwind-styling.component.ts | 3 +- .../input-text-selection.component.ts | 3 +- ...active-form-custom-validation.component.ts | 3 +- .../reactive-form-validation.component.ts | 3 +- ...mplate-driven-form-validation.component.ts | 3 +- .../typed-form/typed-form.component.ts | 3 +- .../radio-group-sample.component.ts | 3 +- .../radio-group-vertical.component.ts | 3 +- .../radio-sample-1.component.ts | 3 +- .../radio-sample-2.component.ts | 3 +- .../radio-sample-3.component.ts | 3 +- .../radio-styling-sample.component.ts | 3 +- ...radio-tailwind-styling-sample.component.ts | 3 +- .../rating-form/rating-form.component.ts | 3 +- .../select-header-footer.component.ts | 3 +- .../select-input-directives.ts | 3 +- .../select-sample-1.component.ts | 3 +- .../select-sample-2.component.ts | 3 +- .../select-sample-4.component.ts | 3 +- .../select-styling.component.ts | 3 +- .../select-tailwind-styling.component.ts | 3 +- .../switch-sample-1.component.ts | 3 +- .../switch-sample-2.component.ts | 3 +- .../switch-styling.component.ts | 3 +- .../switch-tailwind-styling.component.ts | 3 +- ...id-lite-column-config-dynamic.component.ts | 3 +- ...id-lite-column-config-headers.component.ts | 3 +- ...rid-lite-column-config-simple.component.ts | 3 +- ...rid-lite-data-binding-dynamic.component.ts | 3 +- .../grid-lite-filtering-events.component.ts | 3 +- .../grid-lite-filtering-pipeline.component.ts | 3 +- .../grid-lite-filtering-simple.component.ts | 3 +- .../grid-lite-overview.component.ts | 3 +- .../grid-lite-sorting-events.component.ts | 3 +- ...grid-lite-sorting-grid-config.component.ts | 3 +- .../grid-lite-sorting-pipeline.component.ts | 3 +- .../grid-lite-sorting-simple.component.ts | 3 +- .../grid-lite-styling-custom.component.ts | 3 +- .../grid-lite-styling-themes.component.ts | 3 +- ...column-group-selection-sample.component.ts | 3 +- .../column-selection-sample.component.ts | 3 +- .../column-selection-styles.component.ts | 3 +- .../custom-grid-paging-style.component.ts | 3 +- .../grid-action-strip-sample.ts | 3 +- .../grid-add-row-sample.component.ts | 3 +- ...rid-advanced-filtering-sample.component.ts | 3 +- ...grid-advanced-filtering-style.component.ts | 3 +- .../grid-allData-summary.component.ts | 3 +- .../grid-batch-editing-sample.component.ts | 3 +- .../batch-editing-remote-paging.component.ts | 3 +- .../grid-cascading-combos.component.ts | 3 +- ...grid-cell-merge-custom-sample.component.ts | 3 +- .../grid-cell-merge-sample.component.ts | 3 +- .../grid-cellSelection.component.ts | 3 +- ...d-clipboard-operations-sample.component.ts | 3 +- ...rid-collapsible-column-groups.component.ts | 3 +- .../grid-column-autosizing.component.ts | 3 +- ...grid-column-data-types-sample.component.ts | 3 +- .../grid-column-hiding-sample.component.ts | 3 +- ...-column-hiding-toolbar-sample.component.ts | 3 +- ...d-column-hiding-toolbar-style.component.ts | 3 +- .../grid-composite-data.component.ts | 3 +- ...grid-conditional-cell-style-2.component.ts | 3 +- .../grid-conditional-cell-style.component.ts | 3 +- ...ditional-row-selectors-sample.component.ts | 3 +- .../contextmenu/contextmenu.component.ts | 3 +- .../grid-contextmenu-sample.component.ts | 3 +- .../grid-crud-sample/crud-sample.component.ts | 3 +- .../grid-custom-filtering.component.ts | 3 +- ...d-custom-kb-navigation-sample.component.ts | 3 +- .../custom-remote-paging-sample.component.ts | 3 +- ...id-custom-summaries-selection.component.ts | 3 +- .../grid-disable-summaries.component.ts | 1 - .../grid-displaydensity-sample.component.ts | 3 +- .../grid-drop-indicator.ts | 3 +- .../grid-editing-events.component.ts | 3 +- .../grid-editing-excel-style.component.ts | 3 +- .../grid-editing-lifecycle.component.ts | 3 +- .../grid-editing-sample.component.ts | 3 +- .../grid-editing-style-sample.component.ts | 3 +- ...tyle-filtering-load-on-demand.component.ts | 3 +- ...xcel-style-filtering-sample-1.component.ts | 3 +- ...xcel-style-filtering-sample-2.component.ts | 3 +- ...xcel-style-filtering-sample-3.component.ts | 3 +- ...d-excel-style-filtering-style.component.ts | 3 +- .../grid-export-visualization.component.ts | 3 +- ...d-external-advanced-filtering.component.ts | 3 +- ...xternal-excel-style-filtering.component.ts | 1 - .../grid-external-outlet-sample.component.ts | 3 +- .../grid-filtering-sample.component.ts | 3 +- .../grid-filtering-style.component.ts | 3 +- ...rid-filtering-template-sample.component.ts | 3 +- ...-formatted-filtering-strategy.component.ts | 3 +- .../grid-group-by-paging-sample.component.ts | 3 +- .../grid-groupby-custom-sample.component.ts | 3 +- .../grid-groupby-sample.component.ts | 3 +- .../grid-groupby-styling.component.ts | 3 +- .../grid-groupby-summary-sample.component.ts | 3 +- ...roupby-summary-styling-sample.component.ts | 3 +- .../grid-keyboardnav-sample.component.ts | 3 +- .../grid-moving-sample.component.ts | 3 +- .../grid-moving-styled-sample.component.ts | 3 +- .../grid-mrl-custom-navigation.component.ts | 3 +- ...id-multi-cell-selection-style.component.ts | 3 +- .../grid-multi-cell-selection.component.ts | 3 +- ...ulti-row-layout-configuration.component.ts | 3 +- ...grid-multi-row-layout-styling.component.ts | 3 +- .../grid-multi-row-layout.component.ts | 3 +- .../grid-multiple-row-drag.component.ts | 3 +- .../grid-nested-data-bind2.ts | 3 +- .../grid-nested-data-bind.ts | 3 +- .../grid-pager-sample.component.ts | 3 +- .../grid-paging-sample.component.ts | 3 +- .../grid-paste/grid-paste-sample.component.ts | 3 +- .../remote-filtering-sample.component.ts | 3 +- ...emote-paging-default-template.component.ts | 3 +- .../remote-paging-sample.component.ts | 3 +- .../grid-resize-line-styling-sample.ts | 3 +- .../grid-resizing-sample.component.ts | 3 +- .../grid-row-drag-base.component.ts | 3 +- .../grid-row-drag-to-grid.component.ts | 3 +- .../grid-row-drag/grid-row-drag.component.ts | 3 +- .../grid-row-drag/planet/planet.component.ts | 3 +- .../grid-row-editing-sample.component.ts | 3 +- .../grid-row-editing-style.component.ts | 3 +- .../grid-row-pinning-drag.component.ts | 3 +- ...grid-row-pinning-extra-column.component.ts | 3 +- .../grid-row-pinning-styling.component.ts | 3 +- .../grid-row-pinning.component.ts | 3 +- .../grid-row-reorder.ts | 3 +- .../grid-rowClasses.component.ts | 3 +- .../grid-rowStyles.component.ts | 3 +- .../grid-sample-2/grid-sample-2.component.ts | 3 +- .../grid-sample-3/grid-sample-3.component.ts | 3 +- .../grid-sample-4/grid-sample-4.component.ts | 3 +- .../grid-sample-5/grid-sample-5.component.ts | 3 +- ...id-toolbar-pinning-both-sides.component.ts | 3 +- .../grid-pinning-styling.component.ts | 3 +- .../grid-pinning.component.ts | 3 +- .../grid-toolbar-pinning.component.ts | 3 +- .../grid-right-pinning.component.ts | 3 +- ...mple-selection-template-excel.component.ts | 3 +- ...le-selection-template-numbers.component.ts | 3 +- .../grid-selection.component.ts | 3 +- .../grid/grid-save-state/about.component.ts | 3 +- .../grid-save-state/grid-state.component.ts | 3 +- .../grid-search-sample.component.ts | 3 +- .../grid-select-sample.component.ts | 3 +- .../grid-sorting-indicators.component.ts | 3 +- .../grid-sorting-sample.component.ts | 5 ++- .../grid-sorting-styling.component.ts | 3 +- ...grid-state-persistance-sample.component.ts | 5 ++- .../grid-summary-export.component.ts | 3 +- .../grid-summary-formatter.component.ts | 3 +- .../grid-summary-template.component.ts | 3 +- .../grid-toolbar-sample-1.component.ts | 3 +- .../grid-toolbar-sample-2.component.ts | 3 +- .../grid-toolbar-sample-3.component.ts | 3 +- .../grid-toolbar-sample-4.component.ts | 3 +- .../grid-toolbar-style.component.ts | 3 +- .../grid-validation-style.component.ts | 3 +- ...validator-service-cross-field.component.ts | 3 +- ...id-validator-service-extended.component.ts | 3 +- .../grid-validator-service.component.ts | 3 +- .../grid-with-rating.component.ts | 3 +- .../multi-column-header-template.ts | 3 +- .../multi-column-headers-export.component.ts | 3 +- .../multi-column-headers-styling.component.ts | 3 +- .../multi-column-headers.ts | 3 +- ...l-grid-column-group-selection.component.ts | 3 +- ...-grid-column-selection-styles.component.ts | 3 +- ...rchical-grid-column-selection.component.ts | 3 +- .../hgrid-column-autosizing.component.ts | 3 +- .../hgrid-editing-lifecycle.component.ts | 3 +- .../hgrid-keyboard-guide.component.ts | 3 +- .../hgrid-rowClasses.component.ts | 3 +- .../hgrid-rowStyles.component.ts | 3 +- .../hgrid-summary-export.component.ts | 3 +- .../hgrid-summary-template.component.ts | 3 +- .../hierarchical-grid-action-strip-sample.ts | 3 +- .../hierarchical-grid-add-row.component.ts | 3 +- ...grid-advanced-filtering-style.component.ts | 3 +- ...hical-grid-advanced-filtering.component.ts | 5 ++- ...archical-grid-allData-summary.component.ts | 3 +- ...erarchical-grid-batch-editing.component.ts | 3 +- ...chical-grid-cell-merge-custom.component.ts | 3 +- .../hierarchical-grid-cell-merge.component.ts | 3 +- ...erarchical-grid-cellSelection.component.ts | 3 +- ...rid-collapsible-column-groups.component.ts | 3 +- ...d-column-hiding-toolbar-style.component.ts | 3 +- ...erarchical-grid-custom-hiding.component.ts | 3 +- .../hierarchical-grid-hiding.component.ts | 3 +- ...erarchical-grid-moving-styled.component.ts | 3 +- .../hierarchical-grid-moving.component.ts | 3 +- .../hierarchical-grid-pinning.component.ts | 3 +- ...archical-grid-toolbar-pinning.component.ts | 3 +- ...rid-conditional-row-selectors.component.ts | 3 +- ...l-grid-cross-field-validation.component.ts | 3 +- ...d-custom-kb-navigation-sample.component.ts | 3 +- ...chical-grid-disable-summaries.component.ts | 1 - .../hierarchical-grid-density.component.ts | 3 +- ...rarchical-grid-editing-events.component.ts | 3 +- ...erarchical-grid-editing-style.component.ts | 3 +- .../hierarchical-grid-editing.component.ts | 3 +- .../hierarchical-grid-excel-export.sample.ts | 3 +- ...tyle-filtering-load-on-demand.component.ts | 3 +- ...xcel-style-filtering-sample-1.component.ts | 3 +- ...xcel-style-filtering-sample-2.component.ts | 3 +- ...xcel-style-filtering-sample-3.component.ts | 3 +- ...d-excel-style-filtering-style.component.ts | 3 +- ...d-external-advanced-filtering.component.ts | 1 - ...xternal-excel-style-filtering.component.ts | 1 - ...l-grid-external-outlet-sample.component.ts | 3 +- ...archical-grid-filtering-style.component.ts | 3 +- ...hical-grid-filtering-template.component.ts | 3 +- ...rchical-grid-custom-filtering.component.ts | 3 +- .../hierarchical-grid-filtering.component.ts | 3 +- ...-formatted-filtering-strategy.component.ts | 3 +- .../hierarchical-grid-lod.component.ts | 3 +- ...rchical-grid-multi-cell-style.component.ts | 3 +- ...al-grid-multi-column-template.component.ts | 3 +- ...ical-grid-multi-column-export.component.ts | 3 +- ...cal-grid-multi-column-styling.component.ts | 3 +- ...ierarchical-grid-multi-column.component.ts | 3 +- ...rarchical-grid-multi-row-drag.component.ts | 3 +- ...ierarchical-grid-pager-sample.component.ts | 3 +- ...ierarchical-grid-paging-style.component.ts | 3 +- .../hierarchical-grid-paging.component.ts | 3 +- ...erarchical-grid-remote-paging.component.ts | 3 +- ...emote-paging-default-template.component.ts | 3 +- ...ical-grid-resize-line-styling.component.ts | 3 +- .../hierarchical-row-drag-base.component.ts | 3 +- .../hierarchical-grid-row-drag.component.ts | 3 +- ...rarchical-grid-row-edit-style.component.ts | 3 +- ...hierarchical-grid-row-editing.component.ts | 3 +- ...grid-row-pinning-extra-column.component.ts | 3 +- ...ical-grid-row-pinning-styling.component.ts | 3 +- ...hierarchical-grid-row-pinning.component.ts | 3 +- ...hierarchical-grid-row-reorder.component.ts | 3 +- ...hical-grid-both-sides-pinning.component.ts | 3 +- ...erarchical-grid-right-pinning.component.ts | 3 +- .../about.component.ts | 3 +- .../hGrid-state.component.ts | 3 +- ...id-selection-template-numbers.component.ts | 3 +- .../hierarchical-grid-selection.component.ts | 3 +- ...archical-grid-sorting-styling.component.ts | 3 +- .../hgrid-contextmenu.component.ts | 3 +- .../hierarchical-grid-sorting.component.ts | 3 +- .../hierarchical-grid-styling.component.ts | 3 +- ...chical-grid-summary-formatter.component.ts | 3 +- ...archical-grid-summary-styling.component.ts | 3 +- .../hierarchical-grid-summary.component.ts | 3 +- ...erarchical-grid-toolbar-style.component.ts | 3 +- ...rarchical-grid-toolbar-custom.component.ts | 3 +- ...archical-grid-toolbar-options.component.ts | 3 +- ...erarchical-grid-toolbar-title.component.ts | 3 +- ...rchical-grid-validation-style.component.ts | 3 +- ...id-validator-service-extended.component.ts | 3 +- ...chical-grid-validator-service.component.ts | 3 +- src/app/home/home.component.ts | 3 +- .../reactive-forms.component.ts | 3 +- src/app/index/docs-layout.component.ts | 3 +- src/app/index/index.component.ts | 3 +- .../features-sample.component.ts | 3 +- .../overview-sample.component.ts | 3 +- .../styling-sample.component.ts | 3 +- .../dialog-sample-1.component.ts | 3 +- .../dialog-sample-2.component.ts | 3 +- .../dialog-sample-3.component.ts | 3 +- .../dialog-styling-sample.component.ts | 3 +- .../drag-dialog-sample.component.ts | 3 +- .../email-sample/email-sample.component.ts | 3 +- .../icons-sample/icons-sample.component.ts | 3 +- .../kanban-sample/kanban-sample.component.ts | 3 +- .../list-reorder-sample.component.ts | 1 - .../overlay-dynamic-card.component.ts | 8 ++--- .../overlay-main-sample-1.component.ts | 3 +- .../overlay-main-sample-2.component.ts | 3 +- .../overlay-main-sample-3.component.ts | 3 +- .../overlay-position-sample-1.component.ts | 3 +- .../overlay-position-sample-2.component.ts | 3 +- .../overlay-position-sample-3.component.ts | 3 +- ...verlay-preset-settings-sample.component.ts | 3 +- .../overlay-scroll-sample-1.component.ts | 3 +- .../overlay-scroll-sample-2.component.ts | 3 +- .../overlay-styling.component.ts | 3 +- .../query-builder-request-sample.component.ts | 7 ++-- .../query-builder-sample-1.component.ts | 7 ++-- .../query-builder-sql-sample.component.ts | 9 +++-- .../query-builder-style.component.ts | 5 ++- .../query-builder-tailwind-style.component.ts | 3 +- ...query-builder-template-sample.component.ts | 3 +- .../ripple-sample-2.component.ts | 3 +- .../ripple-sample-3.component.ts | 3 +- .../ripple-sample-4.component.ts | 3 +- .../ripple-sample-5.component.ts | 3 +- .../ripple-sample-6.component.ts | 3 +- .../ripple-styling-sample.component.ts | 3 +- .../discrete-slider-ticks-bottom.component.ts | 3 +- .../slider-primary-ticks-top.component.ts | 3 +- .../slider-sample-1.component.ts | 3 +- .../slider-sample-2.component.ts | 3 +- .../slider-sample-3.component.ts | 3 +- .../slider-sample-4.component.ts | 3 +- .../slider-sample-5.component.ts | 3 +- .../slider-sample-6.component.ts | 3 +- ...slider-secondary-ticks-mirror.component.ts | 3 +- .../app-slider-styling.component.ts | 3 +- .../slider-tailwind-styling.component.ts | 3 +- .../tick-labels-template.component.ts | 3 +- ...ider-ticks-bottomtotop-labels.component.ts | 3 +- .../slider-timeframe.component.ts | 3 +- .../toggle-sample-1.component.ts | 3 +- .../toggle-sample-2.component.ts | 3 +- .../toggle-sample-3.component.ts | 3 +- .../toggle-sample-4.component.ts | 3 +- .../interactions/toggle/toggle.component.ts | 3 +- .../tooltip-advanced.component.ts | 3 +- .../tooltip-placement.component.ts | 3 +- .../tooltip-rich/tooltip-rich.component.ts | 3 +- .../tooltip-simple.component.ts | 3 +- .../tooltip-style/tooltip-style.component.ts | 3 +- .../tooltip-tailwind-style.component.ts | 3 +- .../tooltip-triggers.component.ts | 3 +- .../accordion-sample-1.component.ts | 3 +- .../accordion-sample-2.component.ts | 3 +- .../accordion-sample-3.component.ts | 3 +- .../accordion-style.component.ts | 3 +- .../avatar-css-variables.component.ts | 3 +- .../avatar-sample-1.component.ts | 3 +- .../avatar-sample-2.component.ts | 3 +- .../avatar-sample-3.component.ts | 3 +- .../avatar-sample-4.component.ts | 3 +- .../avatar-styling.component.ts | 3 +- .../avatar-tailwind-styling.component.ts | 3 +- .../card-sample-1/card-sample-1.component.ts | 3 +- .../card-sample-2/card-sample-2.component.ts | 3 +- .../card-sample-3/card-sample-3.component.ts | 3 +- .../card-sample-4/card-sample-4.component.ts | 3 +- .../card-styling-sample.component.ts | 9 +++-- .../card-tailwind-styling-sample.component.ts | 3 +- src/app/layouts/card/card.component.ts | 3 +- .../carousel-animations-sample.component.ts | 3 +- ...carousel-no-navigation-sample.component.ts | 3 +- .../carousel-styling-sample.component.ts | 3 +- .../carousel-tailwind-sample.component.ts | 3 +- ...rousel-with-components-sample.component.ts | 3 +- .../layouts/carousel/carousel.component.ts | 3 +- .../dashed/divider-dashed.component.ts | 3 +- .../default/divider-default.component.ts | 3 +- .../divider/inset/divider-inset.component.ts | 3 +- .../vertical/divider-vertical.component.ts | 3 +- .../dock-manager.component.ts | 3 +- .../expansion-sample-1.component.ts | 3 +- .../expansion-sample-2.component.ts | 3 +- .../expansion-sample-3.component.ts | 3 +- .../expansion-sample-4.component.ts | 3 +- .../expansion-sample-5.component.ts | 3 +- .../expansion-styling.component.ts | 3 +- .../expansion-tailwind-styling.component.ts | 3 +- .../layout-align-items.component.ts | 3 +- .../layout-content-space.component.ts | 3 +- .../layout-custom-order.component.ts | 3 +- .../layout-direction-column.component.ts | 3 +- .../layout-direction-row.component.ts | 3 +- .../layout-justify-content.component.ts | 3 +- .../layout-sample/layout-sample.component.ts | 3 +- .../layout-wrap/layout-wrap.component.ts | 3 +- .../splitter-collapsible-sample.component.ts | 3 +- .../splitter-horizontal-sample.component.ts | 3 +- .../splitter-nested-sample.component.ts | 3 +- .../splitter-styling-sample.component.ts | 3 +- ...itter-tailwind-styling-sample.component.ts | 3 +- ...sition-and-orientation-sample.component.ts | 3 +- .../stepper-linear-sample.component.ts | 3 +- .../stepper-overview-sample.component.ts | 3 +- ...stepper-sample-reactive-forms.component.ts | 3 +- .../stepper-steptypes-sample.component.ts | 3 +- .../stepper-styling-sample.component.ts | 3 +- ...epper-tailwind-styling-sample.component.ts | 3 +- .../tabbar-sample-1.component.ts | 3 +- .../tabbar-sample-2.component.ts | 3 +- .../components/tabbar-sample-3.component.ts | 3 +- .../tabbar-style/tabbar-style.component.ts | 3 +- .../tabbar-tailwind-style.component.ts | 3 +- .../tabbar/views/view1/view1.component.ts | 3 +- .../tabbar/views/view2/view2.component.ts | 3 +- .../tabbar/views/view3/view3.component.ts | 3 +- .../tabs-alignment.component.ts | 3 +- .../tabs-header-prefix-suffix.ts | 3 +- .../tabs-sample-1/tabs-sample-1.component.ts | 3 +- .../tabs-sample-2/tabs-sample-2.component.ts | 3 +- .../tabs-sample-3/tabs-sample-3.component.ts | 3 +- .../components/tabs-sample-4.component.ts | 3 +- .../tabs/tabs-style/tabs-style.component.ts | 3 +- .../tabs-tailwind-style.component.ts | 3 +- .../tabs/views/view1/view1.component.ts | 3 +- .../tabs/views/view2/view2.component.ts | 3 +- .../tabs/views/view3/view3.component.ts | 3 +- .../tile-manager.component.ts | 11 +++---- .../combo-binding/combo-binding.component.ts | 3 +- .../combo-features.component.ts | 3 +- .../combo/combo-main/combo-main.component.ts | 3 +- .../combo-overlay/combo-overlay.component.ts | 3 +- .../combo-remote/combo-remote.component.ts | 3 +- .../combo-styling/combo-styling.component.ts | 3 +- .../combo-tailwind-styling.component.ts | 3 +- .../combo-template.component.ts | 3 +- .../combo-valuekey.component.ts | 3 +- .../simple-combo-cascading.component.ts | 3 +- .../simple-combo-main.component.ts | 3 +- .../simple-combo-remote.component.ts | 3 +- .../simple-combo-styling.component.ts | 3 +- .../simple-combo-usage.component.ts | 3 +- .../list-chat-sample.component.ts | 3 +- .../list-item-selection.component.ts | 3 +- .../list-sample-1/list-sample-1.component.ts | 3 +- .../list-sample-2/list-sample-2.component.ts | 3 +- .../list-sample-3/list-sample-3.component.ts | 3 +- .../list-sample-4/list-sample-4.component.ts | 3 +- .../list-sample-5/list-sample-5.component.ts | 3 +- .../list-sample-6/list-sample-6.component.ts | 3 +- .../list-sample-7/list-sample-7.component.ts | 3 +- .../list-sample-8/list-sample-8.component.ts | 3 +- .../list-tailwind-styling.component.ts | 3 +- src/app/lists/list/list.component.ts | 3 +- .../tree-advanced-sample.component.ts | 3 +- .../tree-basic-sample.component.ts | 3 +- .../tree-styling/tree-styling.component.ts | 3 +- .../tree-tailwind-styling.component.ts | 3 +- .../action-strip-paragraph-menu.component.ts | 3 +- ...ction-strip-paragraph-styling.component.ts | 3 +- .../action-strip-paragraph.component.ts | 3 +- .../navbar-custom-title.component.ts | 3 +- .../navbar-sample-1.component.ts | 3 +- .../navbar-sample-2.component.ts | 3 +- .../navbar-sample-3.component.ts | 3 +- .../navbar-style/navbar-style.component.ts | 3 +- .../navbar-tailwind-style.component.ts | 3 +- src/app/menus/navbar/navbar.component.ts | 3 +- .../nav-drawer-hierarchical.component.ts | 5 ++- .../nav-drawer-mini.component.ts | 3 +- .../nav-drawer-pin.component.ts | 3 +- .../nav-drawer-routing.component.ts | 3 +- .../nav-drawer-simple.component.ts | 3 +- .../nav-drawer-styling.component.ts | 3 +- .../banner-advanced-sample.component.ts | 3 +- .../banner-sample-1.component.ts | 3 +- .../banner-sample-2.component.ts | 3 +- .../banner-sample-3.component.ts | 3 +- .../banner-sample-4.component.ts | 3 +- .../banner-styling.component.ts | 3 +- .../snackbar-sample-1.component.ts | 3 +- .../snackbar-sample-2.component.ts | 3 +- .../snackbar-sample-4.component.ts | 3 +- .../snackbar-sample-5.component.ts | 3 +- .../snackbar-style.component.ts | 3 +- .../snackbar-tailwind-style.component.ts | 3 +- .../toast-sample-1.component.ts | 3 +- .../toast-sample-2.component.ts | 3 +- .../toast-sample-3.component.ts | 3 +- .../toast-sample-4.component.ts | 3 +- .../toast-sample-5.component.ts | 3 +- .../toast-style/toast-style.component.ts | 3 +- .../toast-tailwind-style.component.ts | 3 +- .../paginator/pagination-sample.component.ts | 3 +- .../pivot-grid-basic-sample.component.ts | 5 ++- .../pivot-data-selector-sample.component.ts | 3 +- .../pivot-export/pivot-export.component.ts | 3 +- .../pivot-features.component.ts | 3 +- ...-grid-noop-persistence-sample.component.ts | 3 +- .../pivot-grid-noop-sample.component.ts | 3 +- .../pivot-layout/pivot-layout.component.ts | 3 +- .../about.component.ts | 3 +- ...grid-state-persistence-sample.component.ts | 3 +- .../calendar-days-view.component.ts | 3 +- .../calendar-months-view.component.ts | 3 +- .../calendar-rtl-sample.component.ts | 3 +- .../calendar-sample-1.component.ts | 3 +- .../calendar-sample-2.component.ts | 3 +- .../calendar-sample-3.component.ts | 3 +- .../calendar-sample-4.component.ts | 3 +- .../calendar-sample-5.component.ts | 3 +- .../calendar-sample-6.component.ts | 3 +- .../calendar-sample-7.component.ts | 3 +- .../calendar-sample-8.component.ts | 3 +- .../calendar-sample-9.component.ts | 3 +- .../calendar-styling-sample.component.ts | 3 +- ...endar-tailwind-styling-sample.component.ts | 3 +- .../calendar-years-view.component.ts | 3 +- .../calendar/multiview/multiview.component.ts | 3 +- .../datepicker-dropdown.component.ts | 3 +- .../datepicker-sample-1.component.ts | 3 +- .../datepicker-sample-2.component.ts | 3 +- .../datepicker-sample-3.component.ts | 3 +- .../datepicker-sample-4.component.ts | 3 +- .../datepicker-sample-5.component.ts | 3 +- .../datepicker-sample-6.component.ts | 3 +- .../datepicker-sample-7.component.ts | 3 +- .../datepicker-sample-8.component.ts | 3 +- .../datepicker-sample-9.component.ts | 3 +- .../datepicker-styling-sample.component.ts | 14 ++++---- .../reactive-form/reactive-form.component.ts | 3 +- .../template-driven-form.component.ts | 3 +- .../daterangepicker-basic.ts | 3 +- .../daterangepicker-flight-booking.ts | 3 +- .../daterangepicker-mode.ts | 3 +- .../daterangepicker-range-buttons.ts | 3 +- .../daterangepicker-start-end.ts | 3 +- .../daterangepicker-styling.ts | 3 +- .../daterangepicker-validation.ts | 3 +- .../datetime-advanced/datetime-advanced.ts | 3 +- .../datetime-basic.component.ts | 3 +- .../monthpicker-sample-1.component.ts | 3 +- .../monthpicker-sample-3.component.ts | 3 +- .../monthpicker-styling.component.ts | 3 +- .../monthpicker-tailwind-styling.component.ts | 3 +- .../timepicker-dropdown.component.ts | 3 +- .../timepicker-sample-1.component.ts | 3 +- .../timepicker-sample-4.component.ts | 3 +- .../timepicker-sample-5.component.ts | 3 +- .../timepicker-sample-6.component.ts | 3 +- .../timepicker-styling.component.ts | 12 +++---- .../csv-export-sample-1.component.ts | 3 +- .../csv-export-tree-grid-sample.component.ts | 3 +- .../export-csv/csv-export.component.ts | 3 +- .../excel-export-sample-1.component.ts | 3 +- ...excel-export-tree-grid-sample.component.ts | 3 +- .../export-excel/excel-export.component.ts | 3 +- .../export-pdf-custom-font.component.ts | 1 - .../export-pdf/pdf-export.component.ts | 3 +- .../localization-all-resources.component.ts | 3 +- .../localization-sample-1.component.ts | 3 +- .../localization-sample-2.component.ts | 3 +- .../localization-sample-3.component.ts | 3 +- .../localization-all-resources.component.ts | 3 +- .../transaction-base.component.ts | 3 +- .../angular/angular-sample.component.ts | 5 ++- .../animations-sample-1.component.ts | 3 +- .../animations-sample-2.component.ts | 3 +- .../bootstrap/bootstrap-sample.component.ts | 3 +- .../default-theme-sample.component.ts | 3 +- .../display-density.component.ts | 3 +- .../roundness/roundness-sample.component.ts | 3 +- .../card-sample-shadow/card-sample-shadow.ts | 3 +- .../shadows-sample.component.ts | 3 +- .../shadows-sample-2.component.ts | 3 +- .../tailwind/tailwind-sample.component.ts | 3 +- .../column-group-selection.component.ts | 3 +- ...e-grid-column-selection-style.component.ts | 3 +- .../tree-grid-column-selection.component.ts | 3 +- .../tgrid-editing-lifecycle.component.ts | 3 +- .../tgrid-keyboardnav-guide.component.ts | 3 +- .../tree-grid-action-strip-sample.ts | 3 +- .../tree-grid-add-row-sample.component.ts | 3 +- ...rid-advanced-filtering-sample.component.ts | 3 +- ...grid-advanced-filtering-style.component.ts | 3 +- ...ree-grid-batch-editing-sample.component.ts | 3 +- ...grid-cell-merge-custom-sample.component.ts | 3 +- .../tree-grid-cell-merge-sample.component.ts | 3 +- .../tree-grid-cellSelection.component.ts | 3 +- ...d-clipboard-operations-sample.component.ts | 3 +- ...rid-collapsible-column-groups.component.ts | 3 +- ...ree-grid-column-hiding-sample.component.ts | 3 +- ...-column-hiding-toolbar-sample.component.ts | 3 +- ...d-column-hiding-toolbar-style.component.ts | 3 +- ...ree-grid-column-moving-sample.component.ts | 3 +- ...d-column-moving-styled-sample.component.ts | 3 +- ...ee-grid-column-pinning-sample.component.ts | 3 +- .../tree-grid-toolbar-pinning.component.ts | 3 +- ...e-grid-column-resizing-sample.component.ts | 3 +- ...grid-conditional-cell-style-2.component.ts | 3 +- ...conditional-cell-style-sample.component.ts | 3 +- ...rid-conditional-row-selectors.component.ts | 3 +- .../tree-grid-disable-summaries.component.ts | 1 - ...ee-grid-displaydensity-sample.component.ts | 3 +- .../tree-grid-editing-events.component.ts | 3 +- .../tree-grid-editing-sample.component.ts | 3 +- .../tree-grid-editing-sample.component.ts | 3 +- .../tree-grid-employees-sample.component.ts | 3 +- ...tyle-filtering-load-on-demand.component.ts | 3 +- ...xcel-style-filtering-sample-1.component.ts | 3 +- ...xcel-style-filtering-sample-2.component.ts | 3 +- ...xcel-style-filtering-sample-3.component.ts | 3 +- ...d-excel-style-filtering-style.component.ts | 3 +- ...ree-grid-export-visualization.component.ts | 3 +- ...d-external-advanced-filtering.component.ts | 3 +- ...xternal-excel-style-filtering.component.ts | 3 +- ...e-grid-external-outlet-sample.component.ts | 3 +- ...-grid-filtering-custom-sample.component.ts | 3 +- .../tree-grid-filtering-sample.component.ts | 3 +- .../tree-grid-filtering-style.component.ts | 3 +- ...rid-filtering-template-sample.component.ts | 3 +- ...-formatted-filtering-strategy.component.ts | 3 +- ...roup-by-load-on-demand-sample.component.ts | 3 +- ...id-keyboard-navigation-sample.component.ts | 3 +- ...ee-grid-load-on-demand-sample.component.ts | 3 +- ...id-multi-cell-selection-style.component.ts | 3 +- ...ree-grid-multi-cell-selection.component.ts | 3 +- ...column-header-template-sample.component.ts | 3 +- ...d-multi-column-headers-export.component.ts | 3 +- ...d-multi-column-headers-sample.component.ts | 3 +- ...-multi-column-headers-styling.component.ts | 3 +- .../tree-grid-multi-row-drag.component.ts | 3 +- .../tree-grid-pager-sample.component.ts | 3 +- .../tree-grid-paging-sample.component.ts | 3 +- ...tree-grid-paging-style-sample.component.ts | 3 +- ...-grid-remote-filtering-sample.component.ts | 3 +- ...emote-paging-default-template.component.ts | 3 +- ...ree-grid-remote-paging-sample.component.ts | 3 +- ...id-resize-line-styling-sample.component.ts | 3 +- .../tree-grid-row-drag-base.component.ts | 3 +- .../tree-grid-row-drag.component.ts | 3 +- .../tree-grid-row-edit-style.component.ts | 3 +- .../tree-grid-row-editing-sample.component.ts | 3 +- ...grid-row-pinning-extra-column.component.ts | 3 +- ...tree-grid-row-pinning-styling.component.ts | 3 +- .../tree-grid-row-pinning.component.ts | 3 +- .../tree-grid-row-reorder.component.ts | 3 +- .../tree-grid-rowClasses.component.ts | 3 +- .../tree-grid-rowStyle.component.ts | 3 +- .../tree-grid-both-sides-pinning.component.ts | 3 +- .../tree-grid-right-pinning.component.ts | 3 +- .../tree-grid-save-state/about.component.ts | 3 +- .../tGrid-state.component.ts | 3 +- .../tree-grid-search-sample.component.ts | 3 +- .../tree-grid-selection-sample.component.ts | 3 +- ...id-selection-template-numbers.component.ts | 3 +- .../tree-grid-contextmenu.component.ts | 3 +- .../tree-grid-sorting-sample.component.ts | 3 +- .../tree-grid-sorting-styling.component.ts | 3 +- .../tree-grid-style.component.ts | 3 +- .../tree-grid-summary-export.component.ts | 3 +- .../tree-grid-summary-formatter.component.ts | 3 +- .../tree-grid-summary-sample.component.ts | 3 +- .../tree-grid-summary-styling.component.ts | 3 +- .../tree-grid-summary2-sample.component.ts | 3 +- .../tree-grid-toolbar-sample-1.component.ts | 3 +- .../tree-grid-toolbar-sample-2.component.ts | 5 ++- .../tree-grid-toolbar-sample-3.component.ts | 3 +- .../tree-grid-toolbar-sample-4.component.ts | 3 +- .../tree-grid-toolbar-style.component.ts | 3 +- .../tree-grid-tree-filter-view.component.ts | 1 - .../tree-grid-validation-style.component.ts | 3 +- ...validator-service-cross-field.component.ts | 3 +- ...id-validator-service-extended.component.ts | 3 +- .../tree-grid-validator-service.component.ts | 3 +- ...ee-grid-virtualization-sample.component.ts | 3 +- .../treegrid-allData-summary.component.ts | 3 +- .../treegrid-column-autosizing.component.ts | 3 +- .../treegrid-summary-template.component.ts | 3 +- 768 files changed, 833 insertions(+), 1597 deletions(-) diff --git a/projects/app-crm/src/app/app.component.ts b/projects/app-crm/src/app/app.component.ts index 0e535cfbfe..d712d916e9 100644 --- a/projects/app-crm/src/app/app.component.ts +++ b/projects/app-crm/src/app/app.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, DOCUMENT, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, DOCUMENT, inject } from '@angular/core'; import { SEOService } from '../../../app-lob/src/app/seo.service'; import { RouterOutlet } from '@angular/router'; @@ -7,7 +7,6 @@ import { RouterOutlet } from '@angular/router'; selector: 'app-root', styleUrls: ['./app.component.scss'], templateUrl: './app.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [RouterOutlet] }) export class AppComponent implements OnInit { diff --git a/projects/app-crm/src/app/grid-crm/grid-crm.component.ts b/projects/app-crm/src/app/grid-crm/grid-crm.component.ts index 0b76333d4b..094c88afe1 100644 --- a/projects/app-crm/src/app/grid-crm/grid-crm.component.ts +++ b/projects/app-crm/src/app/grid-crm/grid-crm.component.ts @@ -1,5 +1,5 @@ /* eslint-disable no-underscore-dangle */ -import { AfterViewInit, Component, ElementRef, OnInit, QueryList, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, ElementRef, OnInit, QueryList, ViewChild, inject } from '@angular/core'; import { ActivatedRoute } from '@angular/router'; import { CloseScrollStrategy, ConnectedPositioningStrategy, HorizontalAlignment, IgxSummaryResult, OverlaySettings, PositionSettings, VerticalAlignment } from 'igniteui-angular/core'; import { CellType, GridSelectionMode, IgxCellTemplateDirective, IgxColumnComponent, IgxDateSummaryOperand, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent, IgxNumberSummaryOperand, IColumnExportingEventArgs, IgxCsvExporterService, IgxExcelExporterService } from 'igniteui-angular/grids/core'; @@ -75,7 +75,6 @@ class SoonSummary extends IgxDateSummaryOperand { selector: 'app-grid', styleUrls: ['./grid-crm.component.scss'], templateUrl: './grid-crm.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [NgClass, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxGridToolbarTitleComponent, IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxIconButtonDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent, IgxLinearProgressBarComponent] }) export class GridCRMComponent implements OnInit, AfterViewInit { diff --git a/projects/app-lob/src/app/app.component.ts b/projects/app-lob/src/app/app.component.ts index e6d7a47e5d..d38aa4061e 100644 --- a/projects/app-lob/src/app/app.component.ts +++ b/projects/app-lob/src/app/app.component.ts @@ -1,5 +1,5 @@ -import { Component, HostListener, OnInit, DOCUMENT, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostListener, OnInit, DOCUMENT, inject } from '@angular/core'; import { ActivatedRoute, NavigationEnd, Router, RouterOutlet } from '@angular/router'; import { filter, map, mergeMap } from 'rxjs/operators'; import { SEOService } from './seo.service'; @@ -8,7 +8,6 @@ import { SEOService } from './seo.service'; selector: 'app-root', styleUrls: ['./app.component.scss'], templateUrl: './app.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [RouterOutlet] }) export class AppComponent implements OnInit { diff --git a/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/data-analysis-dock-manager.component.ts b/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/data-analysis-dock-manager.component.ts index 655a0320bc..0ac9fbc730 100644 --- a/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/data-analysis-dock-manager.component.ts +++ b/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/data-analysis-dock-manager.component.ts @@ -1,5 +1,5 @@ /* eslint-disable max-len */ -import { AfterViewInit, ChangeDetectorRef, ViewContainerRef, Component, CUSTOM_ELEMENTS_SCHEMA, ElementRef, OnInit, Pipe, PipeTransform, QueryList, ViewChild, ViewChildren, TemplateRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, ViewContainerRef, Component, CUSTOM_ELEMENTS_SCHEMA, ElementRef, OnInit, Pipe, PipeTransform, QueryList, ViewChild, ViewChildren, TemplateRef, inject } from '@angular/core'; import { IgxChartIntegrationDirective, IgxConditionalFormattingDirective, IgxContextMenuDirective, OPTIONS_TYPE, CHART_TYPE, IDeterminedChartTypesArgs } from 'igniteui-angular-extras'; import { IgcDockManagerLayout, IgcDockManagerPaneType, IgcSplitPane, IgcSplitPaneOrientation } from 'igniteui-dockmanager'; import { FinancialData } from '../../data/financialData'; @@ -58,7 +58,6 @@ export class HastDuplicateLayouts implements PipeTransform { styleUrls: ['./data-analysis-dock-manager.component.scss'], providers: [FloatingPanesService], imports: [IgxGridComponent, IgxConditionalFormattingDirective, IgxChartIntegrationDirective, IgxContextMenuDirective, IgxBadgeComponent, IgxColumnComponent, IgxCellTemplateDirective, NgClass, IgxDividerDirective, DockSlotComponent, DecimalPipe, TitleCasePipe, CurrencyPipe, FilterTypePipe, HastDuplicateLayouts], - changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class DataAnalysisDockManagerComponent implements OnInit, AfterViewInit { diff --git a/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/dock-slot/dock-slot.component.ts b/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/dock-slot/dock-slot.component.ts index fdbd6388b4..e6199d57ec 100644 --- a/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/dock-slot/dock-slot.component.ts +++ b/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/dock-slot/dock-slot.component.ts @@ -1,11 +1,10 @@ -import { Component, HostBinding, Input, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostBinding, Input, OnInit, ViewChild } from '@angular/core'; import { ChartHostDirective } from '../../directives/chart-integration/chart-integration.directive'; @Component({ selector: 'app-dock-slot', templateUrl: './dock-slot.component.html', styleUrls: ['./dock-slot.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [ChartHostDirective] }) export class DockSlotComponent implements OnInit { 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 e9af4cefd4..185cb37db5 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,5 +1,5 @@ /* eslint-disable max-len */ -import { AfterViewInit, Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, OnInit, ViewChild } from '@angular/core'; import { IgxChartIntegrationDirective, IgxContextMenuDirective, IgxConditionalFormattingDirective, OPTIONS_TYPE, CHART_TYPE } from 'igniteui-angular-extras'; import { FinancialData } from '../data/financialData'; @@ -11,7 +11,6 @@ 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'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxChartIntegrationDirective, IgxConditionalFormattingDirective, IgxContextMenuDirective, IgxColumnComponent, IgxCellTemplateDirective, DecimalPipe, CurrencyPipe] }) export class GridDynamicChartDataComponent implements OnInit, AfterViewInit { diff --git a/projects/app-lob/src/app/grid-finjs-dock-manager/dock-slot.component.ts b/projects/app-lob/src/app/grid-finjs-dock-manager/dock-slot.component.ts index 62c86fd777..ddeba6a902 100644 --- a/projects/app-lob/src/app/grid-finjs-dock-manager/dock-slot.component.ts +++ b/projects/app-lob/src/app/grid-finjs-dock-manager/dock-slot.component.ts @@ -1,13 +1,14 @@ // eslint-disable-next-line max-len -import { AfterViewInit, Component, Directive, EventEmitter, HostBinding, Input, OnInit, OnDestroy, Output, ViewChild, ViewContainerRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, Directive, EventEmitter, HostBinding, Input, OnInit, OnDestroy, Output, ViewChild, ViewContainerRef, inject } from '@angular/core'; import { Subject } from 'rxjs'; @Directive({ // eslint-disable-next-line @angular-eslint/directive-selector selector: '[gridHost]' }) -export class GridHostDirective { viewContainerRef = inject(ViewContainerRef); - +export class GridHostDirective { + viewContainerRef = inject(ViewContainerRef); + } @Component({ @@ -16,7 +17,6 @@ export class GridHostDirective { viewContainerRef = inject(ViewContainerRef)
`, - changeDetection: ChangeDetectionStrategy.Eager, imports: [GridHostDirective] }) export class DockSlotComponent implements OnInit, AfterViewInit, OnDestroy { diff --git a/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.component.ts b/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.component.ts index 824c43081e..35951d5460 100644 --- a/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.component.ts +++ b/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.component.ts @@ -1,5 +1,5 @@ /* eslint-disable max-len */ -import { AfterViewInit, ChangeDetectorRef, Component, ElementRef, Renderer2, OnDestroy, OnInit, DoCheck, TemplateRef, ViewChild, ViewContainerRef, ViewEncapsulation, CUSTOM_ELEMENTS_SCHEMA, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, ElementRef, Renderer2, OnDestroy, OnInit, DoCheck, TemplateRef, ViewChild, ViewContainerRef, ViewEncapsulation, CUSTOM_ELEMENTS_SCHEMA, inject } from '@angular/core'; import { AbsoluteScrollStrategy, ConnectedPositioningStrategy, DefaultSortingStrategy, GridColumnDataType, IgxOverlayOutletDirective, OverlaySettings, SortingDirection } from 'igniteui-angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -24,7 +24,6 @@ import { AsyncPipe, CurrencyPipe } from '@angular/common'; templateUrl: './grid-finjs-dock-manager.component.html', styleUrls: ['./grid-finjs-dock-manager.component.scss'], imports: [IgxSwitchComponent, FormsModule, IgxSelectComponent, IgxLabelDirective, IgxPrefixDirective, IgxIconComponent, IgxSelectItemComponent, IgxButtonDirective, IgxOverlayOutletDirective, IgxGridComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxPaginatorComponent, GridHostDirective, AsyncPipe, CurrencyPipe], - changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class GridFinJSDockManagerComponent implements OnInit, OnDestroy, AfterViewInit, DoCheck { diff --git a/projects/app-lob/src/app/grid-finjs/controllers.component.ts b/projects/app-lob/src/app/grid-finjs/controllers.component.ts index 515c615701..c8ce5bdfb3 100644 --- a/projects/app-lob/src/app/grid-finjs/controllers.component.ts +++ b/projects/app-lob/src/app/grid-finjs/controllers.component.ts @@ -1,25 +1,24 @@ -import { Component, EventEmitter, OnDestroy, OnInit, Output, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, EventEmitter, OnDestroy, OnInit, Output, ViewChild, inject } from '@angular/core'; import { ActivatedRoute } from '@angular/router'; -import { IButtonGroupEventArgs, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; -import { IChangeCheckboxEventArgs } from 'igniteui-angular/checkbox'; -import { ISliderValueChangeEventArgs, IgxSliderComponent } from 'igniteui-angular/slider'; -import { IgxToastComponent } from 'igniteui-angular/toast'; -import { VerticalAlignment } from 'igniteui-angular/core'; +import { IButtonGroupEventArgs, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; +import { IChangeCheckboxEventArgs } from 'igniteui-angular/checkbox'; +import { ISliderValueChangeEventArgs, IgxSliderComponent } from 'igniteui-angular/slider'; +import { IgxToastComponent } from 'igniteui-angular/toast'; +import { VerticalAlignment } from 'igniteui-angular/core'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; import { Observable, Subscription, timer } from 'rxjs'; -import { debounce } from 'rxjs/operators'; - +import { debounce } from 'rxjs/operators'; + import { FormsModule } from '@angular/forms'; -@Component({ - selector: 'app-finjs-controllers', - styleUrls: ['./controllers.component.scss'], - templateUrl: './controllers.component.html', - changeDetection: ChangeDetectionStrategy.Eager, - imports: [IgxSwitchComponent, FormsModule, IgxSliderComponent, IgxButtonGroupComponent, IgxToastComponent] +@Component({ + selector: 'app-finjs-controllers', + styleUrls: ['./controllers.component.scss'], + templateUrl: './controllers.component.html', + imports: [IgxSwitchComponent, FormsModule, IgxSliderComponent, IgxButtonGroupComponent, IgxToastComponent] }) -export class ControllerComponent implements OnInit, OnDestroy { - private router = inject(ActivatedRoute); +export class ControllerComponent implements OnInit, OnDestroy { + private router = inject(ActivatedRoute); @ViewChild('buttonGroup1', { static: true }) public playButtons: IgxButtonGroupComponent; @ViewChild('slider1', { static: true }) public volumeSlider: IgxSliderComponent; @@ -69,7 +68,7 @@ export class ControllerComponent implements OnInit, OnDestroy { this.frequencyChanged$ = this.intervalSlider.valueChange.pipe(debounce(() => timer(200))); this.frequencyChangedSubscription = this.frequencyChanged$ .subscribe(() => this.frequencyChanged.emit(this.intervalSlider.value as number)); - + this.toast.positionSettings.verticalDirection = VerticalAlignment.Middle; // Hide theme switcher 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 56d221b697..ea92f0c906 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,6 +1,6 @@ /* eslint-disable max-len */ import { AsyncPipe, CurrencyPipe } from '@angular/common'; -import { ChangeDetectorRef, Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild, DOCUMENT, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild, DOCUMENT, inject } from '@angular/core'; import { CellType, GridSelectionMode, IColumnExportingEventArgs, IGridKeydownEventArgs, IRowSelectionEventArgs, IgxCellEditorTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent, IgxExcelTextDirective, IgxExporterEvent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxPdfExporterOptions, IgxPdfExporterService, IgxPdfTextDirective } from 'igniteui-angular/grids/core'; import { DefaultSortingStrategy, IgxOverlayOutletDirective, OverlaySettings, SortingDirection } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -17,15 +17,14 @@ import { FormsModule } from '@angular/forms'; selector: 'app-finjs-grid', templateUrl: './grid-finjs.component.html', styleUrls: ['./grid-finjs.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxExcelTextDirective, IgxPdfTextDirective, 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); - private pdfExportService = inject(IgxPdfExporterService); - private cdr = inject(ChangeDetectorRef); - dataService = inject(SignalRService); + private el = inject(ElementRef); + private document = inject(DOCUMENT); + private pdfExportService = inject(IgxPdfExporterService); + private cdr = inject(ChangeDetectorRef); + dataService = inject(SignalRService); @ViewChild('grid1', { static: true }) public grid: IgxGridComponent; @ViewChild(IgxOverlayOutletDirective, { static: true }) public outlet: IgxOverlayOutletDirective; @@ -54,12 +53,12 @@ export class GridFinJSComponent implements OnInit { this.overlaySettings.outlet = this.outlet; this.data$ = this.dataService.data; - this.data$.subscribe((data) => { - if (data.length !== 0) { - this.isLoading = false; - this.cdr.markForCheck(); - }; - }); + this.data$.subscribe((data) => { + if (data.length !== 0) { + this.isLoading = false; + this.cdr.markForCheck(); + }; + }); // Set initially grouped columns this.toggleGrouping(); 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 be10c7fc5b..4be09a32a2 100644 --- a/projects/app-lob/src/app/grid-finjs/main.component.ts +++ b/projects/app-lob/src/app/grid-finjs/main.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, HostBinding, OnDestroy, ViewChild, ChangeDetectionStrategy, inject } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, HostBinding, OnDestroy, ViewChild, inject } from '@angular/core'; import { Router } from '@angular/router'; import { IgxDialogActionsDirective, IgxDialogComponent, IgxDialogTitleDirective } from 'igniteui-angular/dialog'; import { IgxOverlayOutletDirective, OverlaySettings } from 'igniteui-angular/core'; @@ -12,13 +12,12 @@ import { GridFinJSComponent } from './grid-finjs.component'; selector: 'app-finjs-main', styleUrls: ['./main.component.scss'], templateUrl: './main.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [ControllerComponent, GridFinJSComponent, IgxOverlayOutletDirective, IgxDialogComponent, IgxDialogTitleDirective, IgxCategoryChartModule, IgxDialogActionsDirective, IgxButtonDirective, IgxFocusDirective] }) -export class FinJSDemoComponent implements OnDestroy, AfterViewInit { - private cdr = inject(ChangeDetectorRef); - - @ViewChild('finGrid', { static: true }) public finGrid: GridFinJSComponent; +export class FinJSDemoComponent implements OnDestroy, AfterViewInit { + private cdr = inject(ChangeDetectorRef); + + @ViewChild('finGrid', { static: true }) public finGrid: GridFinJSComponent; @ViewChild('controllers', { static: true }) public controller: ControllerComponent; @ViewChild('dialog', { static: true }) public dialog: IgxDialogComponent; @ViewChild('chart1', { static: true }) public chart: IgxCategoryChartComponent; @@ -175,11 +174,11 @@ export class FinJSDemoComponent implements OnDestroy, AfterViewInit { this.setLabelIntervalAndAngle(); this.chart.chartTitle = 'Data Chart with prices of ' + this.chartData[0].category + ' in ' + this.chartData[0].region + ' Region'; - - this.dialog.open(); - this.cdr.markForCheck(); - }, 200); - } + + this.dialog.open(); + this.cdr.markForCheck(); + }, 200); + } public stopFeed(): void { if (this._timer) { diff --git a/projects/app-lob/src/app/grid/grid-boston-marathon/grid.component.ts b/projects/app-lob/src/app/grid/grid-boston-marathon/grid.component.ts index 9ba0e16506..35687a0895 100644 --- a/projects/app-lob/src/app/grid/grid-boston-marathon/grid.component.ts +++ b/projects/app-lob/src/app/grid/grid-boston-marathon/grid.component.ts @@ -1,4 +1,4 @@ -import { Component, HostListener, OnDestroy, OnInit, ViewChild, ElementRef, AfterViewInit, DOCUMENT, inject, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core'; +import { Component, HostListener, OnDestroy, OnInit, ViewChild, ElementRef, AfterViewInit, DOCUMENT, inject, ChangeDetectorRef } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { CellType, IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core'; import { AbsolutePosition, IgxOverlayService, IgxStringFilteringOperand, IgxSummaryResult, OverlayClosingEventArgs, OverlaySettings } from 'igniteui-angular/core'; @@ -18,7 +18,6 @@ import { IgxSparklineCoreModule } from 'igniteui-angular-charts'; selector: 'app-grid', styleUrls: ['./grid.component.scss'], templateUrl: './grid.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxInputGroupComponent, IgxInputDirective, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent, IgxBadgeComponent, IgxSparklineCoreModule, IgxCircularProgressBarComponent, NgClass, DecimalPipe] }) export class GridComponent implements OnInit, OnDestroy, AfterViewInit { 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 a95bdcc4e0..727a766afd 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,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxColumnComponent, IgxGridDetailTemplateDirective } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxTabContentComponent, IgxTabHeaderComponent, IgxTabHeaderLabelDirective, IgxTabItemComponent, IgxTabsComponent } from 'igniteui-angular/tabs'; @@ -13,7 +13,6 @@ import { IgxPreventDocumentScrollDirective } from '../../../../../../src/app/dir selector: 'app-grid-master-detail', styleUrls: ['./grid-master-detail.component.scss'], templateUrl: 'grid-master-detail.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxGridDetailTemplateDirective, IgxTabsComponent, IgxTabItemComponent, IgxTabHeaderComponent, IgxTabHeaderLabelDirective, IgxTabContentComponent, IgxAvatarComponent, IgxDividerDirective, IgxPieChartCoreModule, IgxLegendModule, IgxCategoryChartModule] }) diff --git a/projects/app-lob/src/app/hierarchical-grid/hierarchical-grid-column-resizing/hierarchical-grid-resizing.component.ts b/projects/app-lob/src/app/hierarchical-grid/hierarchical-grid-column-resizing/hierarchical-grid-resizing.component.ts index be8506e6a3..1654fc816e 100644 --- a/projects/app-lob/src/app/hierarchical-grid/hierarchical-grid-column-resizing/hierarchical-grid-resizing.component.ts +++ b/projects/app-lob/src/app/hierarchical-grid/hierarchical-grid-column-resizing/hierarchical-grid-resizing.component.ts @@ -1,4 +1,4 @@ -import { Component, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, inject } from '@angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { RemoteValuesService } from '../../services/remoteValues.service'; @@ -10,7 +10,6 @@ import { IgxSparklineCoreModule } from 'igniteui-angular-charts'; styleUrls: ['./hierarchical-grid-resizing.component.scss'], templateUrl: 'hierarchical-grid-resizing.component.html', providers: [RemoteValuesService], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxSparklineCoreModule, IgxRowIslandComponent] }) diff --git a/projects/app-lob/src/app/home/home.component.ts b/projects/app-lob/src/app/home/home.component.ts index 99f3fc2bcd..efc7d1d38d 100644 --- a/projects/app-lob/src/app/home/home.component.ts +++ b/projects/app-lob/src/app/home/home.component.ts @@ -1,9 +1,8 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'app-home', styleUrls: ['./home.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, templateUrl: './home.component.html' }) export class HomeComponent { diff --git a/projects/app-lob/src/app/index/docs-layout.component.ts b/projects/app-lob/src/app/index/docs-layout.component.ts index a3e41e908c..686d197eba 100644 --- a/projects/app-lob/src/app/index/docs-layout.component.ts +++ b/projects/app-lob/src/app/index/docs-layout.component.ts @@ -1,12 +1,11 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { RouterOutlet } from '@angular/router'; @Component({ selector: 'app-docs-layout', styleUrls: ['./docs-layout.component.scss'], template: ``, - changeDetection: ChangeDetectionStrategy.Eager, imports: [RouterOutlet] }) diff --git a/projects/app-lob/src/app/index/index.component.ts b/projects/app-lob/src/app/index/index.component.ts index 00d5e36aa3..278d05af37 100644 --- a/projects/app-lob/src/app/index/index.component.ts +++ b/projects/app-lob/src/app/index/index.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, DOCUMENT, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, DOCUMENT, inject } from '@angular/core'; import { NavigationStart, Route, Router, RouterLinkActive, RouterLink, RouterOutlet } from '@angular/router'; import { IgxNavDrawerItemDirective, IgxNavDrawerTemplateDirective, IgxNavigationDrawerComponent } from 'igniteui-angular/navigation-drawer'; import { IgxFlexDirective, IgxIconButtonDirective, IgxLayoutDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -22,7 +22,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-index', styleUrls: ['./index.component.scss'], templateUrl: './index.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLayoutDirective, IgxNavigationDrawerComponent, IgxNavDrawerTemplateDirective, IgxNavDrawerItemDirective, IgxRippleDirective, RouterLinkActive, RouterLink, IgxIconButtonDirective, IgxIconComponent, IgxInputGroupComponent, IgxPrefixDirective, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxFlexDirective, IgxNavbarComponent, RouterOutlet] }) export class IndexComponent implements OnInit, AfterViewInit { diff --git a/projects/app-lob/src/app/tree-grid/tree-grid-childdatakey-sample/tree-grid-childdatakey-sample.component.ts b/projects/app-lob/src/app/tree-grid/tree-grid-childdatakey-sample/tree-grid-childdatakey-sample.component.ts index 8c4145e325..0c1bcebd93 100644 --- a/projects/app-lob/src/app/tree-grid/tree-grid-childdatakey-sample/tree-grid-childdatakey-sample.component.ts +++ b/projects/app-lob/src/app/tree-grid/tree-grid-childdatakey-sample/tree-grid-childdatakey-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, inject } from '@angular/core'; import { GridSelectionMode, IgxCSVTextDirective, IgxCellTemplateDirective, IgxColumnComponent, IgxExcelTextDirective, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent, IColumnExportingEventArgs, IgxCsvExporterService, IgxExcelExporterService } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -10,7 +10,6 @@ import { IgxSparklineCoreModule } from 'igniteui-angular-charts'; selector: 'app-tree-grid-childdatakey-sample', styleUrls: ['./tree-grid-childdatakey-sample.component.scss'], templateUrl: './tree-grid-childdatakey-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxExcelTextDirective, IgxCSVTextDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxSparklineCoreModule] }) export class TreeGridChilddatakeySampleComponent implements OnInit { diff --git a/projects/app-lob/src/app/tree-grid/tree-grid-primaryforeignkey-sample/tree-grid-primaryforeignkey-sample.component.ts b/projects/app-lob/src/app/tree-grid/tree-grid-primaryforeignkey-sample/tree-grid-primaryforeignkey-sample.component.ts index cb8b930227..44d0bbce50 100644 --- a/projects/app-lob/src/app/tree-grid/tree-grid-primaryforeignkey-sample/tree-grid-primaryforeignkey-sample.component.ts +++ b/projects/app-lob/src/app/tree-grid/tree-grid-primaryforeignkey-sample/tree-grid-primaryforeignkey-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { GridSelectionMode, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { Data } from './data'; @@ -9,7 +9,6 @@ import { IgxSparklineCoreModule } from 'igniteui-angular-charts'; selector: 'app-tree-grid-primaryforeignkey-sample', styleUrls: ['./tree-grid-primaryforeignkey-sample.component.scss'], templateUrl: './tree-grid-primaryforeignkey-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxSparklineCoreModule] }) export class TreeGridPrimaryforeignkeySampleComponent implements OnInit { diff --git a/projects/app-lob/src/app/treegrid-finjs/tree-grid-finjs-sample.component.ts b/projects/app-lob/src/app/treegrid-finjs/tree-grid-finjs-sample.component.ts index 5525995acc..872b272e7e 100644 --- a/projects/app-lob/src/app/treegrid-finjs/tree-grid-finjs-sample.component.ts +++ b/projects/app-lob/src/app/treegrid-finjs/tree-grid-finjs-sample.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, ElementRef, OnInit, OnDestroy, ViewChild, HostBinding, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, ElementRef, OnInit, OnDestroy, ViewChild, HostBinding, inject } from '@angular/core'; import { AbsoluteScrollStrategy, ConnectedPositioningStrategy, DefaultSortingStrategy, HorizontalAlignment, IGroupingExpression, IgxOverlayOutletDirective, OverlaySettings, PositionSettings, TreeGridFilteringStrategy, VerticalAlignment } from 'igniteui-angular/core'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { ITreeGridAggregation, IgxGroupedTreeGridSorting, IgxTreeGridComponent, IgxTreeGridGroupByAreaComponent, IgxTreeGridGroupingPipe } from 'igniteui-angular/grids/tree-grid'; @@ -18,7 +18,6 @@ import { IgxPreventDocumentScrollDirective } from '../../../../../src/app/direct selector: 'app-tree-grid-finjs-sample', styleUrls: ['./tree-grid-finjs-sample.component.scss'], templateUrl: './tree-grid-finjs-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent, FormsModule, IgxButtonGroupComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarPinningComponent, IgxGridToolbarHidingComponent, IgxGridToolbarExporterComponent, IgxTreeGridGroupByAreaComponent, IgxColumnComponent, IgxCellEditorTemplateDirective, IgxSelectComponent, IgxFocusDirective, IgxSelectItemComponent, IgxCellTemplateDirective, IgxIconComponent, IgxOverlayOutletDirective, AsyncPipe, CurrencyPipe, DatePipe, IgxTreeGridGroupingPipe] }) diff --git a/src/app/app.component.ts b/src/app/app.component.ts index bb3ccc95d3..1046547447 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -1,12 +1,11 @@ -import { Component, HostListener, OnInit, DOCUMENT, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostListener, OnInit, DOCUMENT, inject } from '@angular/core'; import { RouterOutlet } from '@angular/router'; @Component({ selector: 'app-root', styleUrls: ['./app.component.scss'], templateUrl: './app.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [RouterOutlet] }) export class AppComponent implements OnInit { diff --git a/src/app/data-display/badge/badge-dot-sample/badge-dot-sample.component.ts b/src/app/data-display/badge/badge-dot-sample/badge-dot-sample.component.ts index 3459cb7d44..23cbbb5389 100644 --- a/src/app/data-display/badge/badge-dot-sample/badge-dot-sample.component.ts +++ b/src/app/data-display/badge/badge-dot-sample/badge-dot-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; import { IgxBadgeComponent } from 'igniteui-angular/badge'; @@ -6,7 +6,6 @@ import { IgxBadgeComponent } from 'igniteui-angular/badge'; selector: 'app-badge-dot-sample', styleUrls: ['./badge-dot-sample.component.scss'], templateUrl: './badge-dot-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent, IgxBadgeComponent] }) export class BadgeDotSampleComponent { } diff --git a/src/app/data-display/badge/badge-icon/badge-icon.component.ts b/src/app/data-display/badge/badge-icon/badge-icon.component.ts index fd41beb127..baea07f9be 100644 --- a/src/app/data-display/badge/badge-icon/badge-icon.component.ts +++ b/src/app/data-display/badge/badge-icon/badge-icon.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, inject } from '@angular/core'; import { heartMonitor } from '@igniteui/material-icons-extended'; import { IgxIconService } from 'igniteui-angular/icon'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @@ -8,7 +8,6 @@ import { IgxBadgeComponent } from 'igniteui-angular/badge'; selector: 'app-badge-icon', styleUrls: ['./badge-icon.component.scss'], templateUrl: './badge-icon.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent, IgxBadgeComponent] }) export class BadgeIconComponent implements OnInit { diff --git a/src/app/data-display/badge/badge-sample-2/badge-sample-2.component.ts b/src/app/data-display/badge/badge-sample-2/badge-sample-2.component.ts index 3f22d52960..a41285282c 100644 --- a/src/app/data-display/badge/badge-sample-2/badge-sample-2.component.ts +++ b/src/app/data-display/badge/badge-sample-2/badge-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; import { IgxBadgeComponent } from 'igniteui-angular/badge'; @@ -6,7 +6,6 @@ import { IgxBadgeComponent } from 'igniteui-angular/badge'; selector: 'app-badge-sample-2', styleUrls: ['./badge-sample-2.component.scss'], templateUrl: './badge-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent, IgxBadgeComponent] }) export class BadgeSample2Component { } diff --git a/src/app/data-display/badge/badge-sample-3/badge-sample-3.component.ts b/src/app/data-display/badge/badge-sample-3/badge-sample-3.component.ts index 446dc994dd..00cdf74e74 100644 --- a/src/app/data-display/badge/badge-sample-3/badge-sample-3.component.ts +++ b/src/app/data-display/badge/badge-sample-3/badge-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { Member } from '../model/member.model'; import { IgxListComponent, IgxListItemComponent } from 'igniteui-angular/list'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @@ -9,7 +9,6 @@ import { IgxBadgeComponent } from 'igniteui-angular/badge'; selector: 'app-badge-sample-3', styleUrls: ['./badge-sample-3.component.scss'], templateUrl: './badge-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxListItemComponent, IgxAvatarComponent, IgxBadgeComponent] }) export class BadgeSample3Component { diff --git a/src/app/data-display/badge/badge-styling-sample/badge-styling-sample.component.ts b/src/app/data-display/badge/badge-styling-sample/badge-styling-sample.component.ts index 55b522e709..03aaac9d47 100644 --- a/src/app/data-display/badge/badge-styling-sample/badge-styling-sample.component.ts +++ b/src/app/data-display/badge/badge-styling-sample/badge-styling-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { Member } from '../model/member.model'; import { IgxListComponent, IgxListItemComponent } from 'igniteui-angular/list'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @@ -9,7 +9,6 @@ import { IgxBadgeComponent } from 'igniteui-angular/badge'; selector: 'app-badge-styling-sample', styleUrls: ['./badge-styling-sample.component.scss'], templateUrl: './badge-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxListItemComponent, IgxAvatarComponent, IgxBadgeComponent] }) export class BadgeStylingSampleComponent { diff --git a/src/app/data-display/badge/badge-tailwind-styling-sample/badge-tailwind-styling-sample.component.ts b/src/app/data-display/badge/badge-tailwind-styling-sample/badge-tailwind-styling-sample.component.ts index 394ebbcc88..ee9e7d5c11 100644 --- a/src/app/data-display/badge/badge-tailwind-styling-sample/badge-tailwind-styling-sample.component.ts +++ b/src/app/data-display/badge/badge-tailwind-styling-sample/badge-tailwind-styling-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { Member } from '../model/member.model'; import { IgxListComponent, IgxListItemComponent } from 'igniteui-angular/list'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @@ -9,7 +9,6 @@ import { IgxBadgeComponent } from 'igniteui-angular/badge'; selector: 'app-badge-tailwind-styling-sample', styleUrls: ['./badge-tailwind-styling-sample.component.scss'], templateUrl: './badge-tailwind-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxListItemComponent, IgxAvatarComponent, IgxBadgeComponent] }) export class BadgeTailwindStylingSampleComponent { diff --git a/src/app/data-display/chip/chip-area-sample/chip-area-sample.component.ts b/src/app/data-display/chip/chip-area-sample/chip-area-sample.component.ts index ed7489a7aa..6f3cf48ddc 100644 --- a/src/app/data-display/chip/chip-area-sample/chip-area-sample.component.ts +++ b/src/app/data-display/chip/chip-area-sample/chip-area-sample.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, inject } from '@angular/core'; import { IBaseChipEventArgs, IChipsAreaReorderEventArgs, IgxChipComponent, IgxChipsAreaComponent } from 'igniteui-angular/chips'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; import { IgxPrefixDirective } from 'igniteui-angular/input-group'; @@ -9,7 +9,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-chip-area-sample', styleUrls: ['./chip-area-sample.component.scss'], templateUrl: './chip-area-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxChipsAreaComponent, IgxChipComponent, IgxAvatarComponent, IgxPrefixDirective, IgxIconComponent] }) diff --git a/src/app/data-display/chip/chip-simple/chip-simple.component.ts b/src/app/data-display/chip/chip-simple/chip-simple.component.ts index 6b3f3b1f33..3d5d9d6294 100644 --- a/src/app/data-display/chip/chip-simple/chip-simple.component.ts +++ b/src/app/data-display/chip/chip-simple/chip-simple.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, inject } from '@angular/core'; import { IBaseChipEventArgs, IgxChipComponent } from 'igniteui-angular/chips'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { IgxPrefixDirective } from 'igniteui-angular/input-group'; @@ -8,7 +8,6 @@ import { IgxPrefixDirective } from 'igniteui-angular/input-group'; selector: 'app-chip-simple', styleUrls: ['./chip-simple.component.scss'], templateUrl: './chip-simple.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxChipComponent, IgxIconComponent, IgxPrefixDirective] }) diff --git a/src/app/data-display/chip/chip-styling/chip-styling.component.ts b/src/app/data-display/chip/chip-styling/chip-styling.component.ts index 2c951ef956..f3ac4516d0 100644 --- a/src/app/data-display/chip/chip-styling/chip-styling.component.ts +++ b/src/app/data-display/chip/chip-styling/chip-styling.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, inject, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, inject, OnInit } from '@angular/core'; import { facebook, linkedin } from '@igniteui/material-icons-extended'; import { IgxChipComponent, IgxChipsAreaComponent } from 'igniteui-angular/chips'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; @@ -9,7 +9,6 @@ import { NgClass } from '@angular/common'; selector: 'app-chip', styleUrls: ['./chip-styling.component.scss'], templateUrl: './chip-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxChipsAreaComponent, IgxChipComponent, IgxIconComponent, IgxPrefixDirective, NgClass] }) diff --git a/src/app/data-display/chip/chip-tailwind-styling/chip-tailwind-styling.component.ts b/src/app/data-display/chip/chip-tailwind-styling/chip-tailwind-styling.component.ts index cb5f9dd512..7a5fc1a135 100644 --- a/src/app/data-display/chip/chip-tailwind-styling/chip-tailwind-styling.component.ts +++ b/src/app/data-display/chip/chip-tailwind-styling/chip-tailwind-styling.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, inject } from '@angular/core'; import { IBaseChipEventArgs, IChipsAreaReorderEventArgs, IgxChipComponent, IgxChipsAreaComponent } from 'igniteui-angular/chips'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { IgxPrefixDirective } from 'igniteui-angular/input-group'; @@ -8,7 +8,6 @@ import { IgxPrefixDirective } from 'igniteui-angular/input-group'; selector: 'app-chip-tailwind-styling', styleUrls: ['./chip-tailwind-styling.component.scss'], templateUrl: './chip-tailwind-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxChipsAreaComponent, IgxChipComponent, IgxIconComponent, IgxPrefixDirective] }) diff --git a/src/app/data-display/chip/chip-variants/chip-variants.component.ts b/src/app/data-display/chip/chip-variants/chip-variants.component.ts index d88eb71684..b6f1a6be6e 100644 --- a/src/app/data-display/chip/chip-variants/chip-variants.component.ts +++ b/src/app/data-display/chip/chip-variants/chip-variants.component.ts @@ -1,11 +1,10 @@ -import { ChangeDetectorRef, Component, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, inject } from '@angular/core'; import { IBaseChipEventArgs, IgxChipComponent, IgxChipTypeVariant } from 'igniteui-angular/chips'; @Component({ selector: 'app-chip-variants', styleUrls: ['./chip-variants.component.scss'], templateUrl: './chip-variants.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxChipComponent] }) export class ChipVariantsComponent { diff --git a/src/app/data-display/circular-progressbar/circular-dynamic-sample/circular-dynamic-sample.component.ts b/src/app/data-display/circular-progressbar/circular-dynamic-sample/circular-dynamic-sample.component.ts index 132b110878..5636e987a3 100644 --- a/src/app/data-display/circular-progressbar/circular-dynamic-sample/circular-dynamic-sample.component.ts +++ b/src/app/data-display/circular-progressbar/circular-dynamic-sample/circular-dynamic-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { IgxCircularProgressBarComponent, IgxProgressBarGradientDirective } from 'igniteui-angular/progressbar'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-circular-dynamic-sample', styleUrls: ['./circular-dynamic-sample.component.scss'], templateUrl: './circular-dynamic-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCircularProgressBarComponent, IgxProgressBarGradientDirective, IgxIconButtonDirective, IgxIconComponent] }) export class CircularDynamicSampleComponent implements OnInit { diff --git a/src/app/data-display/circular-progressbar/circular-indeterminate-progressbar/circular-indeterminate-progressbar.component.ts b/src/app/data-display/circular-progressbar/circular-indeterminate-progressbar/circular-indeterminate-progressbar.component.ts index 955b4ee4f6..7b3f93988d 100644 --- a/src/app/data-display/circular-progressbar/circular-indeterminate-progressbar/circular-indeterminate-progressbar.component.ts +++ b/src/app/data-display/circular-progressbar/circular-indeterminate-progressbar/circular-indeterminate-progressbar.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCircularProgressBarComponent } from 'igniteui-angular/progressbar'; @Component({ selector: 'app-circular-indeterminate-progressbar', styleUrls: ['./circular-indeterminate-progressbar.component.scss'], templateUrl: './circular-indeterminate-progressbar.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCircularProgressBarComponent] }) export class CircularIndeterminateProgressbarComponent { } diff --git a/src/app/data-display/circular-progressbar/circular-progressbar.component.ts b/src/app/data-display/circular-progressbar/circular-progressbar.component.ts index b2767b613b..3cfc398f51 100644 --- a/src/app/data-display/circular-progressbar/circular-progressbar.component.ts +++ b/src/app/data-display/circular-progressbar/circular-progressbar.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCircularProgressBarComponent } from 'igniteui-angular/progressbar'; @Component({ selector: 'app-circular-progressbar', styleUrls: ['./circular-progressbar.component.scss'], templateUrl: './circular-progressbar.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCircularProgressBarComponent] }) export class CircularProgressbarComponent { } diff --git a/src/app/data-display/circular-progressbar/circular-styling-sample/circular-styling-sample.component.ts b/src/app/data-display/circular-progressbar/circular-styling-sample/circular-styling-sample.component.ts index d5d2fe7cf0..f5eadcf973 100644 --- a/src/app/data-display/circular-progressbar/circular-styling-sample/circular-styling-sample.component.ts +++ b/src/app/data-display/circular-progressbar/circular-styling-sample/circular-styling-sample.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCircularProgressBarComponent } from 'igniteui-angular/progressbar'; @Component({ selector: 'app-circular-styling-sample', styleUrls: ['./circular-styling-sample.component.scss'], templateUrl: './circular-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCircularProgressBarComponent] }) export class CircularStylingSampleComponent { } diff --git a/src/app/data-display/icon/icon-sample-1/icon-sample-1.component.ts b/src/app/data-display/icon/icon-sample-1/icon-sample-1.component.ts index e046a3a2ed..41cdf3d721 100644 --- a/src/app/data-display/icon/icon-sample-1/icon-sample-1.component.ts +++ b/src/app/data-display/icon/icon-sample-1/icon-sample-1.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; @Component({ selector: 'app-icon-sample-1', styleUrls: ['./icon-sample-1.component.scss'], templateUrl: './icon-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent] }) export class IconSample1Component { } diff --git a/src/app/data-display/icon/icon-sample-2/icon-sample-2.component.ts b/src/app/data-display/icon/icon-sample-2/icon-sample-2.component.ts index c5e2e4fd13..82694a9f68 100644 --- a/src/app/data-display/icon/icon-sample-2/icon-sample-2.component.ts +++ b/src/app/data-display/icon/icon-sample-2/icon-sample-2.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; @Component({ selector: 'app-icon-sample-2', styleUrls: ['./icon-sample-2.component.scss'], templateUrl: './icon-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent] }) export class IconSample2Component { } diff --git a/src/app/data-display/icon/icon-sample-3/icon-sample-3.component.ts b/src/app/data-display/icon/icon-sample-3/icon-sample-3.component.ts index df3a8cfc45..4b663ead5b 100644 --- a/src/app/data-display/icon/icon-sample-3/icon-sample-3.component.ts +++ b/src/app/data-display/icon/icon-sample-3/icon-sample-3.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; @Component({ selector: 'app-icon-sample-3', styleUrls: ['./icon-sample-3.component.scss'], templateUrl: './icon-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent] }) export class IconSample3Component { } diff --git a/src/app/data-display/icon/icon-sample-4/icon-sample-4.component.ts b/src/app/data-display/icon/icon-sample-4/icon-sample-4.component.ts index a8e3dc5b45..ea39a69e79 100644 --- a/src/app/data-display/icon/icon-sample-4/icon-sample-4.component.ts +++ b/src/app/data-display/icon/icon-sample-4/icon-sample-4.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; @Component({ selector: 'app-icon-sample-4', styleUrls: ['./icon-sample-4.component.scss'], templateUrl: './icon-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent] }) export class IconSample4Component { } diff --git a/src/app/data-display/icon/icon-sample-5/icon-sample-5.component.ts b/src/app/data-display/icon/icon-sample-5/icon-sample-5.component.ts index f1d5195352..182f6beb00 100644 --- a/src/app/data-display/icon/icon-sample-5/icon-sample-5.component.ts +++ b/src/app/data-display/icon/icon-sample-5/icon-sample-5.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; @Component({ selector: 'app-icon-sample-5', styleUrls: ['./icon-sample-5.component.scss'], templateUrl: './icon-sample-5.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent] }) export class IconSample5Component { } diff --git a/src/app/data-display/icon/icon-service-sample/icon-service-sample.component.ts b/src/app/data-display/icon/icon-service-sample/icon-service-sample.component.ts index 2551187391..bed3ac6c60 100644 --- a/src/app/data-display/icon/icon-service-sample/icon-service-sample.component.ts +++ b/src/app/data-display/icon/icon-service-sample/icon-service-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, inject } from '@angular/core'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective } from 'igniteui-angular/card'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @@ -9,7 +9,6 @@ import { IgxSuffixDirective } from 'igniteui-angular/input-group'; selector: 'app-icon-service-sample', styleUrls: ['./icon-service-sample.component.scss'], templateUrl: './icon-service-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxCardHeaderComponent, IgxAvatarComponent, IgxIconComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardActionsComponent, IgxButtonDirective, IgxSuffixDirective] }) export class IconServiceSampleComponent { diff --git a/src/app/data-display/icon/icon-styling-sample/icon-styling-sample.component.ts b/src/app/data-display/icon/icon-styling-sample/icon-styling-sample.component.ts index 87a89bd136..09050f3abe 100644 --- a/src/app/data-display/icon/icon-styling-sample/icon-styling-sample.component.ts +++ b/src/app/data-display/icon/icon-styling-sample/icon-styling-sample.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; @Component({ selector: 'app-icon-styling-sample', styleUrls: ['./icon-styling-sample.component.scss'], templateUrl: './icon-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent] }) export class IconStylingSampleComponent { } diff --git a/src/app/data-display/icon/icon-tailwind-styling-sample/icon-tailwind-styling-sample.component.ts b/src/app/data-display/icon/icon-tailwind-styling-sample/icon-tailwind-styling-sample.component.ts index e91c87fd21..abb7841ea1 100644 --- a/src/app/data-display/icon/icon-tailwind-styling-sample/icon-tailwind-styling-sample.component.ts +++ b/src/app/data-display/icon/icon-tailwind-styling-sample/icon-tailwind-styling-sample.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; @Component({ selector: 'app-icon-tailwind-styling-sample', styleUrls: ['./icon-tailwind-styling-sample.component.scss'], templateUrl: './icon-tailwind-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent] }) export class IconTailwindStylingSampleComponent { } diff --git a/src/app/data-display/icon/material-icons-extended/material-icons-extended.component.ts b/src/app/data-display/icon/material-icons-extended/material-icons-extended.component.ts index f0e06b2916..9647b5deba 100644 --- a/src/app/data-display/icon/material-icons-extended/material-icons-extended.component.ts +++ b/src/app/data-display/icon/material-icons-extended/material-icons-extended.component.ts @@ -42,7 +42,6 @@ interface ICategoryOption { selector: 'app-material-icons-extended', templateUrl: './material-icons-extended.component.html', styleUrls: ['./material-icons-extended.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [ AsyncPipe, IgxSelectComponent, @@ -117,7 +116,7 @@ export class MaterialIconsExtendedComponent implements OnInit { public allIcons = imxIcons; public selectedCategory: IconCategory | 'all' = 'all'; - + // Floating download button public hoveredIcon: IMXIcon | null = null; diff --git a/src/app/data-display/icon/material-symbols/material-symbols.component.ts b/src/app/data-display/icon/material-symbols/material-symbols.component.ts index 41f188f77a..88a7a8d5a8 100644 --- a/src/app/data-display/icon/material-symbols/material-symbols.component.ts +++ b/src/app/data-display/icon/material-symbols/material-symbols.component.ts @@ -1,11 +1,10 @@ -import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, inject } from '@angular/core'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; @Component({ selector: 'app-material-symbols', templateUrl: './material-symbols.component.html', styleUrls: ['./material-symbols.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent] }) export class MaterialSymbolsComponent implements OnInit { diff --git a/src/app/data-display/icon/svg-icon-sample/svg-icon-sample.component.ts b/src/app/data-display/icon/svg-icon-sample/svg-icon-sample.component.ts index ccc19f81b4..8df38cf200 100644 --- a/src/app/data-display/icon/svg-icon-sample/svg-icon-sample.component.ts +++ b/src/app/data-display/icon/svg-icon-sample/svg-icon-sample.component.ts @@ -1,11 +1,10 @@ -import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, inject } from '@angular/core'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; @Component({ selector: 'app-svg-icon-sample', styleUrls: ['./svg-icon-sample.component.scss'], templateUrl: './svg-icon-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent] }) export class SvgIconSampleComponent implements OnInit { diff --git a/src/app/data-display/igxFor/igxFor-horizontal-sample/igxFor-horizontal.component.ts b/src/app/data-display/igxFor/igxFor-horizontal-sample/igxFor-horizontal.component.ts index 39743f7cfe..9df4bbef34 100644 --- a/src/app/data-display/igxFor/igxFor-horizontal-sample/igxFor-horizontal.component.ts +++ b/src/app/data-display/igxFor/igxFor-horizontal-sample/igxFor-horizontal.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { IgxFilterOptions, IgxFilterPipe, IgxForOfDirective } from 'igniteui-angular/directives'; import { IgxInputDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -12,7 +12,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-igx-for-horizontal', styleUrls: ['./igxFor-horizontal.component.scss'], templateUrl: './igxFor-horizontal.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, FormsModule, IgxInputDirective, IgxPrefixDirective, IgxIconComponent, IgxSuffixDirective, IgxListComponent, IgxListItemComponent, IgxForOfDirective, IgxAvatarComponent, IgxFilterPipe] }) export class IgxForHorizontalComponent implements OnInit { diff --git a/src/app/data-display/igxFor/igxFor.component.ts b/src/app/data-display/igxFor/igxFor.component.ts index 326d0acd03..e115924f68 100644 --- a/src/app/data-display/igxFor/igxFor.component.ts +++ b/src/app/data-display/igxFor/igxFor.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { IgxFilterOptions, IgxFilterPipe, IgxForOfDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxInputDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -12,7 +12,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-igx-for-list', styleUrls: ['./igxFor.component.scss'], templateUrl: './igxFor.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, FormsModule, IgxInputDirective, IgxPrefixDirective, IgxIconComponent, IgxSuffixDirective, IgxListComponent, IgxListItemComponent, IgxForOfDirective, IgxRippleDirective, IgxAvatarComponent, IgxListThumbnailDirective, IgxListLineTitleDirective, IgxListActionDirective, IgxFilterPipe] }) export class IgxForComponent implements OnInit { diff --git a/src/app/data-display/linear-progressbar/linear-dynamic-sample/linear-dynamic-sample.component.ts b/src/app/data-display/linear-progressbar/linear-dynamic-sample/linear-dynamic-sample.component.ts index 46838db102..89d21c69b0 100644 --- a/src/app/data-display/linear-progressbar/linear-dynamic-sample/linear-dynamic-sample.component.ts +++ b/src/app/data-display/linear-progressbar/linear-dynamic-sample/linear-dynamic-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { IgxLinearProgressBarComponent } from 'igniteui-angular/progressbar'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-linear-dynamic-sample', styleUrls: ['./linear-dynamic-sample.component.scss'], templateUrl: './linear-dynamic-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLinearProgressBarComponent, IgxIconButtonDirective, IgxIconComponent] }) export class LinearDynamicSampleComponent implements OnInit{ diff --git a/src/app/data-display/linear-progressbar/linear-progressbar-sample-1/linear-progressbar-sample-1.component.ts b/src/app/data-display/linear-progressbar/linear-progressbar-sample-1/linear-progressbar-sample-1.component.ts index f458f90e00..1c09193d37 100644 --- a/src/app/data-display/linear-progressbar/linear-progressbar-sample-1/linear-progressbar-sample-1.component.ts +++ b/src/app/data-display/linear-progressbar/linear-progressbar-sample-1/linear-progressbar-sample-1.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxLinearProgressBarComponent } from 'igniteui-angular/progressbar'; @Component({ selector: 'app-linear-progressbar-sample-1', styleUrls: ['./linear-progressbar-sample-1.component.scss'], templateUrl: './linear-progressbar-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLinearProgressBarComponent] }) export class LinearProgressbarSample1Component {} diff --git a/src/app/data-display/linear-progressbar/linear-progressbar-sample-2/linear-progressbar-sample-2.component.ts b/src/app/data-display/linear-progressbar/linear-progressbar-sample-2/linear-progressbar-sample-2.component.ts index 483eebe3db..e81ae177d7 100644 --- a/src/app/data-display/linear-progressbar/linear-progressbar-sample-2/linear-progressbar-sample-2.component.ts +++ b/src/app/data-display/linear-progressbar/linear-progressbar-sample-2/linear-progressbar-sample-2.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxLinearProgressBarComponent, IgxTextAlign } from 'igniteui-angular/progressbar'; @Component({ selector: 'app-linear-progressbar-sample-2', styleUrls: ['./linear-progressbar-sample-2.component.scss'], templateUrl: './linear-progressbar-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLinearProgressBarComponent] }) export class LinearProgressbarSample2Component { diff --git a/src/app/data-display/linear-progressbar/linear-progressbar-styling-sample/linear-progressbar-styling-sample.component.ts b/src/app/data-display/linear-progressbar/linear-progressbar-styling-sample/linear-progressbar-styling-sample.component.ts index c33abfbf0a..39859d1c4b 100644 --- a/src/app/data-display/linear-progressbar/linear-progressbar-styling-sample/linear-progressbar-styling-sample.component.ts +++ b/src/app/data-display/linear-progressbar/linear-progressbar-styling-sample/linear-progressbar-styling-sample.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxLinearProgressBarComponent } from 'igniteui-angular/progressbar'; @Component({ selector: 'app-linear-progressbar-styling', styleUrls: ['./linear-progressbar-styling-sample.component.scss'], templateUrl: './linear-progressbar-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLinearProgressBarComponent] }) export class LinearProgressbarStylingComponent { } diff --git a/src/app/data-display/linear-progressbar/linear-progressbar.component.ts b/src/app/data-display/linear-progressbar/linear-progressbar.component.ts index 41a363a007..cf1e1c1826 100644 --- a/src/app/data-display/linear-progressbar/linear-progressbar.component.ts +++ b/src/app/data-display/linear-progressbar/linear-progressbar.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxLinearProgressBarComponent } from 'igniteui-angular/progressbar'; @Component({ selector: 'app-linear-progressbar', styleUrls: ['./linear-progressbar.component.scss'], templateUrl: './linear-progressbar.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLinearProgressBarComponent] }) export class LinearProgressbarComponent { } diff --git a/src/app/data-display/mask/mask-sample-1/mask-sample-1.component.ts b/src/app/data-display/mask/mask-sample-1/mask-sample-1.component.ts index 916c4628f5..a1b366ec7c 100644 --- a/src/app/data-display/mask/mask-sample-1/mask-sample-1.component.ts +++ b/src/app/data-display/mask/mask-sample-1/mask-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxMaskDirective, IgxTextSelectionDirective } from 'igniteui-angular/directives'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; @@ -7,7 +7,6 @@ import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; selector: 'app-mask-sample-1', styleUrls: ['./mask-sample-1.component.scss'], templateUrl: './mask-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, IgxInputDirective, IgxMaskDirective, IgxTextSelectionDirective, IgxSnackbarComponent] }) diff --git a/src/app/data-display/mask/mask-sample-2/mask-sample-2.component.ts b/src/app/data-display/mask/mask-sample-2/mask-sample-2.component.ts index f53c1497a1..493d59abb9 100644 --- a/src/app/data-display/mask/mask-sample-2/mask-sample-2.component.ts +++ b/src/app/data-display/mask/mask-sample-2/mask-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxPrefixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { IgxMaskDirective } from 'igniteui-angular/directives'; @@ -7,7 +7,6 @@ import { IgxMaskDirective } from 'igniteui-angular/directives'; selector: 'app-mask-sample-2', styleUrls: ['./mask-sample-2.component.scss'], templateUrl: './mask-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, IgxLabelDirective, IgxInputDirective, IgxMaskDirective] }) export class MaskSample2Component { diff --git a/src/app/data-display/mask/mask-sample-3/mask-sample-3.component.ts b/src/app/data-display/mask/mask-sample-3/mask-sample-3.component.ts index eca2134400..d44da35138 100644 --- a/src/app/data-display/mask/mask-sample-3/mask-sample-3.component.ts +++ b/src/app/data-display/mask/mask-sample-3/mask-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxMaskDirective } from 'igniteui-angular/directives'; @@ -9,7 +9,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-mask-sample-3', styleUrls: ['./mask-sample-3.component.scss'], templateUrl: './mask-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxInputGroupComponent, IgxLabelDirective, IgxInputDirective, IgxMaskDirective] }) export class MaskSample3Component { diff --git a/src/app/data-display/mask/mask-sample-4/mask-sample-4.component.ts b/src/app/data-display/mask/mask-sample-4/mask-sample-4.component.ts index 0634321098..15964defeb 100644 --- a/src/app/data-display/mask/mask-sample-4/mask-sample-4.component.ts +++ b/src/app/data-display/mask/mask-sample-4/mask-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, Pipe, PipeTransform, ChangeDetectionStrategy } from '@angular/core'; +import { Component, Pipe, PipeTransform } from '@angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxMaskDirective, IgxTextSelectionDirective } from 'igniteui-angular/directives'; import { FormsModule } from '@angular/forms'; @@ -6,7 +6,6 @@ import { FormsModule } from '@angular/forms'; @Component({ selector: 'app-mask-sample-4', templateUrl: './mask-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxMaskDirective, IgxTextSelectionDirective] }) export class MaskSample4Component { diff --git a/src/app/data-display/mask/mask-sample-5/mask-sample-5.component.ts b/src/app/data-display/mask/mask-sample-5/mask-sample-5.component.ts index d1c02b6f69..ecd42f17ae 100644 --- a/src/app/data-display/mask/mask-sample-5/mask-sample-5.component.ts +++ b/src/app/data-display/mask/mask-sample-5/mask-sample-5.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxMaskDirective } from 'igniteui-angular/directives'; import { FormsModule } from '@angular/forms'; @@ -6,7 +6,6 @@ import { FormsModule } from '@angular/forms'; @Component({ selector: 'app-mask-sample-5', templateUrl: './mask-sample-5.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxMaskDirective] }) diff --git a/src/app/data-display/text-highlight/text-highlight-sample-1/text-highlight-sample-1.component.ts b/src/app/data-display/text-highlight/text-highlight-sample-1/text-highlight-sample-1.component.ts index f0dfd4db1c..42a430e5c6 100644 --- a/src/app/data-display/text-highlight/text-highlight-sample-1/text-highlight-sample-1.component.ts +++ b/src/app/data-display/text-highlight/text-highlight-sample-1/text-highlight-sample-1.component.ts @@ -1,5 +1,5 @@ /* eslint-disable max-len */ -import { Component, OnDestroy, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnDestroy, ViewChild, inject } from '@angular/core'; import { IgxIconButtonDirective, IgxRippleDirective, IgxTextHighlightDirective, IgxTextHighlightService } from 'igniteui-angular/directives'; import { IgxInputDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-text-highlight-1', styleUrls: ['./text-highlight-sample-1.component.scss'], templateUrl: './text-highlight-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxIconButtonDirective, IgxRippleDirective, IgxTextHighlightDirective] }) export class TextHighlightSample1Component implements OnDestroy { diff --git a/src/app/data-display/text-highlight/text-highlight-sample-2/text-highlight-sample-2.component.ts b/src/app/data-display/text-highlight/text-highlight-sample-2/text-highlight-sample-2.component.ts index bbd1a26e5c..21730d0f4e 100644 --- a/src/app/data-display/text-highlight/text-highlight-sample-2/text-highlight-sample-2.component.ts +++ b/src/app/data-display/text-highlight/text-highlight-sample-2/text-highlight-sample-2.component.ts @@ -1,5 +1,5 @@ /* eslint-disable max-len */ -import { Component, OnDestroy, ViewChildren, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnDestroy, ViewChildren, inject } from '@angular/core'; import { IgxIconButtonDirective, IgxRippleDirective, IgxTextHighlightDirective, IgxTextHighlightService } from 'igniteui-angular/directives'; import { IgxInputDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-text-highlight-2', styleUrls: ['./text-highlight-sample-2.component.scss'], templateUrl: './text-highlight-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxIconButtonDirective, IgxRippleDirective, IgxTextHighlightDirective] }) export class TextHighlightSample2Component implements OnDestroy { diff --git a/src/app/data-display/text-highlight/text-highlight-style/text-highlight-style.component.ts b/src/app/data-display/text-highlight/text-highlight-style/text-highlight-style.component.ts index b25c092302..e1ef268e7c 100644 --- a/src/app/data-display/text-highlight/text-highlight-style/text-highlight-style.component.ts +++ b/src/app/data-display/text-highlight/text-highlight-style/text-highlight-style.component.ts @@ -1,5 +1,5 @@ /* eslint-disable max-len */ -import { Component, OnDestroy, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnDestroy, ViewChild, inject } from '@angular/core'; import { IgxIconButtonDirective, IgxRippleDirective, IgxTextHighlightDirective, IgxTextHighlightService } from 'igniteui-angular/directives'; import { IgxInputDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-text-highlight-style', styleUrls: ['./text-highlight-style.component.scss'], templateUrl: './text-highlight-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxIconButtonDirective, IgxRippleDirective, IgxTextHighlightDirective] }) export class TextHighlightStyleComponent implements OnDestroy { diff --git a/src/app/data-entries/autocomplete/autocomplete/autocomplete.component.ts b/src/app/data-entries/autocomplete/autocomplete/autocomplete.component.ts index c3287b569d..d9c121019b 100644 --- a/src/app/data-entries/autocomplete/autocomplete/autocomplete.component.ts +++ b/src/app/data-entries/autocomplete/autocomplete/autocomplete.component.ts @@ -1,4 +1,4 @@ -import { Component, Pipe, PipeTransform, forwardRef, ChangeDetectionStrategy } from '@angular/core'; +import { Component, Pipe, PipeTransform, forwardRef } from '@angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxAutocompleteDirective, IgxDropDownComponent, IgxDropDownItemComponent } from 'igniteui-angular/drop-down'; import { FormsModule } from '@angular/forms'; @@ -8,7 +8,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-autocomplete', styleUrls: ['./autocomplete.component.scss'], templateUrl: './autocomplete.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxAutocompleteDirective, IgxDropDownComponent, IgxDropDownItemComponent, forwardRef(() => AutocompletePipeStartsWith)] }) export class AutocompleteBasicComponent { diff --git a/src/app/data-entries/autocomplete/movie/movie.component.ts b/src/app/data-entries/autocomplete/movie/movie.component.ts index bebcf154f0..7705b587ae 100644 --- a/src/app/data-entries/autocomplete/movie/movie.component.ts +++ b/src/app/data-entries/autocomplete/movie/movie.component.ts @@ -1,4 +1,4 @@ -import { Component, Pipe, PipeTransform, ChangeDetectionStrategy } from '@angular/core'; +import { Component, Pipe, PipeTransform } from '@angular/core'; import { ConnectedPositioningStrategy, VerticalAlignment } from 'igniteui-angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxAutocompleteDirective, IgxDropDownComponent, IgxDropDownGroupComponent, IgxDropDownItemComponent } from 'igniteui-angular/drop-down'; @@ -9,7 +9,6 @@ import { AutocompletePipeStartsWith } from '../autocomplete/autocomplete.compone selector: 'app-movie-availability', styleUrls: ['./movie.component.scss'], templateUrl: './movie.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxAutocompleteDirective, IgxDropDownComponent, IgxDropDownGroupComponent, IgxDropDownItemComponent, AutocompletePipeStartsWith] }) export class MovieComponent { diff --git a/src/app/data-entries/buttonGroup/button-group-sample-1/button-group-sample-1.component.ts b/src/app/data-entries/buttonGroup/button-group-sample-1/button-group-sample-1.component.ts index 1cfab30696..f37bb9b73f 100644 --- a/src/app/data-entries/buttonGroup/button-group-sample-1/button-group-sample-1.component.ts +++ b/src/app/data-entries/buttonGroup/button-group-sample-1/button-group-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-button-group-sample-1', styleUrls: ['./button-group-sample-1.component.scss'], templateUrl: './button-group-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective, IgxIconComponent] }) diff --git a/src/app/data-entries/buttonGroup/button-group-sample-2/button-group-sample-2.component.ts b/src/app/data-entries/buttonGroup/button-group-sample-2/button-group-sample-2.component.ts index dc0ecf0a95..2eada571ae 100644 --- a/src/app/data-entries/buttonGroup/button-group-sample-2/button-group-sample-2.component.ts +++ b/src/app/data-entries/buttonGroup/button-group-sample-2/button-group-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { ButtonGroupAlignment, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -6,7 +6,6 @@ import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directi selector: 'app-button-group-sample-2', styleUrls: ['./button-group-sample-2.component.scss'], templateUrl: './button-group-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective] }) export class ButtonGroupSample2Component { diff --git a/src/app/data-entries/buttonGroup/button-group-sample-3/button-group-sample-3.component.ts b/src/app/data-entries/buttonGroup/button-group-sample-3/button-group-sample-3.component.ts index f617f1e7a7..02cf6a6d75 100644 --- a/src/app/data-entries/buttonGroup/button-group-sample-3/button-group-sample-3.component.ts +++ b/src/app/data-entries/buttonGroup/button-group-sample-3/button-group-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; interface IButton { @@ -35,7 +35,6 @@ class ToggleButton { selector: 'app-button-group-sample-3', styleUrls: ['./button-group-sample-3.component.scss'], templateUrl: './button-group-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent] }) export class ButtonGroupSample3Component implements OnInit { diff --git a/src/app/data-entries/buttonGroup/button-group-sample-4/button-group-sample.component.ts b/src/app/data-entries/buttonGroup/button-group-sample-4/button-group-sample.component.ts index e27e36a6eb..ae65a3887b 100644 --- a/src/app/data-entries/buttonGroup/button-group-sample-4/button-group-sample.component.ts +++ b/src/app/data-entries/buttonGroup/button-group-sample-4/button-group-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxRadioComponent } from 'igniteui-angular/radio'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -9,7 +9,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-button-group-sample', styleUrls: ['./button-group-sample.component.scss'], templateUrl: './button-group-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxRadioComponent, FormsModule, IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective, IgxIconComponent] }) export class ButtonGroupSampleComponent { diff --git a/src/app/data-entries/buttonGroup/button-group-sample-5/button-group-sample-5.component.ts b/src/app/data-entries/buttonGroup/button-group-sample-5/button-group-sample-5.component.ts index 1caec387ba..d021936039 100644 --- a/src/app/data-entries/buttonGroup/button-group-sample-5/button-group-sample-5.component.ts +++ b/src/app/data-entries/buttonGroup/button-group-sample-5/button-group-sample-5.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostBinding, OnInit } from '@angular/core'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; type Button = { @@ -11,7 +11,6 @@ type Button = { selector: 'app-button-group-sample-5', styleUrls: ['./button-group-sample-5.component.scss'], templateUrl: './button-group-sample-5.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent] }) export class ButtonGroupSample5Component implements OnInit { diff --git a/src/app/data-entries/buttonGroup/button-group-style/button-group-style.component.ts b/src/app/data-entries/buttonGroup/button-group-style/button-group-style.component.ts index ab7a00e512..63d01e5c0a 100644 --- a/src/app/data-entries/buttonGroup/button-group-style/button-group-style.component.ts +++ b/src/app/data-entries/buttonGroup/button-group-style/button-group-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { ButtonGroupAlignment, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -6,7 +6,6 @@ import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directi selector: 'app-button-group-style', styleUrls: ['./button-group-style.component.scss'], templateUrl: './button-group-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective] }) export class ButtonGroupStyleComponent { diff --git a/src/app/data-entries/buttonGroup/button-group-tailwind-style/button-group-tailwind-style.component.ts b/src/app/data-entries/buttonGroup/button-group-tailwind-style/button-group-tailwind-style.component.ts index 66f9dfd41d..178214d69a 100644 --- a/src/app/data-entries/buttonGroup/button-group-tailwind-style/button-group-tailwind-style.component.ts +++ b/src/app/data-entries/buttonGroup/button-group-tailwind-style/button-group-tailwind-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { ButtonGroupAlignment, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -6,7 +6,6 @@ import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directi selector: 'app-button-group-tailwind-style', styleUrls: ['./button-group-tailwind-style.component.scss'], templateUrl: './button-group-tailwind-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective] }) export class ButtonGroupTailwindStyleComponent { diff --git a/src/app/data-entries/buttons/buttons-disabled-sample/buttons-disabled-sample.ts b/src/app/data-entries/buttons/buttons-disabled-sample/buttons-disabled-sample.ts index 9ab4c0786f..c3542a0796 100644 --- a/src/app/data-entries/buttons/buttons-disabled-sample/buttons-disabled-sample.ts +++ b/src/app/data-entries/buttons/buttons-disabled-sample/buttons-disabled-sample.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-buttons-disabled-sample', styleUrls: ['./buttons-disabled-sample.scss'], templateUrl: './buttons-disabled-sample.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class ButtonsDisabledComponent { } diff --git a/src/app/data-entries/buttons/buttons-display-density/buttons-display-density.component.ts b/src/app/data-entries/buttons/buttons-display-density/buttons-display-density.component.ts index 5dfc1728ef..841a908270 100644 --- a/src/app/data-entries/buttons/buttons-display-density/buttons-display-density.component.ts +++ b/src/app/data-entries/buttons/buttons-display-density/buttons-display-density.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostBinding, OnInit } from '@angular/core'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-buttons-display-density', styleUrls: ['./buttons-display-density.component.scss'], templateUrl: './buttons-display-density.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective, IgxIconComponent] }) export class ButtonsDisplayDensityComponent implements OnInit { diff --git a/src/app/data-entries/buttons/buttons-roundness-sample/buttons-roundness-sample.ts b/src/app/data-entries/buttons/buttons-roundness-sample/buttons-roundness-sample.ts index 287f82fdb0..c791699b35 100644 --- a/src/app/data-entries/buttons/buttons-roundness-sample/buttons-roundness-sample.ts +++ b/src/app/data-entries/buttons/buttons-roundness-sample/buttons-roundness-sample.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -6,7 +6,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-buttons-roundness-sample', styleUrls: ['./buttons-roundness-sample.scss'], templateUrl: './buttons-roundness-sample.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective, IgxIconComponent, IgxIconButtonDirective] }) export class ButtonsRoundnessComponent {} diff --git a/src/app/data-entries/buttons/buttons-sample-1/buttons-sample-1.component.ts b/src/app/data-entries/buttons/buttons-sample-1/buttons-sample-1.component.ts index ba58e7f9f1..6e81376588 100644 --- a/src/app/data-entries/buttons/buttons-sample-1/buttons-sample-1.component.ts +++ b/src/app/data-entries/buttons/buttons-sample-1/buttons-sample-1.component.ts @@ -1,12 +1,11 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-buttons-sample-1', styleUrls: ['./buttons-sample-1.component.scss'], templateUrl: './buttons-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective] }) export class ButtonsSample1Component { } diff --git a/src/app/data-entries/buttons/buttons-sample-2/buttons-sample-2.component.ts b/src/app/data-entries/buttons/buttons-sample-2/buttons-sample-2.component.ts index 0a8fcc4aad..048e47f634 100644 --- a/src/app/data-entries/buttons/buttons-sample-2/buttons-sample-2.component.ts +++ b/src/app/data-entries/buttons/buttons-sample-2/buttons-sample-2.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-buttons-sample-2', styleUrls: ['./buttons-sample-2.component.scss'], templateUrl: './buttons-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class ButtonsSample2Component { } diff --git a/src/app/data-entries/buttons/buttons-sample-3/buttons-sample-3.component.ts b/src/app/data-entries/buttons/buttons-sample-3/buttons-sample-3.component.ts index 6462689f63..95c52d74d6 100644 --- a/src/app/data-entries/buttons/buttons-sample-3/buttons-sample-3.component.ts +++ b/src/app/data-entries/buttons/buttons-sample-3/buttons-sample-3.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-buttons-sample-3', styleUrls: ['./buttons-sample-3.component.scss'], templateUrl: './buttons-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective] }) export class ButtonsSample3Component { } diff --git a/src/app/data-entries/buttons/buttons-sample-4/buttons-sample-4.component.ts b/src/app/data-entries/buttons/buttons-sample-4/buttons-sample-4.component.ts index 67d80f2fe4..e0aa368980 100644 --- a/src/app/data-entries/buttons/buttons-sample-4/buttons-sample-4.component.ts +++ b/src/app/data-entries/buttons/buttons-sample-4/buttons-sample-4.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-buttons-sample-4', styleUrls: ['./buttons-sample-4.component.scss'], templateUrl: './buttons-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective] }) export class ButtonsSample4Component { } diff --git a/src/app/data-entries/buttons/buttons-sample-5/buttons-sample-5.component.ts b/src/app/data-entries/buttons/buttons-sample-5/buttons-sample-5.component.ts index daf3a0288a..ea471e6e36 100644 --- a/src/app/data-entries/buttons/buttons-sample-5/buttons-sample-5.component.ts +++ b/src/app/data-entries/buttons/buttons-sample-5/buttons-sample-5.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-buttons-sample-5', styleUrls: ['./buttons-sample-5.component.scss'], templateUrl: './buttons-sample-5.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class ButtonsSample5Component { } diff --git a/src/app/data-entries/buttons/buttons-sample-6/buttons-sample-6.component.ts b/src/app/data-entries/buttons/buttons-sample-6/buttons-sample-6.component.ts index 915f7038c1..6d07452311 100644 --- a/src/app/data-entries/buttons/buttons-sample-6/buttons-sample-6.component.ts +++ b/src/app/data-entries/buttons/buttons-sample-6/buttons-sample-6.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -6,7 +6,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-buttons-sample-6', styleUrls: ['./buttons-sample-6.component.scss'], templateUrl: './buttons-sample-6.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxIconComponent] }) export class ButtonsSample6Component { } diff --git a/src/app/data-entries/buttons/buttons-sample-7/buttons-sample-7.component.ts b/src/app/data-entries/buttons/buttons-sample-7/buttons-sample-7.component.ts index 08630d2831..532edeff95 100644 --- a/src/app/data-entries/buttons/buttons-sample-7/buttons-sample-7.component.ts +++ b/src/app/data-entries/buttons/buttons-sample-7/buttons-sample-7.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -6,7 +6,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-buttons-sample-7', styleUrls: ['./buttons-sample-7.component.scss'], templateUrl: './buttons-sample-7.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconButtonDirective, IgxIconComponent] }) export class ButtonsSample7Component { } diff --git a/src/app/data-entries/buttons/buttons-sample-8/buttons-sample-8.component.ts b/src/app/data-entries/buttons/buttons-sample-8/buttons-sample-8.component.ts index debe901383..77b080c3a4 100644 --- a/src/app/data-entries/buttons/buttons-sample-8/buttons-sample-8.component.ts +++ b/src/app/data-entries/buttons/buttons-sample-8/buttons-sample-8.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-buttons-sample-8', styleUrls: ['./buttons-sample-8.component.scss'], templateUrl: './buttons-sample-8.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class ButtonsSample8Component { } diff --git a/src/app/data-entries/buttons/buttons-style/buttons-style.component.ts b/src/app/data-entries/buttons/buttons-style/buttons-style.component.ts index 7633134af3..ce5d497395 100644 --- a/src/app/data-entries/buttons/buttons-style/buttons-style.component.ts +++ b/src/app/data-entries/buttons/buttons-style/buttons-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { THEME_TOKEN, ThemeToken } from 'igniteui-angular/core'; @@ -7,7 +7,6 @@ import { THEME_TOKEN, ThemeToken } from 'igniteui-angular/core'; styleUrls: ['./buttons-style.component.scss'], templateUrl: './buttons-style.component.html', imports: [IgxButtonDirective], - changeDetection: ChangeDetectionStrategy.Eager, providers: [{provide: THEME_TOKEN, useFactory: () => new ThemeToken('bootstrap')}] }) export class ButtonsStyleComponent { diff --git a/src/app/data-entries/buttons/buttons-tailwind-style/buttons-tailwind-style.component.ts b/src/app/data-entries/buttons/buttons-tailwind-style/buttons-tailwind-style.component.ts index 1d42996e6c..2bbd669b48 100644 --- a/src/app/data-entries/buttons/buttons-tailwind-style/buttons-tailwind-style.component.ts +++ b/src/app/data-entries/buttons/buttons-tailwind-style/buttons-tailwind-style.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-buttons-tailwind-style', styleUrls: ['./buttons-tailwind-style.component.scss'], templateUrl: './buttons-tailwind-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class ButtonsTailwindStyleComponent {} diff --git a/src/app/data-entries/checkbox/checkbox-sample-1/checkbox-sample-1.component.ts b/src/app/data-entries/checkbox/checkbox-sample-1/checkbox-sample-1.component.ts index d6124eead7..57bc770cbe 100644 --- a/src/app/data-entries/checkbox/checkbox-sample-1/checkbox-sample-1.component.ts +++ b/src/app/data-entries/checkbox/checkbox-sample-1/checkbox-sample-1.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCheckboxComponent } from 'igniteui-angular/checkbox'; @Component({ selector: 'app-checkbox-sample-1', styleUrls: ['./checkbox-sample-1.component.scss'], templateUrl: './checkbox-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCheckboxComponent] }) export class CheckboxSample1Component { } diff --git a/src/app/data-entries/checkbox/checkbox-sample-2/checkbox-sample-2.component.ts b/src/app/data-entries/checkbox/checkbox-sample-2/checkbox-sample-2.component.ts index a889bb1062..780fbd7013 100644 --- a/src/app/data-entries/checkbox/checkbox-sample-2/checkbox-sample-2.component.ts +++ b/src/app/data-entries/checkbox/checkbox-sample-2/checkbox-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCheckboxComponent } from 'igniteui-angular/checkbox'; @@ -6,7 +6,6 @@ import { IgxCheckboxComponent } from 'igniteui-angular/checkbox'; selector: 'app-checkbox-sample-2', styleUrls: ['./checkbox-sample-2.component.scss'], templateUrl: './checkbox-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCheckboxComponent] }) export class CheckboxSample2Component { diff --git a/src/app/data-entries/checkbox/checkbox-sample-3/checkbox-sample-3.component.ts b/src/app/data-entries/checkbox/checkbox-sample-3/checkbox-sample-3.component.ts index 98bfbcd343..0ebf0cb53e 100644 --- a/src/app/data-entries/checkbox/checkbox-sample-3/checkbox-sample-3.component.ts +++ b/src/app/data-entries/checkbox/checkbox-sample-3/checkbox-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCheckboxComponent } from 'igniteui-angular/checkbox'; import { FormsModule } from '@angular/forms'; @@ -7,7 +7,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-checkbox-sample-3', styleUrls: ['./checkbox-sample-3.component.scss'], templateUrl: './checkbox-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCheckboxComponent, FormsModule] }) export class CheckboxSample3Component { diff --git a/src/app/data-entries/checkbox/checkbox-styling/checkbox-styling.component.ts b/src/app/data-entries/checkbox/checkbox-styling/checkbox-styling.component.ts index 4a7da9b06d..34adc68489 100644 --- a/src/app/data-entries/checkbox/checkbox-styling/checkbox-styling.component.ts +++ b/src/app/data-entries/checkbox/checkbox-styling/checkbox-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCheckboxComponent } from 'igniteui-angular/checkbox'; import { THEME_TOKEN, ThemeToken } from 'igniteui-angular/core'; @@ -7,7 +7,6 @@ import { THEME_TOKEN, ThemeToken } from 'igniteui-angular/core'; styleUrls: ['./checkbox-styling.component.scss'], templateUrl: './checkbox-styling.component.html', providers: [{ provide: THEME_TOKEN, useFactory: () => new ThemeToken('fluent') }], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCheckboxComponent] }) export class CheckboxStylingComponent { diff --git a/src/app/data-entries/checkbox/checkbox-tailwind-styling/checkbox-tailwind-styling.component.ts b/src/app/data-entries/checkbox/checkbox-tailwind-styling/checkbox-tailwind-styling.component.ts index 3496228abd..e492210351 100644 --- a/src/app/data-entries/checkbox/checkbox-tailwind-styling/checkbox-tailwind-styling.component.ts +++ b/src/app/data-entries/checkbox/checkbox-tailwind-styling/checkbox-tailwind-styling.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCheckboxComponent } from 'igniteui-angular/checkbox'; @Component({ selector: 'app-checkbox-tailwind-styling', styleUrls: ['./checkbox-tailwind-styling.component.scss'], templateUrl: './checkbox-tailwind-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCheckboxComponent] }) export class CheckboxTailwindStylingComponent { } diff --git a/src/app/data-entries/dropdown/drop-down-remote-virtual/drop-down-remote.component.ts b/src/app/data-entries/dropdown/drop-down-remote-virtual/drop-down-remote.component.ts index 36ca5004f1..9a2941bfec 100644 --- a/src/app/data-entries/dropdown/drop-down-remote-virtual/drop-down-remote.component.ts +++ b/src/app/data-entries/dropdown/drop-down-remote-virtual/drop-down-remote.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild, AfterViewInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild, AfterViewInit, inject } from '@angular/core'; // tslint:disable-next-line:max-line-length import { IForOfState, IgxButtonDirective, IgxForOfDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxDropDownComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; @@ -15,7 +15,6 @@ import { AsyncPipe } from '@angular/common'; selector: 'app-drop-down-remote', templateUrl: './drop-down-remote.component.html', styleUrls: ['./drop-down-remote.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxDropDownComponent, IgxForOfDirective, IgxDropDownItemComponent, IgxToastComponent, AsyncPipe] }) export class DropDownRemoteComponent implements OnInit, OnDestroy, AfterViewInit { diff --git a/src/app/data-entries/dropdown/drop-down-virtual/drop-down-virtual.component.ts b/src/app/data-entries/dropdown/drop-down-virtual/drop-down-virtual.component.ts index 2467497ea6..f7efad5d6f 100644 --- a/src/app/data-entries/dropdown/drop-down-virtual/drop-down-virtual.component.ts +++ b/src/app/data-entries/dropdown/drop-down-virtual/drop-down-virtual.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxForOfDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxDropDownComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; @@ -15,7 +15,6 @@ interface DataItem { selector: 'app-drop-down-virtual', templateUrl: './drop-down-virtual.component.html', styleUrls: ['./drop-down-virtual.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxDropDownComponent, IgxForOfDirective, IgxDropDownItemComponent] }) export class DropDownVirtualComponent { diff --git a/src/app/data-entries/dropdown/dropdown-menu/dropdown-menu.component.ts b/src/app/data-entries/dropdown/dropdown-menu/dropdown-menu.component.ts index dc33aec4cb..39b82e4dd8 100644 --- a/src/app/data-entries/dropdown/dropdown-menu/dropdown-menu.component.ts +++ b/src/app/data-entries/dropdown/dropdown-menu/dropdown-menu.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { ConnectedPositioningStrategy, HorizontalAlignment, IgxOverlayOutletDirective, NoOpScrollStrategy, VerticalAlignment } from 'igniteui-angular/core'; import { ISelectionEventArgs, IgxDropDownComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; import { IgxNavbarComponent } from 'igniteui-angular/navbar'; @@ -11,7 +11,6 @@ import { IgxLabelDirective } from 'igniteui-angular/input-group'; selector: 'app-dropdown-menu', styleUrls: ['./dropdown-menu.component.scss'], templateUrl: './dropdown-menu.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxIconButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxIconComponent, IgxDropDownComponent, IgxDropDownItemComponent, IgxLabelDirective, IgxOverlayOutletDirective] }) export class DropdownMenuComponent { diff --git a/src/app/data-entries/dropdown/dropdown-multi-level-menu/dropdown-multi-level-menu.component.ts b/src/app/data-entries/dropdown/dropdown-multi-level-menu/dropdown-multi-level-menu.component.ts index c694188572..15575d22ab 100644 --- a/src/app/data-entries/dropdown/dropdown-multi-level-menu/dropdown-multi-level-menu.component.ts +++ b/src/app/data-entries/dropdown/dropdown-multi-level-menu/dropdown-multi-level-menu.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, QueryList, ViewChild, ViewChildren, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, QueryList, ViewChild, ViewChildren, inject } from '@angular/core'; import { IgxDropDownComponent, IgxDropDownItemComponent } from 'igniteui-angular/drop-down'; import { ConnectedPositioningStrategy, HorizontalAlignment, OverlaySettings, VerticalAlignment } from 'igniteui-angular/core'; import { IgxNavbarComponent, IgxNavbarTitleDirective } from 'igniteui-angular/navbar'; @@ -22,7 +22,6 @@ import { MultiLevelDirective } from './multi-level.directive'; templateUrl: './dropdown-multi-level-menu.component.html', styleUrls: ['./dropdown-multi-level-menu.component.scss'], providers: [MultiLevelService], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxNavbarTitleDirective, IgxButtonDirective, IgxToggleActionDirective, IgxIconComponent, IgxDropDownComponent, IgxDropDownItemComponent, MultiLevelDirective, IgxSuffixDirective] }) export class DropdownMultiLevelMenuComponent implements AfterViewInit { diff --git a/src/app/data-entries/dropdown/dropdown-sample-1/dropdown-sample-1.component.ts b/src/app/data-entries/dropdown/dropdown-sample-1/dropdown-sample-1.component.ts index b0fbff9bbc..0a73f65ad2 100644 --- a/src/app/data-entries/dropdown/dropdown-sample-1/dropdown-sample-1.component.ts +++ b/src/app/data-entries/dropdown/dropdown-sample-1/dropdown-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxDropDownComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; @@ -7,7 +7,6 @@ import { IgxDropDownComponent, IgxDropDownItemComponent, IgxDropDownItemNavigati selector: 'app-dropdown-sample-1', styleUrls: ['./dropdown-sample-1.component.scss'], templateUrl: './dropdown-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxDropDownComponent, IgxDropDownItemComponent] }) export class DropDownSample1Component { diff --git a/src/app/data-entries/dropdown/dropdown-sample-2/dropdown-sample-2.component.ts b/src/app/data-entries/dropdown/dropdown-sample-2/dropdown-sample-2.component.ts index b73bcf5ddb..a3a704ea94 100644 --- a/src/app/data-entries/dropdown/dropdown-sample-2/dropdown-sample-2.component.ts +++ b/src/app/data-entries/dropdown/dropdown-sample-2/dropdown-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxDropDownComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; @@ -8,7 +8,6 @@ import { IgxDropDownComponent, IgxDropDownItemComponent, IgxDropDownItemNavigati selector: 'app-dropdown-sample-2', styleUrls: ['./dropdown-sample-2.component.scss'], templateUrl: './dropdown-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxDropDownComponent, IgxDropDownItemComponent] }) export class DropDownSample2Component { diff --git a/src/app/data-entries/dropdown/dropdown-sample-3/dropdown-sample-3.component.ts b/src/app/data-entries/dropdown/dropdown-sample-3/dropdown-sample-3.component.ts index 11686993d6..891b0cc2f1 100644 --- a/src/app/data-entries/dropdown/dropdown-sample-3/dropdown-sample-3.component.ts +++ b/src/app/data-entries/dropdown/dropdown-sample-3/dropdown-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxDividerDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxDropDownComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -10,7 +10,6 @@ import { IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-g selector: 'app-dropdown-sample-3', styleUrls: ['./dropdown-sample-3.component.scss'], templateUrl: './dropdown-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxDropDownComponent, IgxDropDownItemComponent, IgxIconComponent, IgxPrefixDirective, IgxSuffixDirective, IgxDividerDirective] }) export class DropDownSample3Component { diff --git a/src/app/data-entries/dropdown/dropdown-sample-4/dropdown-sample-4.component.ts b/src/app/data-entries/dropdown/dropdown-sample-4/dropdown-sample-4.component.ts index 519131d90b..a322c35155 100644 --- a/src/app/data-entries/dropdown/dropdown-sample-4/dropdown-sample-4.component.ts +++ b/src/app/data-entries/dropdown/dropdown-sample-4/dropdown-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { ConnectedPositioningStrategy } from 'igniteui-angular/core'; import { IgxDropDownComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; import { IgxInputDirective, IgxInputGroupComponent, IgxSuffixDirective } from 'igniteui-angular/input-group'; @@ -10,7 +10,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-dropdown-sample-4', styleUrls: ['./dropdown-sample-4.component.scss'], templateUrl: './dropdown-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxToggleActionDirective, IgxInputDirective, IgxDropDownItemNavigationDirective, IgxSuffixDirective, IgxIconButtonDirective, IgxRippleDirective, IgxIconComponent, IgxDropDownComponent, IgxDropDownItemComponent] }) export class DropDownSample4Component { diff --git a/src/app/data-entries/dropdown/dropdown-sample-5/dropdown-sample-5.component.ts b/src/app/data-entries/dropdown/dropdown-sample-5/dropdown-sample-5.component.ts index f6ee0f2b7d..d58f8aee84 100644 --- a/src/app/data-entries/dropdown/dropdown-sample-5/dropdown-sample-5.component.ts +++ b/src/app/data-entries/dropdown/dropdown-sample-5/dropdown-sample-5.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxDropDownComponent, IgxDropDownGroupComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-dropdown-sample-5', styleUrls: ['./dropdown-sample-5.component.scss'], templateUrl: './dropdown-sample-5.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxSwitchComponent, FormsModule, IgxDropDownComponent, IgxDropDownGroupComponent, IgxDropDownItemComponent] }) export class DropDownSample5Component { diff --git a/src/app/data-entries/dropdown/dropdown-styling/dropdown-styling.component.ts b/src/app/data-entries/dropdown/dropdown-styling/dropdown-styling.component.ts index bb6d50f826..ccf152afde 100644 --- a/src/app/data-entries/dropdown/dropdown-styling/dropdown-styling.component.ts +++ b/src/app/data-entries/dropdown/dropdown-styling/dropdown-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, OnInit, ViewChild, inject } from '@angular/core'; import { ISelectionEventArgs, IgxDropDownComponent, IgxDropDownGroupComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; import { IgxButtonDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { getHeroClassData, IHeroClass } from '../../../data/heroData'; @@ -8,7 +8,6 @@ import { getHeroClassData, IHeroClass } from '../../../data/heroData'; selector: 'app-dropdown-styling', styleUrls: ['./dropdown-styling.component.scss'], templateUrl: './dropdown-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxDropDownComponent, IgxDropDownGroupComponent, IgxDropDownItemComponent] }) export class DropDownStylingComponent implements OnInit { diff --git a/src/app/data-entries/dropdown/dropdown-tree-grid-hierarchical-selection/dropdown-tree-grid-hierarchical-selection.component.ts b/src/app/data-entries/dropdown/dropdown-tree-grid-hierarchical-selection/dropdown-tree-grid-hierarchical-selection.component.ts index ed5cb900e0..a6b2c44787 100644 --- a/src/app/data-entries/dropdown/dropdown-tree-grid-hierarchical-selection/dropdown-tree-grid-hierarchical-selection.component.ts +++ b/src/app/data-entries/dropdown/dropdown-tree-grid-hierarchical-selection/dropdown-tree-grid-hierarchical-selection.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, ElementRef, OnInit, PLATFORM_ID, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, ElementRef, OnInit, PLATFORM_ID, ViewChild, inject } from '@angular/core'; import { IBaseChipEventArgs, IgxChipComponent, IgxChipsAreaComponent } from 'igniteui-angular/chips'; import { IgxDropDownComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; import { ConnectedPositioningStrategy, OverlaySettings } from 'igniteui-angular/core'; @@ -15,7 +15,6 @@ import { isPlatformBrowser } from '@angular/common'; selector: 'app-dropdown-tree-grid-hierarchical-selection', styleUrls: ['./dropdown-tree-grid-hierarchical-selection.component.scss'], templateUrl: './dropdown-tree-grid-hierarchical-selection.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxIconComponent, IgxChipsAreaComponent, IgxChipComponent, IgxDropDownComponent, IgxTreeGridComponent, IgxColumnComponent] }) export class DropdownTreeGridHierarchicalSelectionComponent implements OnInit, AfterViewInit { diff --git a/src/app/data-entries/dropdown/dropdown-tree-hierarchical-selection/dropdown-tree-hierarchical-selection.component.ts b/src/app/data-entries/dropdown/dropdown-tree-hierarchical-selection/dropdown-tree-hierarchical-selection.component.ts index e584bd6c5c..4473dc1459 100644 --- a/src/app/data-entries/dropdown/dropdown-tree-hierarchical-selection/dropdown-tree-hierarchical-selection.component.ts +++ b/src/app/data-entries/dropdown/dropdown-tree-hierarchical-selection/dropdown-tree-hierarchical-selection.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, DoCheck, OnInit, ViewChild, ElementRef, PLATFORM_ID, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, DoCheck, OnInit, ViewChild, ElementRef, PLATFORM_ID, inject } from '@angular/core'; import { IBaseChipEventArgs, IgxChipComponent, IgxChipsAreaComponent } from 'igniteui-angular/chips'; import { IgxDropDownComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; import { ITreeNodeSelectionEvent, IgxTreeComponent, IgxTreeNodeComponent } from 'igniteui-angular/tree'; @@ -14,7 +14,6 @@ import { isPlatformBrowser } from '@angular/common'; selector: 'app-dropdown-tree-hierarchical-selection', styleUrls: ['./dropdown-tree-hierarchical-selection.component.scss'], templateUrl: './dropdown-tree-hierarchical-selection.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxIconComponent, IgxChipsAreaComponent, IgxChipComponent, IgxDropDownComponent, IgxTreeComponent, IgxTreeNodeComponent] }) export class DropdownTreeHierarchicalSelectionComponent implements OnInit, DoCheck, AfterViewInit { diff --git a/src/app/data-entries/icon-button/contained-icon-button/contained-icon-button.component.ts b/src/app/data-entries/icon-button/contained-icon-button/contained-icon-button.component.ts index bffb14e152..a3a1db9cda 100644 --- a/src/app/data-entries/icon-button/contained-icon-button/contained-icon-button.component.ts +++ b/src/app/data-entries/icon-button/contained-icon-button/contained-icon-button.component.ts @@ -1,5 +1,5 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-contained-icon-button', styleUrls: ['./contained-icon-button.component.scss'], templateUrl: './contained-icon-button.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconButtonDirective, IgxIconComponent] }) export class ContainedIconButtonComponent { } diff --git a/src/app/data-entries/icon-button/disabled-icon-button/disabled-icon-button.component.ts b/src/app/data-entries/icon-button/disabled-icon-button/disabled-icon-button.component.ts index f76eccf1f7..bcd1e7fd76 100644 --- a/src/app/data-entries/icon-button/disabled-icon-button/disabled-icon-button.component.ts +++ b/src/app/data-entries/icon-button/disabled-icon-button/disabled-icon-button.component.ts @@ -1,5 +1,5 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-disabled-icon-button', styleUrls: ['./disabled-icon-button.component.scss'], templateUrl: './disabled-icon-button.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconButtonDirective, IgxIconComponent] }) export class DisabledIconButtonComponent {} diff --git a/src/app/data-entries/icon-button/flat-icon-button/flat-icon-button.component.ts b/src/app/data-entries/icon-button/flat-icon-button/flat-icon-button.component.ts index e68100e84e..102774808e 100644 --- a/src/app/data-entries/icon-button/flat-icon-button/flat-icon-button.component.ts +++ b/src/app/data-entries/icon-button/flat-icon-button/flat-icon-button.component.ts @@ -1,5 +1,5 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-flat-icon-button', styleUrls: ['./flat-icon-button.component.scss'], templateUrl: './flat-icon-button.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconButtonDirective, IgxIconComponent] }) export class FlatIconButtonComponent { } diff --git a/src/app/data-entries/icon-button/icon-button-overview/icon-button-overview.component.ts b/src/app/data-entries/icon-button/icon-button-overview/icon-button-overview.component.ts index 42a4674345..998db628c0 100644 --- a/src/app/data-entries/icon-button/icon-button-overview/icon-button-overview.component.ts +++ b/src/app/data-entries/icon-button/icon-button-overview/icon-button-overview.component.ts @@ -1,5 +1,5 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-icon-button-overview', styleUrls: ['./icon-button-overview.component.scss'], templateUrl: './icon-button-overview.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconButtonDirective, IgxRippleDirective, IgxIconComponent] }) export class IconButtonOverviewComponent { } diff --git a/src/app/data-entries/icon-button/icon-button-size/icon-button-size.component.ts b/src/app/data-entries/icon-button/icon-button-size/icon-button-size.component.ts index 6b2cfe7838..6b97505ea2 100644 --- a/src/app/data-entries/icon-button/icon-button-size/icon-button-size.component.ts +++ b/src/app/data-entries/icon-button/icon-button-size/icon-button-size.component.ts @@ -1,5 +1,5 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-icon-button-size', styleUrls: ['./icon-button-size.component.scss'], templateUrl: './icon-button-size.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconButtonDirective, IgxRippleDirective, IgxIconComponent] }) export class IconButtonSizeComponent { } diff --git a/src/app/data-entries/icon-button/icon-button-styling/icon-button-styling.component.ts b/src/app/data-entries/icon-button/icon-button-styling/icon-button-styling.component.ts index fb210b6cf3..914b53e14d 100644 --- a/src/app/data-entries/icon-button/icon-button-styling/icon-button-styling.component.ts +++ b/src/app/data-entries/icon-button/icon-button-styling/icon-button-styling.component.ts @@ -1,5 +1,5 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-icon-button-styling', styleUrls: ['./icon-button-styling.component.scss'], templateUrl: './icon-button-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconButtonDirective, IgxRippleDirective, IgxIconComponent] }) export class IconButtonStylingComponent { } diff --git a/src/app/data-entries/icon-button/icon-button-tailwind-styling/icon-button-tailwind-styling.component.ts b/src/app/data-entries/icon-button/icon-button-tailwind-styling/icon-button-tailwind-styling.component.ts index bf2d32f19e..59b5733d2d 100644 --- a/src/app/data-entries/icon-button/icon-button-tailwind-styling/icon-button-tailwind-styling.component.ts +++ b/src/app/data-entries/icon-button/icon-button-tailwind-styling/icon-button-tailwind-styling.component.ts @@ -1,5 +1,5 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-icon-button-tailwind-styling', styleUrls: ['./icon-button-tailwind-styling.component.scss'], templateUrl: './icon-button-tailwind-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconButtonDirective, IgxIconComponent] }) export class IconButtonTailwindStylingComponent { } diff --git a/src/app/data-entries/icon-button/outlined-icon-button/outlined-icon-button.component.ts b/src/app/data-entries/icon-button/outlined-icon-button/outlined-icon-button.component.ts index a0b9b87371..a5588a063a 100644 --- a/src/app/data-entries/icon-button/outlined-icon-button/outlined-icon-button.component.ts +++ b/src/app/data-entries/icon-button/outlined-icon-button/outlined-icon-button.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -6,7 +6,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-outlined-icon-button', styleUrls: ['./outlined-icon-button.component.scss'], templateUrl: './outlined-icon-button.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconButtonDirective, IgxIconComponent] }) export class OutlinedIconButtonComponent {} diff --git a/src/app/data-entries/icon-button/svg-icon-button/svg-icon-button.component.ts b/src/app/data-entries/icon-button/svg-icon-button/svg-icon-button.component.ts index 07d6807758..c0ca74a2c1 100644 --- a/src/app/data-entries/icon-button/svg-icon-button/svg-icon-button.component.ts +++ b/src/app/data-entries/icon-button/svg-icon-button/svg-icon-button.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, inject } from '@angular/core'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; @@ -6,7 +6,6 @@ import { IgxIconButtonDirective } from 'igniteui-angular/directives'; selector: 'app-svg-icon-button', styleUrls: ['./svg-icon-button.component.scss'], templateUrl: './svg-icon-button.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconButtonDirective, IgxIconComponent] }) export class SVGIconButtonComponent implements OnInit { diff --git a/src/app/data-entries/input-group/input-group-sample-1/input-group-sample-1.component.ts b/src/app/data-entries/input-group/input-group-sample-1/input-group-sample-1.component.ts index cc71faf5d2..1c0931481f 100644 --- a/src/app/data-entries/input-group/input-group-sample-1/input-group-sample-1.component.ts +++ b/src/app/data-entries/input-group/input-group-sample-1/input-group-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { BaseInputGroupSampleComponent } from '../base-input.component'; import { FormsModule } from '@angular/forms'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -7,7 +7,6 @@ import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'ig selector: 'app-input-group-sample-1', styleUrls: ['./input-group-sample-1.component.scss'], templateUrl: './input-group-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, IgxInputGroupComponent, IgxInputDirective, IgxLabelDirective] }) export class InputGroupSample1Component extends BaseInputGroupSampleComponent { } diff --git a/src/app/data-entries/input-group/input-group-sample-2/input-group-sample-2.component.ts b/src/app/data-entries/input-group/input-group-sample-2/input-group-sample-2.component.ts index 616d81dd3a..42124f2ff2 100644 --- a/src/app/data-entries/input-group/input-group-sample-2/input-group-sample-2.component.ts +++ b/src/app/data-entries/input-group/input-group-sample-2/input-group-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { BaseInputGroupSampleComponent } from '../base-input.component'; import { FormsModule } from '@angular/forms'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -7,7 +7,6 @@ import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'ig selector: 'app-input-group-sample-2', styleUrls: ['./input-group-sample-2.component.scss'], templateUrl: './input-group-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, IgxInputGroupComponent, IgxInputDirective, IgxLabelDirective] }) export class InputGroupSample2Component extends BaseInputGroupSampleComponent { } diff --git a/src/app/data-entries/input-group/input-group-sample-3/input-group-sample-3.component.ts b/src/app/data-entries/input-group/input-group-sample-3/input-group-sample-3.component.ts index 352e25af3d..dca99a7b2e 100644 --- a/src/app/data-entries/input-group/input-group-sample-3/input-group-sample-3.component.ts +++ b/src/app/data-entries/input-group/input-group-sample-3/input-group-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { BaseInputGroupSampleComponent } from '../base-input.component'; import { FormsModule } from '@angular/forms'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; @@ -8,7 +8,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-input-group-sample-3', styleUrls: ['./input-group-sample-3.component.scss'], templateUrl: './input-group-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, IgxInputGroupComponent, IgxPrefixDirective, IgxLabelDirective, IgxInputDirective, IgxIconComponent, IgxSuffixDirective] }) export class InputGroupSample3Component extends BaseInputGroupSampleComponent { } diff --git a/src/app/data-entries/input-group/input-group-sample-4/input-group-sample-4.component.ts b/src/app/data-entries/input-group/input-group-sample-4/input-group-sample-4.component.ts index 797bdf1ea9..f6d6c66cca 100644 --- a/src/app/data-entries/input-group/input-group-sample-4/input-group-sample-4.component.ts +++ b/src/app/data-entries/input-group/input-group-sample-4/input-group-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { BaseInputGroupSampleComponent } from '../base-input.component'; import { FormsModule } from '@angular/forms'; import { IgxHintDirective, IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; @@ -8,7 +8,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-input-group-sample-4', styleUrls: ['./input-group-sample-4.component.scss'], templateUrl: './input-group-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, IgxInputGroupComponent, IgxPrefixDirective, IgxLabelDirective, IgxInputDirective, IgxSuffixDirective, IgxIconComponent, IgxHintDirective] }) export class InputGroupSample4Component extends BaseInputGroupSampleComponent { } diff --git a/src/app/data-entries/input-group/input-group-sample-5/input-group-sample-5.component.ts b/src/app/data-entries/input-group/input-group-sample-5/input-group-sample-5.component.ts index 665afd9b3a..569216794d 100644 --- a/src/app/data-entries/input-group/input-group-sample-5/input-group-sample-5.component.ts +++ b/src/app/data-entries/input-group/input-group-sample-5/input-group-sample-5.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { BaseInputGroupSampleComponent } from '../base-input.component'; import { IGX_INPUT_GROUP_TYPE, IgxHintDirective, IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms'; styleUrls: ['./input-group-sample-5.component.scss'], templateUrl: './input-group-sample-5.component.html', providers: [{ provide: IGX_INPUT_GROUP_TYPE, useValue: 'box' }], - changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, IgxInputGroupComponent, IgxInputDirective, IgxLabelDirective, IgxSuffixDirective, IgxIconComponent, IgxHintDirective, IgxPrefixDirective] }) export class InputGroupSample5Component extends BaseInputGroupSampleComponent { } diff --git a/src/app/data-entries/input-group/input-group-sample-6/input-group-sample-6.component.ts b/src/app/data-entries/input-group/input-group-sample-6/input-group-sample-6.component.ts index a424ab1578..b2ca7951e2 100644 --- a/src/app/data-entries/input-group/input-group-sample-6/input-group-sample-6.component.ts +++ b/src/app/data-entries/input-group/input-group-sample-6/input-group-sample-6.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { BaseInputGroupSampleComponent } from '../base-input.component'; import { FormsModule } from '@angular/forms'; import { IgxSelectComponent, IgxSelectGroupComponent, IgxSelectItemComponent, IgxSelectToggleIconDirective } from 'igniteui-angular/select'; @@ -14,7 +14,6 @@ import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directi selector: 'app-input-group-sample-6', styleUrls: ['./input-group-sample-6.component.scss'], templateUrl: './input-group-sample-6.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, IgxSelectComponent, IgxSelectGroupComponent, IgxSelectItemComponent, IgxLabelDirective, IgxSelectToggleIconDirective, IgxIconComponent, IgxInputGroupComponent, IgxInputDirective, IgxSuffixDirective, IgxPrefixDirective, IgxHintDirective, IgxComboComponent, IgxDatePickerComponent, IgxPickerToggleComponent, IgxTimePickerComponent, IgxButtonDirective, IgxRippleDirective] }) export class InputGroupSample6Component extends BaseInputGroupSampleComponent { diff --git a/src/app/data-entries/input-group/input-group-styling/input-group-styling.component.ts b/src/app/data-entries/input-group/input-group-styling/input-group-styling.component.ts index d293bb8d3e..272cecd501 100644 --- a/src/app/data-entries/input-group/input-group-styling/input-group-styling.component.ts +++ b/src/app/data-entries/input-group/input-group-styling/input-group-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxHintDirective, IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { THEME_TOKEN, ThemeToken } from 'igniteui-angular/core'; @@ -7,7 +7,6 @@ import { THEME_TOKEN, ThemeToken } from 'igniteui-angular/core'; templateUrl: 'input-group-styling.component.html', styleUrls: ['input-group-styling.component.scss'], imports: [IgxInputGroupComponent, IgxLabelDirective, IgxInputDirective, IgxHintDirective], - changeDetection: ChangeDetectionStrategy.Eager, providers: [{provide: THEME_TOKEN, useFactory: () => new ThemeToken('indigo')}] }) export class InputGroupStyleComponent { } diff --git a/src/app/data-entries/input-group/input-group-tailwind-styling/input-group-tailwind-styling.component.ts b/src/app/data-entries/input-group/input-group-tailwind-styling/input-group-tailwind-styling.component.ts index 1431622da4..13807e1c0e 100644 --- a/src/app/data-entries/input-group/input-group-tailwind-styling/input-group-tailwind-styling.component.ts +++ b/src/app/data-entries/input-group/input-group-tailwind-styling/input-group-tailwind-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxHintDirective, IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -6,7 +6,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-input-group-tailwind-style', templateUrl: 'input-group-tailwind-styling.component.html', styleUrls: ['input-group-tailwind-styling.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxPrefixDirective, IgxLabelDirective, IgxInputDirective, IgxSuffixDirective, IgxIconComponent, IgxHintDirective] }) export class InputGroupTailwindStyleComponent { } diff --git a/src/app/data-entries/input-group/input-text-selection/input-text-selection.component.ts b/src/app/data-entries/input-group/input-text-selection/input-text-selection.component.ts index c650f9087f..e77db846cd 100644 --- a/src/app/data-entries/input-group/input-text-selection/input-text-selection.component.ts +++ b/src/app/data-entries/input-group/input-text-selection/input-text-selection.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxFocusDirective, IgxTextSelectionDirective } from 'igniteui-angular/directives'; @@ -7,7 +7,6 @@ import { IgxFocusDirective, IgxTextSelectionDirective } from 'igniteui-angular/d selector: 'app-input-text-selection', templateUrl: './input-text-selection.component.html', styleUrls: ['./input-text-selection.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, IgxInputGroupComponent, IgxInputDirective, IgxTextSelectionDirective, IgxLabelDirective, IgxFocusDirective] }) export class InputTextSelectionComponent { diff --git a/src/app/data-entries/input-group/reactive-form-custom-validation/reactive-form-custom-validation.component.ts b/src/app/data-entries/input-group/reactive-form-custom-validation/reactive-form-custom-validation.component.ts index 5c3fe1b674..860d8c18c2 100644 --- a/src/app/data-entries/input-group/reactive-form-custom-validation/reactive-form-custom-validation.component.ts +++ b/src/app/data-entries/input-group/reactive-form-custom-validation/reactive-form-custom-validation.component.ts @@ -1,4 +1,4 @@ -import { Component, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, inject } from '@angular/core'; import { AbstractControl, FormBuilder, FormControl, FormGroup, ValidationErrors, ValidatorFn, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms'; import { IgxHintDirective, IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -24,7 +24,6 @@ interface ValidatorErrors selector: 'app-reactive-form-custom-validation', templateUrl: './reactive-form-custom-validation.component.html', styleUrls: ['./reactive-form-custom-validation.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, ReactiveFormsModule, IgxInputGroupComponent, IgxLabelDirective, IgxInputDirective, IgxHintDirective, IgxIconComponent, IgxSuffixDirective, IgxButtonDirective, IgxRippleDirective] }) export class ReactiveFormCustomValidationComponent { diff --git a/src/app/data-entries/input-group/reactive-form-validation/reactive-form-validation.component.ts b/src/app/data-entries/input-group/reactive-form-validation/reactive-form-validation.component.ts index 9b2b6aab6f..8d2e85424a 100644 --- a/src/app/data-entries/input-group/reactive-form-validation/reactive-form-validation.component.ts +++ b/src/app/data-entries/input-group/reactive-form-validation/reactive-form-validation.component.ts @@ -1,4 +1,4 @@ -import { Component, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, inject } from '@angular/core'; import { FormBuilder, FormControl, FormGroup, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms'; import { IgxHintDirective, IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -16,7 +16,6 @@ interface User selector: 'app-reactive-form-validation', templateUrl: './reactive-form-validation.component.html', styleUrls: ['./reactive-form-validation.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, ReactiveFormsModule, IgxInputGroupComponent, IgxLabelDirective, IgxInputDirective, IgxHintDirective, IgxIconComponent, IgxSuffixDirective, IgxButtonDirective, IgxRippleDirective] }) export class ReactiveFormValidationComponent { diff --git a/src/app/data-entries/input-group/template-driven-form-validation/template-driven-form-validation.component.ts b/src/app/data-entries/input-group/template-driven-form-validation/template-driven-form-validation.component.ts index 31b2dab67c..7ba7e247bd 100644 --- a/src/app/data-entries/input-group/template-driven-form-validation/template-driven-form-validation.component.ts +++ b/src/app/data-entries/input-group/template-driven-form-validation/template-driven-form-validation.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { NgForm, FormsModule } from '@angular/forms'; import { IgxHintDirective, IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -16,7 +16,6 @@ interface User selector: 'app-template-driven-form-validation', templateUrl: './template-driven-form-validation.component.html', styleUrls: ['./template-driven-form-validation.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, IgxInputGroupComponent, IgxLabelDirective, IgxInputDirective, IgxHintDirective, IgxIconComponent, IgxSuffixDirective, IgxButtonDirective, IgxRippleDirective] }) export class TemplateDrivenFormValidationComponent { diff --git a/src/app/data-entries/input-group/typed-form/typed-form.component.ts b/src/app/data-entries/input-group/typed-form/typed-form.component.ts index 2c575748e3..a9d3470306 100644 --- a/src/app/data-entries/input-group/typed-form/typed-form.component.ts +++ b/src/app/data-entries/input-group/typed-form/typed-form.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { FormControl, FormGroup, FormsModule, ReactiveFormsModule } from "@angular/forms"; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; @@ -21,7 +21,6 @@ export interface registrationFormGroup selector: 'app-typed-form', templateUrl: './typed-form.component.html', styleUrls: ['./typed-form.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, ReactiveFormsModule, IgxInputGroupComponent, IgxLabelDirective, IgxInputDirective, IgxDatePickerComponent, IgxPickerToggleComponent, IgxSuffixDirective, IgxIconComponent, IgxButtonDirective, IgxRippleDirective] }) export class TypedFormComponent { diff --git a/src/app/data-entries/radio/radio-group-sample/radio-group-sample.component.ts b/src/app/data-entries/radio/radio-group-sample/radio-group-sample.component.ts index ce4ab816ce..c2b0f8282e 100644 --- a/src/app/data-entries/radio/radio-group-sample/radio-group-sample.component.ts +++ b/src/app/data-entries/radio/radio-group-sample/radio-group-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, inject } from '@angular/core'; import { FormBuilder, FormGroup, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxRadioComponent, IgxRadioGroupDirective } from 'igniteui-angular/radio'; @@ -9,7 +9,6 @@ import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directi selector: 'app-radio-group-sample', styleUrls: ['./radio-group-sample.component.scss'], templateUrl: './radio-group-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, ReactiveFormsModule, IgxInputGroupComponent, IgxInputDirective, IgxRadioGroupDirective, IgxRadioComponent, IgxButtonDirective, IgxRippleDirective, IgxLabelDirective] }) export class RadioGroupSampleComponent { diff --git a/src/app/data-entries/radio/radio-group-vertical/radio-group-vertical.component.ts b/src/app/data-entries/radio/radio-group-vertical/radio-group-vertical.component.ts index ab52bf7bfc..1177232f62 100644 --- a/src/app/data-entries/radio/radio-group-vertical/radio-group-vertical.component.ts +++ b/src/app/data-entries/radio/radio-group-vertical/radio-group-vertical.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxRadioComponent, IgxRadioGroupDirective, RadioGroupAlignment } from 'igniteui-angular/radio'; import { FormsModule } from '@angular/forms'; @@ -6,7 +6,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-radio-group-vertical', styleUrls: ['./radio-group-vertical.component.scss'], templateUrl: './radio-group-vertical.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxRadioGroupDirective, IgxRadioComponent, FormsModule] }) export class RadioGroupVerticalComponent { diff --git a/src/app/data-entries/radio/radio-sample-1/radio-sample-1.component.ts b/src/app/data-entries/radio/radio-sample-1/radio-sample-1.component.ts index bd34f7dc75..9040353575 100644 --- a/src/app/data-entries/radio/radio-sample-1/radio-sample-1.component.ts +++ b/src/app/data-entries/radio/radio-sample-1/radio-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxRadioComponent } from 'igniteui-angular/radio'; import { FormsModule } from '@angular/forms'; @@ -6,7 +6,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-radio-sample-1', styleUrls: ['./radio-sample-1.component.scss'], templateUrl: './radio-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxRadioComponent, FormsModule] }) export class RadioSample1Component { diff --git a/src/app/data-entries/radio/radio-sample-2/radio-sample-2.component.ts b/src/app/data-entries/radio/radio-sample-2/radio-sample-2.component.ts index 4dbcb071d3..b0ca495fd1 100644 --- a/src/app/data-entries/radio/radio-sample-2/radio-sample-2.component.ts +++ b/src/app/data-entries/radio/radio-sample-2/radio-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxRadioComponent } from 'igniteui-angular/radio'; import { FormsModule } from '@angular/forms'; @@ -7,7 +7,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-radio-sample-2', styleUrls: ['./radio-sample-2.component.scss'], templateUrl: './radio-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxRadioComponent, FormsModule] }) export class RadioSample2Component { diff --git a/src/app/data-entries/radio/radio-sample-3/radio-sample-3.component.ts b/src/app/data-entries/radio/radio-sample-3/radio-sample-3.component.ts index d5602a38ae..5ba8c18c3e 100644 --- a/src/app/data-entries/radio/radio-sample-3/radio-sample-3.component.ts +++ b/src/app/data-entries/radio/radio-sample-3/radio-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxRadioComponent } from 'igniteui-angular/radio'; import { FormsModule } from '@angular/forms'; @@ -6,7 +6,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-radio-sample-3', styleUrls: ['./radio-sample-3.component.scss'], templateUrl: './radio-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxRadioComponent, FormsModule] }) export class RadioSample3Component { diff --git a/src/app/data-entries/radio/radio-styling-sample/radio-styling-sample.component.ts b/src/app/data-entries/radio/radio-styling-sample/radio-styling-sample.component.ts index 8ad8b11315..a0382f9229 100644 --- a/src/app/data-entries/radio/radio-styling-sample/radio-styling-sample.component.ts +++ b/src/app/data-entries/radio/radio-styling-sample/radio-styling-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxRadioComponent } from 'igniteui-angular/radio'; import { FormsModule } from '@angular/forms'; @@ -6,7 +6,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-radio-sample-1', styleUrls: ['./radio-styling-sample.component.scss'], templateUrl: './radio-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxRadioComponent, FormsModule] }) export class RadioStylingSampleComponent { diff --git a/src/app/data-entries/radio/radio-tailwind-styling-sample/radio-tailwind-styling-sample.component.ts b/src/app/data-entries/radio/radio-tailwind-styling-sample/radio-tailwind-styling-sample.component.ts index c90bf24315..4618d4de52 100644 --- a/src/app/data-entries/radio/radio-tailwind-styling-sample/radio-tailwind-styling-sample.component.ts +++ b/src/app/data-entries/radio/radio-tailwind-styling-sample/radio-tailwind-styling-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxRadioComponent } from 'igniteui-angular/radio'; import { FormsModule } from '@angular/forms'; @@ -6,7 +6,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-radio-tailwind-styling', styleUrls: ['./radio-tailwind-styling-sample.component.scss'], templateUrl: './radio-tailwind-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxRadioComponent, FormsModule] }) export class RadioTailwindStylingSampleComponent { diff --git a/src/app/data-entries/rating/rating-form/rating-form.component.ts b/src/app/data-entries/rating/rating-form/rating-form.component.ts index aca9918355..821ff3bad1 100644 --- a/src/app/data-entries/rating/rating-form/rating-form.component.ts +++ b/src/app/data-entries/rating/rating-form/rating-form.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgcRatingComponent, defineComponents } from 'igniteui-webcomponents'; import { FormsModule } from '@angular/forms'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; @@ -13,7 +13,6 @@ defineComponents(IgcRatingComponent) selector: 'app-rating-sample', styleUrls: ['./rating-form.component.scss'], templateUrl: './rating-form.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, IgxCardComponent, IgxCardMediaDirective, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardContentDirective, IgxCardHeaderSubtitleDirective, IgcFormControlDirective, IgxCardActionsComponent, IgxButtonDirective, IgxRippleDirective, IgxPrefixDirective, IgxIconButtonDirective, IgxSuffixDirective, IgxIconComponent, CurrencyPipe] }) export class RatingInFormComponent { diff --git a/src/app/data-entries/select/select-header-footer/select-header-footer.component.ts b/src/app/data-entries/select/select-header-footer/select-header-footer.component.ts index 7f91fe9d0d..268780336c 100644 --- a/src/app/data-entries/select/select-header-footer/select-header-footer.component.ts +++ b/src/app/data-entries/select/select-header-footer/select-header-footer.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, ElementRef, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, ElementRef, OnInit, inject } from '@angular/core'; import { IgxSelectComponent, IgxSelectFooterDirective, IgxSelectHeaderDirective, IgxSelectItemComponent } from 'igniteui-angular/select'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -9,7 +9,6 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-select-header-footer', styleUrls: ['select-header-footer.component.scss'], templateUrl: 'select-header-footer.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSelectComponent, IgxLabelDirective, IgxSelectItemComponent, IgxIconComponent, IgxSelectHeaderDirective, IgxButtonGroupComponent, IgxButtonDirective, IgxSelectFooterDirective] }) export class SelectHeaderFooterComponent implements OnInit { diff --git a/src/app/data-entries/select/select-input-directives/select-input-directives.ts b/src/app/data-entries/select/select-input-directives/select-input-directives.ts index 2fda3e6c8e..eed531ced8 100644 --- a/src/app/data-entries/select/select-input-directives/select-input-directives.ts +++ b/src/app/data-entries/select/select-input-directives/select-input-directives.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; import { IgxHintDirective, IgxLabelDirective, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -9,7 +9,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-select-input-directives', styleUrls: ['select-input-directives.scss'], templateUrl: 'select-input-directives.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSelectComponent, FormsModule, IgxLabelDirective, IgxPrefixDirective, IgxSuffixDirective, IgxIconComponent, IgxHintDirective, IgxSelectItemComponent] }) diff --git a/src/app/data-entries/select/select-sample-1/select-sample-1.component.ts b/src/app/data-entries/select/select-sample-1/select-sample-1.component.ts index 82c919bf2c..9b49a87f85 100644 --- a/src/app/data-entries/select/select-sample-1/select-sample-1.component.ts +++ b/src/app/data-entries/select/select-sample-1/select-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -7,7 +7,6 @@ import { IgxLabelDirective } from 'igniteui-angular/input-group'; selector: 'app-select-sample-1', styleUrls: ['select-sample-1.component.scss'], templateUrl: 'select-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSelectComponent, IgxLabelDirective, IgxSelectItemComponent] }) export class SelectSample1Component { diff --git a/src/app/data-entries/select/select-sample-2/select-sample-2.component.ts b/src/app/data-entries/select/select-sample-2/select-sample-2.component.ts index eb60e99022..56e91d9e8e 100644 --- a/src/app/data-entries/select/select-sample-2/select-sample-2.component.ts +++ b/src/app/data-entries/select/select-sample-2/select-sample-2.component.ts @@ -1,5 +1,5 @@ -import { Component, ElementRef, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, ViewChild, inject } from '@angular/core'; import { IgxSelectComponent, IgxSelectGroupComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -9,7 +9,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-select-sample-2', styleUrls: ['select-sample-2.component.scss'], templateUrl: 'select-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSelectComponent, IgxLabelDirective, IgxSelectGroupComponent, IgxSelectItemComponent, IgxIconComponent] }) export class SelectSample2Component { diff --git a/src/app/data-entries/select/select-sample-4/select-sample-4.component.ts b/src/app/data-entries/select/select-sample-4/select-sample-4.component.ts index 72ceb72610..655d3642a8 100644 --- a/src/app/data-entries/select/select-sample-4/select-sample-4.component.ts +++ b/src/app/data-entries/select/select-sample-4/select-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { AbsoluteScrollStrategy, ConnectedPositioningStrategy, HorizontalAlignment, OverlaySettings, PositionSettings, VerticalAlignment } from 'igniteui-angular/core'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -9,7 +9,6 @@ import { scaleInTop, scaleOutBottom } from 'igniteui-angular/animations'; selector: 'app-select-sample-4', styleUrls: ['select-sample-4.component.scss'], templateUrl: 'select-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSelectComponent, IgxLabelDirective, IgxSelectItemComponent] }) export class SelectSample4Component implements OnInit { diff --git a/src/app/data-entries/select/select-styling/select-styling.component.ts b/src/app/data-entries/select/select-styling/select-styling.component.ts index 9b2802eaef..a5ec650acb 100644 --- a/src/app/data-entries/select/select-styling/select-styling.component.ts +++ b/src/app/data-entries/select/select-styling/select-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { AbsoluteScrollStrategy, ConnectedPositioningStrategy, HorizontalAlignment, OverlaySettings, PositionSettings, VerticalAlignment } from 'igniteui-angular/core'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -9,7 +9,6 @@ import { scaleInTop, scaleOutBottom } from 'igniteui-angular/animations'; selector: 'app-select-styling', styleUrls: ['select-styling.component.scss'], templateUrl: 'select-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSelectComponent, IgxLabelDirective, IgxSelectItemComponent] }) export class SelectStylingComponent implements OnInit { diff --git a/src/app/data-entries/select/select-tailwind-styling/select-tailwind-styling.component.ts b/src/app/data-entries/select/select-tailwind-styling/select-tailwind-styling.component.ts index 3e68eb06a1..474ebd00cf 100644 --- a/src/app/data-entries/select/select-tailwind-styling/select-tailwind-styling.component.ts +++ b/src/app/data-entries/select/select-tailwind-styling/select-tailwind-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { AbsoluteScrollStrategy, ConnectedPositioningStrategy, HorizontalAlignment, OverlaySettings, PositionSettings, VerticalAlignment } from 'igniteui-angular/core'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -9,7 +9,6 @@ import { scaleInTop, scaleOutBottom } from 'igniteui-angular/animations'; selector: 'app-select-tailwind-styling', styleUrls: ['select-tailwind-styling.component.scss'], templateUrl: 'select-tailwind-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSelectComponent, IgxLabelDirective, IgxSelectItemComponent] }) export class SelectTailwindStylingComponent implements OnInit { diff --git a/src/app/data-entries/switch/switch-sample-1/switch-sample-1.component.ts b/src/app/data-entries/switch/switch-sample-1/switch-sample-1.component.ts index 4de3869874..906229df20 100644 --- a/src/app/data-entries/switch/switch-sample-1/switch-sample-1.component.ts +++ b/src/app/data-entries/switch/switch-sample-1/switch-sample-1.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @Component({ selector: 'app-switch-sample-1', styleUrls: ['./switch-sample-1.component.scss'], templateUrl: './switch-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent] }) export class SwitchSample1Component { } diff --git a/src/app/data-entries/switch/switch-sample-2/switch-sample-2.component.ts b/src/app/data-entries/switch/switch-sample-2/switch-sample-2.component.ts index 5ff961bc82..54c4e0d49a 100644 --- a/src/app/data-entries/switch/switch-sample-2/switch-sample-2.component.ts +++ b/src/app/data-entries/switch/switch-sample-2/switch-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @@ -6,7 +6,6 @@ import { IgxSwitchComponent } from 'igniteui-angular/switch'; selector: 'app-switch-sample-2', styleUrls: ['./switch-sample-2.component.scss'], templateUrl: './switch-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent] }) export class SwitchSample2Component { diff --git a/src/app/data-entries/switch/switch-styling/switch-styling.component.ts b/src/app/data-entries/switch/switch-styling/switch-styling.component.ts index 5c42c4cb88..31793317e2 100644 --- a/src/app/data-entries/switch/switch-styling/switch-styling.component.ts +++ b/src/app/data-entries/switch/switch-styling/switch-styling.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @Component({ selector: 'app-switch-styling', styleUrls: ['./switch-styling.component.scss'], templateUrl: './switch-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent] }) export class SwitchStylingComponent { diff --git a/src/app/data-entries/switch/switch-tailwind-styling/switch-tailwind-styling.component.ts b/src/app/data-entries/switch/switch-tailwind-styling/switch-tailwind-styling.component.ts index de125441e6..e49904ee31 100644 --- a/src/app/data-entries/switch/switch-tailwind-styling/switch-tailwind-styling.component.ts +++ b/src/app/data-entries/switch/switch-tailwind-styling/switch-tailwind-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @@ -6,7 +6,6 @@ import { IgxSwitchComponent } from 'igniteui-angular/switch'; selector: 'app-switch-tailwind-styling', styleUrls: ['./switch-tailwind-styling.component.scss'], templateUrl: './switch-tailwind-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent] }) export class SwitchTailwindStylingComponent { diff --git a/src/app/grid-lite/grid-lite-column-config-dynamic/grid-lite-column-config-dynamic.component.ts b/src/app/grid-lite/grid-lite-column-config-dynamic/grid-lite-column-config-dynamic.component.ts index e8b3f17598..114085df12 100644 --- a/src/app/grid-lite/grid-lite-column-config-dynamic/grid-lite-column-config-dynamic.component.ts +++ b/src/app/grid-lite/grid-lite-column-config-dynamic/grid-lite-column-config-dynamic.component.ts @@ -1,4 +1,4 @@ -import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject } from '@angular/core'; import { CommonModule } from '@angular/common'; import { IgxButtonDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxCheckboxComponent } from 'igniteui-angular/checkbox'; @@ -28,7 +28,6 @@ defineComponents(IgcRatingComponent); IgxSwitchComponent ], schemas: [CUSTOM_ELEMENTS_SCHEMA], - changeDetection: ChangeDetectionStrategy.Eager, standalone: true }) export class GridLiteColumnConfigDynamicComponent implements OnInit { diff --git a/src/app/grid-lite/grid-lite-column-config-headers/grid-lite-column-config-headers.component.ts b/src/app/grid-lite/grid-lite-column-config-headers/grid-lite-column-config-headers.component.ts index 1980a7b5db..b8e1c1e4a3 100644 --- a/src/app/grid-lite/grid-lite-column-config-headers/grid-lite-column-config-headers.component.ts +++ b/src/app/grid-lite/grid-lite-column-config-headers/grid-lite-column-config-headers.component.ts @@ -1,4 +1,4 @@ -import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject } from '@angular/core'; import { CommonModule } from '@angular/common'; import { defineComponents, IgcRatingComponent } from 'igniteui-webcomponents'; import { GridLiteDataService, ProductInfo } from '../grid-lite-data.service'; @@ -17,7 +17,6 @@ defineComponents(IgcRatingComponent); IgxGridLiteCellTemplateDirective, IgxGridLiteHeaderTemplateDirective ], - changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class GridLiteColumnConfigHeadersComponent implements OnInit { diff --git a/src/app/grid-lite/grid-lite-column-config-simple/grid-lite-column-config-simple.component.ts b/src/app/grid-lite/grid-lite-column-config-simple/grid-lite-column-config-simple.component.ts index 4c28a7c154..84538bf290 100644 --- a/src/app/grid-lite/grid-lite-column-config-simple/grid-lite-column-config-simple.component.ts +++ b/src/app/grid-lite/grid-lite-column-config-simple/grid-lite-column-config-simple.component.ts @@ -1,4 +1,4 @@ -import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject } from '@angular/core'; import { CommonModule } from '@angular/common'; import { defineComponents, IgcRatingComponent } from 'igniteui-webcomponents'; import { GridLiteDataService, ProductInfo } from '../grid-lite-data.service'; @@ -11,7 +11,6 @@ defineComponents(IgcRatingComponent); templateUrl: './grid-lite-column-config-simple.component.html', styleUrls: ['./grid-lite-column-config-simple.component.scss'], imports: [CommonModule, IgxGridLiteComponent, IgxGridLiteColumnComponent, IgxGridLiteCellTemplateDirective], - changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class GridLiteColumnConfigSimpleComponent implements OnInit { diff --git a/src/app/grid-lite/grid-lite-data-binding-dynamic/grid-lite-data-binding-dynamic.component.ts b/src/app/grid-lite/grid-lite-data-binding-dynamic/grid-lite-data-binding-dynamic.component.ts index 4610f15ae4..66d4ae5f89 100644 --- a/src/app/grid-lite/grid-lite-data-binding-dynamic/grid-lite-data-binding-dynamic.component.ts +++ b/src/app/grid-lite/grid-lite-data-binding-dynamic/grid-lite-data-binding-dynamic.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, inject } from '@angular/core'; import { CommonModule } from '@angular/common'; import { GridLiteDataService, ProductInfo, UserSimple } from '../grid-lite-data.service'; import { IgxGridLiteComponent, IgxGridLiteColumnComponent } from 'igniteui-angular/grids/lite'; @@ -8,7 +8,6 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-grid-lite-data-binding-dynamic', templateUrl: './grid-lite-data-binding-dynamic.component.html', styleUrls: ['./grid-lite-data-binding-dynamic.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [ CommonModule, IgxGridLiteComponent, diff --git a/src/app/grid-lite/grid-lite-filtering-events/grid-lite-filtering-events.component.ts b/src/app/grid-lite/grid-lite-filtering-events/grid-lite-filtering-events.component.ts index d38ce4e867..ee3c5b1106 100644 --- a/src/app/grid-lite/grid-lite-filtering-events/grid-lite-filtering-events.component.ts +++ b/src/app/grid-lite/grid-lite-filtering-events/grid-lite-filtering-events.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, inject } from '@angular/core'; import { CommonModule } from '@angular/common'; import { defineComponents, IgcCheckboxComponent } from 'igniteui-webcomponents'; import { GridLiteDataService, User } from '../grid-lite-data.service'; @@ -15,7 +15,6 @@ defineComponents(IgcCheckboxComponent); selector: 'app-grid-lite-filtering-events', templateUrl: './grid-lite-filtering-events.component.html', styleUrls: ['./grid-lite-filtering-events.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [ CommonModule, IgxGridLiteComponent, diff --git a/src/app/grid-lite/grid-lite-filtering-pipeline/grid-lite-filtering-pipeline.component.ts b/src/app/grid-lite/grid-lite-filtering-pipeline/grid-lite-filtering-pipeline.component.ts index d5e43f0db9..887fc8503e 100644 --- a/src/app/grid-lite/grid-lite-filtering-pipeline/grid-lite-filtering-pipeline.component.ts +++ b/src/app/grid-lite/grid-lite-filtering-pipeline/grid-lite-filtering-pipeline.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, inject } from '@angular/core'; import { CommonModule } from '@angular/common'; import { defineComponents, IgcCheckboxComponent, IgcCircularProgressComponent } from 'igniteui-webcomponents'; import { GridLiteDataService, User } from '../grid-lite-data.service'; @@ -12,7 +12,6 @@ defineComponents(IgcCheckboxComponent, IgcCircularProgressComponent); selector: 'app-grid-lite-filtering-pipeline', templateUrl: './grid-lite-filtering-pipeline.component.html', styleUrls: ['./grid-lite-filtering-pipeline.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [ CommonModule, IgxGridLiteComponent, diff --git a/src/app/grid-lite/grid-lite-filtering-simple/grid-lite-filtering-simple.component.ts b/src/app/grid-lite/grid-lite-filtering-simple/grid-lite-filtering-simple.component.ts index 580a33857b..11c7b5d0ba 100644 --- a/src/app/grid-lite/grid-lite-filtering-simple/grid-lite-filtering-simple.component.ts +++ b/src/app/grid-lite/grid-lite-filtering-simple/grid-lite-filtering-simple.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, inject } from '@angular/core'; import { CommonModule } from '@angular/common'; import { defineComponents, IgcCheckboxComponent } from 'igniteui-webcomponents'; import { GridLiteDataService, User } from '../grid-lite-data.service'; @@ -11,7 +11,6 @@ defineComponents(IgcCheckboxComponent); selector: 'app-grid-lite-filtering-simple', templateUrl: './grid-lite-filtering-simple.component.html', styleUrls: ['./grid-lite-filtering-simple.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [ CommonModule, IgxGridLiteComponent, diff --git a/src/app/grid-lite/grid-lite-overview/grid-lite-overview.component.ts b/src/app/grid-lite/grid-lite-overview/grid-lite-overview.component.ts index 9ec35d42ee..35ab9b0ff1 100644 --- a/src/app/grid-lite/grid-lite-overview/grid-lite-overview.component.ts +++ b/src/app/grid-lite/grid-lite-overview/grid-lite-overview.component.ts @@ -1,4 +1,4 @@ -import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject } from '@angular/core'; import { CommonModule } from '@angular/common'; import { defineComponents, @@ -33,7 +33,6 @@ defineComponents( IgxBadgeComponent, IgxChipComponent ], - changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class GridLiteOverviewComponent implements OnInit { diff --git a/src/app/grid-lite/grid-lite-sorting-events/grid-lite-sorting-events.component.ts b/src/app/grid-lite/grid-lite-sorting-events/grid-lite-sorting-events.component.ts index a6dd22e1e4..b3d2585df9 100644 --- a/src/app/grid-lite/grid-lite-sorting-events/grid-lite-sorting-events.component.ts +++ b/src/app/grid-lite/grid-lite-sorting-events/grid-lite-sorting-events.component.ts @@ -1,4 +1,4 @@ -import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject } from '@angular/core'; import { CommonModule } from '@angular/common'; import { defineComponents, IgcRatingComponent } from 'igniteui-webcomponents'; import { GridLiteDataService, ProductInfo } from '../grid-lite-data.service'; @@ -20,7 +20,6 @@ defineComponents(IgcRatingComponent); IgxGridLiteColumnComponent, IgxGridLiteCellTemplateDirective ], - changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class GridLiteSortingEventsComponent implements OnInit { diff --git a/src/app/grid-lite/grid-lite-sorting-grid-config/grid-lite-sorting-grid-config.component.ts b/src/app/grid-lite/grid-lite-sorting-grid-config/grid-lite-sorting-grid-config.component.ts index db4f89b466..73b2fbf61b 100644 --- a/src/app/grid-lite/grid-lite-sorting-grid-config/grid-lite-sorting-grid-config.component.ts +++ b/src/app/grid-lite/grid-lite-sorting-grid-config/grid-lite-sorting-grid-config.component.ts @@ -1,4 +1,4 @@ -import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject, ViewChild, ElementRef, ChangeDetectionStrategy } from '@angular/core'; +import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject, ViewChild, ElementRef } from '@angular/core'; import { CommonModule } from '@angular/common'; import { defineComponents, IgcRatingComponent, IgcSwitchComponent } from 'igniteui-webcomponents'; import { IgcGridLite } from 'igniteui-grid-lite'; @@ -17,7 +17,6 @@ defineComponents(IgcRatingComponent, IgcSwitchComponent); IgxGridLiteColumnComponent, IgxGridLiteCellTemplateDirective ], - changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class GridLiteSortingGridConfigComponent implements OnInit { diff --git a/src/app/grid-lite/grid-lite-sorting-pipeline/grid-lite-sorting-pipeline.component.ts b/src/app/grid-lite/grid-lite-sorting-pipeline/grid-lite-sorting-pipeline.component.ts index 41e74bca9e..f65dbd5fc3 100644 --- a/src/app/grid-lite/grid-lite-sorting-pipeline/grid-lite-sorting-pipeline.component.ts +++ b/src/app/grid-lite/grid-lite-sorting-pipeline/grid-lite-sorting-pipeline.component.ts @@ -1,4 +1,4 @@ -import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, ViewChild, ElementRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, ViewChild, ElementRef, inject } from '@angular/core'; import { CommonModule } from '@angular/common'; import { defineComponents, IgcRatingComponent } from 'igniteui-webcomponents'; import { GridLiteDataService, ProductInfo } from '../grid-lite-data.service'; @@ -18,7 +18,6 @@ defineComponents(IgcRatingComponent); IgxGridLiteCellTemplateDirective, IgxCircularProgressBarComponent ], - changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class GridLiteSortingPipelineComponent implements OnInit { diff --git a/src/app/grid-lite/grid-lite-sorting-simple/grid-lite-sorting-simple.component.ts b/src/app/grid-lite/grid-lite-sorting-simple/grid-lite-sorting-simple.component.ts index 4c4441c4f1..db74d1a4e4 100644 --- a/src/app/grid-lite/grid-lite-sorting-simple/grid-lite-sorting-simple.component.ts +++ b/src/app/grid-lite/grid-lite-sorting-simple/grid-lite-sorting-simple.component.ts @@ -1,4 +1,4 @@ -import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject } from '@angular/core'; import { CommonModule } from '@angular/common'; import { defineComponents, IgcRatingComponent } from 'igniteui-webcomponents'; import { GridLiteDataService, ProductInfo } from '../grid-lite-data.service'; @@ -16,7 +16,6 @@ defineComponents(IgcRatingComponent); IgxGridLiteColumnComponent, IgxGridLiteCellTemplateDirective ], - changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class GridLiteSortingSimpleComponent implements OnInit { diff --git a/src/app/grid-lite/grid-lite-styling-custom/grid-lite-styling-custom.component.ts b/src/app/grid-lite/grid-lite-styling-custom/grid-lite-styling-custom.component.ts index 40b423f95f..427e2ccf14 100644 --- a/src/app/grid-lite/grid-lite-styling-custom/grid-lite-styling-custom.component.ts +++ b/src/app/grid-lite/grid-lite-styling-custom/grid-lite-styling-custom.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, inject, ViewEncapsulation } from '@angular/core'; import { CommonModule } from '@angular/common'; import { defineComponents, IgcSwitchComponent } from 'igniteui-webcomponents'; import { GridLiteDataService, ProductInfo } from '../grid-lite-data.service'; @@ -12,7 +12,6 @@ defineComponents(IgcSwitchComponent); templateUrl: './grid-lite-styling-custom.component.html', styleUrls: ['./grid-lite-styling-custom.component.scss'], encapsulation: ViewEncapsulation.None, - changeDetection: ChangeDetectionStrategy.Eager, imports: [ CommonModule, IgxGridLiteComponent, diff --git a/src/app/grid-lite/grid-lite-styling-themes/grid-lite-styling-themes.component.ts b/src/app/grid-lite/grid-lite-styling-themes/grid-lite-styling-themes.component.ts index 8541ff8298..191b0e613c 100644 --- a/src/app/grid-lite/grid-lite-styling-themes/grid-lite-styling-themes.component.ts +++ b/src/app/grid-lite/grid-lite-styling-themes/grid-lite-styling-themes.component.ts @@ -1,4 +1,4 @@ -import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject } from '@angular/core'; import { CommonModule } from '@angular/common'; import { defineComponents, IgcRatingComponent, IgcSelectComponent, IgcSelectItemComponent } from 'igniteui-webcomponents'; import { GridLiteDataService, ProductInfo } from '../grid-lite-data.service'; @@ -18,7 +18,6 @@ defineComponents(IgcRatingComponent); IgxSelectComponent, IgxSelectItemComponent ], - changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class GridLiteStylingThemesComponent implements OnInit { diff --git a/src/app/grid/column-group-selection-sample/column-group-selection-sample.component.ts b/src/app/grid/column-group-selection-sample/column-group-selection-sample.component.ts index 7fd65ac9fa..0ee74e32c6 100644 --- a/src/app/grid/column-group-selection-sample/column-group-selection-sample.component.ts +++ b/src/app/grid/column-group-selection-sample/column-group-selection-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { DATA } from '../../data/customers'; @@ -7,7 +7,6 @@ import { DATA } from '../../data/customers'; selector: 'app-gird-column-group-selection', templateUrl: './column-group-selection-sample.component.html', styleUrls: ['./column-group-selection-sample.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxColumnGroupComponent, IgxColumnComponent] }) export class GridColumnGroupSelectionComponent implements OnInit, AfterViewInit { diff --git a/src/app/grid/column-selection-sample/column-selection-sample.component.ts b/src/app/grid/column-selection-sample/column-selection-sample.component.ts index 486e237ccc..0a5d9f3742 100644 --- a/src/app/grid/column-selection-sample/column-selection-sample.component.ts +++ b/src/app/grid/column-selection-sample/column-selection-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; @@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-grid-column-selection', templateUrl: './column-selection-sample.component.html', styleUrls: ['./column-selection-sample.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxGridToolbarComponent, IgxSelectComponent, FormsModule, IgxLabelDirective, IgxSelectItemComponent, IgxColumnComponent] }) export class GridColumnSelectionComponent implements OnInit, AfterViewInit { diff --git a/src/app/grid/column-selection-styles/column-selection-styles.component.ts b/src/app/grid/column-selection-styles/column-selection-styles.component.ts index bc09f761c2..42275d8c09 100644 --- a/src/app/grid/column-selection-styles/column-selection-styles.component.ts +++ b/src/app/grid/column-selection-styles/column-selection-styles.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { DATA } from '../../data/customers'; @@ -7,7 +7,6 @@ import { DATA } from '../../data/customers'; selector: 'app-gird-column-selection-styles', templateUrl: './column-selection-styles.component.html', styleUrls: ['./column-selection-styles.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxColumnComponent] }) export class GridColumnSelectionStylesComponent implements OnInit, AfterViewInit { diff --git a/src/app/grid/custom-grid-paging-style/custom-grid-paging-style.component.ts b/src/app/grid/custom-grid-paging-style/custom-grid-paging-style.component.ts index 55cb75c345..146c54c3bd 100644 --- a/src/app/grid/custom-grid-paging-style/custom-grid-paging-style.component.ts +++ b/src/app/grid/custom-grid-paging-style/custom-grid-paging-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, OnInit } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -12,7 +12,6 @@ import { DecimalPipe } from '@angular/common'; selector: 'app-custom-grid-paging-style-sample', styleUrls: ['custom-grid-paging-style.component.scss'], templateUrl: 'custom-grid-paging-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxIconButtonDirective, IgxIconComponent, DecimalPipe] }) diff --git a/src/app/grid/grid-action-strip/grid-action-strip-sample.ts b/src/app/grid/grid-action-strip/grid-action-strip-sample.ts index faacb71c40..2d907fd158 100644 --- a/src/app/grid/grid-action-strip/grid-action-strip-sample.ts +++ b/src/app/grid/grid-action-strip/grid-action-strip-sample.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, IgxGridPinningActionsComponent, RowType } from 'igniteui-angular/grids/core'; import { Transaction } from 'igniteui-angular/core'; @@ -13,7 +13,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-row-action-strip', styleUrls: [`grid-action-strip-sample.scss`], templateUrl: 'grid-action-strip-sample.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxActionStripComponent, IgxGridPinningActionsComponent, IgxIconButtonDirective, IgxRippleDirective, IgxIconComponent] }) export class GridActionStripSampleComponent { diff --git a/src/app/grid/grid-add-row-sample/grid-add-row-sample.component.ts b/src/app/grid/grid-add-row-sample/grid-add-row-sample.component.ts index c1c3e125d3..0c5464b7b1 100644 --- a/src/app/grid/grid-add-row-sample/grid-add-row-sample.component.ts +++ b/src/app/grid/grid-add-row-sample/grid-add-row-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { DATA } from '../../data/nwindData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellEditorTemplateDirective, IgxColumnComponent, IgxGridEditingActionsComponent } from 'igniteui-angular/grids/core'; @@ -11,7 +11,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-grid-add-row', styleUrls: [`grid-add-row-sample.component.scss`], templateUrl: 'grid-add-row-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxColumnComponent, IgxCellEditorTemplateDirective, IgxInputGroupComponent, FormsModule, IgxInputDirective, IgxFocusDirective, IgxActionStripComponent, IgxGridEditingActionsComponent] }) export class GridAddRowSampleComponent { diff --git a/src/app/grid/grid-advanced-filtering-sample/grid-advanced-filtering-sample.component.ts b/src/app/grid/grid-advanced-filtering-sample/grid-advanced-filtering-sample.component.ts index 27f0e80043..c231d962a1 100644 --- a/src/app/grid/grid-advanced-filtering-sample/grid-advanced-filtering-sample.component.ts +++ b/src/app/grid/grid-advanced-filtering-sample/grid-advanced-filtering-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { DATA } from '../../data/nwindData'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-advanced-filtering-sample', styleUrls: ['./grid-advanced-filtering-sample.component.scss'], templateUrl: 'grid-advanced-filtering-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxColumnComponent, IgxCellTemplateDirective] }) export class GridAdvancedFilteringSampleComponent implements OnInit { diff --git a/src/app/grid/grid-advanced-filtering-style/grid-advanced-filtering-style.component.ts b/src/app/grid/grid-advanced-filtering-style/grid-advanced-filtering-style.component.ts index a95d482eed..9c1c045e63 100644 --- a/src/app/grid/grid-advanced-filtering-style/grid-advanced-filtering-style.component.ts +++ b/src/app/grid/grid-advanced-filtering-style/grid-advanced-filtering-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { DATA } from '../../data/nwindData'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-adf-style-sample', styleUrls: ['./grid-advanced-filtering-style.component.scss'], templateUrl: 'grid-advanced-filtering-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxColumnComponent, IgxCellTemplateDirective] }) export class GridAdvancedFilteringStyleComponent implements OnInit { diff --git a/src/app/grid/grid-allData-summary/grid-allData-summary.component.ts b/src/app/grid/grid-allData-summary/grid-allData-summary.component.ts index 6aff18516d..436500c7a0 100644 --- a/src/app/grid/grid-allData-summary/grid-allData-summary.component.ts +++ b/src/app/grid/grid-allData-summary/grid-allData-summary.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxSummaryResult } from 'igniteui-angular/core'; @@ -37,7 +37,6 @@ class DiscontinuedSummary { selector: 'app-grid-all-data-summary', styleUrls: ['./grid-allData-summary.component.scss'], templateUrl: './grid-allData-summary.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent] }) export class GridAllDataSummaryComponent { diff --git a/src/app/grid/grid-batch-editing/grid-batch-editing-sample.component.ts b/src/app/grid/grid-batch-editing/grid-batch-editing-sample.component.ts index 125377bc99..ea0aa1f83b 100644 --- a/src/app/grid/grid-batch-editing/grid-batch-editing-sample.component.ts +++ b/src/app/grid/grid-batch-editing/grid-batch-editing-sample.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { Transaction } from 'igniteui-angular/core'; @@ -14,7 +14,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-row-edit', styleUrls: [`grid-batch-editing-sample.component.scss`], templateUrl: 'grid-batch-editing-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxButtonDirective, IgxDialogComponent] }) export class GridBatchEditingSampleComponent implements OnInit { diff --git a/src/app/grid/grid-batchEditing-remotePaging/batch-editing-remote-paging.component.ts b/src/app/grid/grid-batchEditing-remotePaging/batch-editing-remote-paging.component.ts index 3c4da99b53..1974cd23a4 100644 --- a/src/app/grid/grid-batchEditing-remotePaging/batch-editing-remote-paging.component.ts +++ b/src/app/grid/grid-batchEditing-remotePaging/batch-editing-remote-paging.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { AfterViewInit, Component, OnDestroy, OnInit, ViewChild, ViewEncapsulation, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, OnDestroy, OnInit, ViewChild, ViewEncapsulation, inject } from '@angular/core'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { Transaction } from 'igniteui-angular/core'; @@ -17,7 +17,6 @@ import { AsyncPipe } from '@angular/common'; selector: 'app-remote-paging-batch-editing', styleUrls: ['./batch-editing-remote-paging.component.scss'], templateUrl: './batch-editing-remote-paging.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxPaginatorContentDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxButtonDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxDialogComponent, AsyncPipe] }) export class RemotePagingBatchEditingComponent implements OnInit, AfterViewInit, OnDestroy { diff --git a/src/app/grid/grid-cascading-combos/grid-cascading-combos.component.ts b/src/app/grid/grid-cascading-combos/grid-cascading-combos.component.ts index f52e1b12f6..1d62db2353 100644 --- a/src/app/grid/grid-cascading-combos/grid-cascading-combos.component.ts +++ b/src/app/grid/grid-cascading-combos/grid-cascading-combos.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, QueryList, ViewChildren, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, QueryList, ViewChildren } from '@angular/core'; import { ISimpleComboSelectionChangingEventArgs, IgxSimpleComboComponent } from 'igniteui-angular/simple-combo'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -13,7 +13,6 @@ import { FormsModule } from '@angular/forms'; selector: 'grid-cascading-combos', templateUrl: './grid-cascading-combos.component.html', styleUrls: ['./grid-cascading-combos.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxSimpleComboComponent, FormsModule, IgxLinearProgressBarComponent] }) export class GridCascadingCombosComponent implements OnInit { diff --git a/src/app/grid/grid-cell-merge-custom-sample/grid-cell-merge-custom-sample.component.ts b/src/app/grid/grid-cell-merge-custom-sample/grid-cell-merge-custom-sample.component.ts index 15191291cb..57430872d7 100644 --- a/src/app/grid/grid-cell-merge-custom-sample/grid-cell-merge-custom-sample.component.ts +++ b/src/app/grid/grid-cell-merge-custom-sample/grid-cell-merge-custom-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, ViewEncapsulation } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { GridCellMergeMode, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { DefaultMergeStrategy } from 'igniteui-angular/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-cell-merge-custom-sample', styleUrls: ['./grid-cell-merge-custom-sample.component.scss'], templateUrl: './grid-cell-merge-custom-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxGridComponent, IgxPreventDocumentScrollDirective, diff --git a/src/app/grid/grid-cell-merge-sample/grid-cell-merge-sample.component.ts b/src/app/grid/grid-cell-merge-sample/grid-cell-merge-sample.component.ts index a398178409..fbe6ef9b2a 100644 --- a/src/app/grid/grid-cell-merge-sample/grid-cell-merge-sample.component.ts +++ b/src/app/grid/grid-cell-merge-sample/grid-cell-merge-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, ViewEncapsulation } from '@angular/core'; import { GridCellMergeMode, GridSelectionMode, IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; @@ -13,7 +13,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-grid-groupby-sample', styleUrls: ['./grid-cell-merge-sample.component.scss'], templateUrl: './grid-cell-merge-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxGridComponent, IgxPreventDocumentScrollDirective, diff --git a/src/app/grid/grid-cellSelection-sample/grid-cellSelection.component.ts b/src/app/grid/grid-cellSelection-sample/grid-cellSelection.component.ts index d114054b0e..114a441c15 100644 --- a/src/app/grid/grid-cellSelection-sample/grid-cellSelection.component.ts +++ b/src/app/grid/grid-cellSelection-sample/grid-cellSelection.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnInit, Renderer2, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, OnInit, Renderer2, ViewChild, inject } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; @@ -13,7 +13,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-cell-selection', styleUrls: ['./grid-cellSelection.component.scss'], templateUrl: 'grid-cellSelection.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxButtonDirective, IgxIconComponent, IgxSnackbarComponent] }) export class GridCellSelectionComponent implements OnInit { diff --git a/src/app/grid/grid-clipboard-operations-sample/grid-clipboard-operations-sample.component.ts b/src/app/grid/grid-clipboard-operations-sample/grid-clipboard-operations-sample.component.ts index 7b10978dd3..a0ce4801ee 100644 --- a/src/app/grid/grid-clipboard-operations-sample/grid-clipboard-operations-sample.component.ts +++ b/src/app/grid/grid-clipboard-operations-sample/grid-clipboard-operations-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { DATA } from '../../data/nwindData'; import { IgxHintDirective, IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -13,7 +13,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-clipboard-operations-sample', styleUrls: ['grid-clipboard-operations-sample.component.scss'], templateUrl: './grid-clipboard-operations-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxIconComponent, IgxHintDirective, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxSwitchComponent, IgxButtonDirective] }) export class GridClipboardSampleComponent { diff --git a/src/app/grid/grid-collapsible-columnGroups/grid-collapsible-column-groups.component.ts b/src/app/grid/grid-collapsible-columnGroups/grid-collapsible-column-groups.component.ts index cf008782eb..2e029298ab 100644 --- a/src/app/grid/grid-collapsible-columnGroups/grid-collapsible-column-groups.component.ts +++ b/src/app/grid/grid-collapsible-columnGroups/grid-collapsible-column-groups.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxCollapsibleIndicatorTemplateDirective, IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -11,7 +11,6 @@ import { DatePipe } from '@angular/common'; selector: 'app-grid-collapsible-column-groups', styleUrls: ['./grid-collapsible-column-groups.component.scss'], templateUrl: './grid-collapsible-column-groups.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnGroupComponent, IgxCollapsibleIndicatorTemplateDirective, IgxIconComponent, IgxTooltipTargetDirective, IgxTooltipDirective, IgxColumnComponent, IgxCellTemplateDirective, DatePipe] }) export class GridCollapsibleColumnGroupsComponent implements OnInit { diff --git a/src/app/grid/grid-column-autosizing/grid-column-autosizing.component.ts b/src/app/grid/grid-column-autosizing/grid-column-autosizing.component.ts index 84e2cab537..31f3c456c4 100644 --- a/src/app/grid/grid-column-autosizing/grid-column-autosizing.component.ts +++ b/src/app/grid/grid-column-autosizing/grid-column-autosizing.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { DATA } from '../../data/customers'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'grid-column-autosizing-sample', styleUrls: ['./grid-column-autosizing.component.scss'], templateUrl: 'grid-column-autosizing.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) diff --git a/src/app/grid/grid-column-data-types-sample/grid-column-data-types-sample.component.ts b/src/app/grid/grid-column-data-types-sample/grid-column-data-types-sample.component.ts index 655417e4da..269105ac51 100644 --- a/src/app/grid/grid-column-data-types-sample/grid-column-data-types-sample.component.ts +++ b/src/app/grid/grid-column-data-types-sample/grid-column-data-types-sample.component.ts @@ -1,5 +1,5 @@ /*eslint-disable*/ -import { Component, OnInit, ChangeDetectionStrategy } from "@angular/core"; +import { Component, OnInit } from "@angular/core"; import { registerLocaleData, NgClass } from "@angular/common"; import localeBG from '@angular/common/locales/bg'; import localeDE from '@angular/common/locales/de'; @@ -18,7 +18,6 @@ import { IgxPreventDocumentScrollDirective } from "../../directives/prevent-scro selector: "grid-column-data-types-sample", styleUrls: ["./grid-column-data-types-sample.component.scss"], templateUrl: "grid-column-data-types-sample.component.html", - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSelectComponent, FormsModule, IgxPrefixDirective, IgxSelectItemComponent, IgxHintDirective, IgxSuffixDirective, IgxIconComponent, IgxInputGroupComponent, IgxTooltipTargetDirective, IgxTooltipDirective, IgxInputDirective, NgClass, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class GridColumnDataTypesSampleComponent implements OnInit { diff --git a/src/app/grid/grid-column-hiding-sample/grid-column-hiding-sample.component.ts b/src/app/grid/grid-column-hiding-sample/grid-column-hiding-sample.component.ts index 3698558269..03ed9b2924 100644 --- a/src/app/grid/grid-column-hiding-sample/grid-column-hiding-sample.component.ts +++ b/src/app/grid/grid-column-hiding-sample/grid-column-hiding-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { DATA } from '../../data/customers'; import { IgxColumnActionsComponent, IgxColumnComponent, IgxColumnHidingDirective } from 'igniteui-angular/grids/core'; import { IgxRadioComponent } from 'igniteui-angular/radio'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-column-hiding-sample', styleUrls: ['./grid-column-hiding-sample.component.scss'], templateUrl: './grid-column-hiding-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxColumnActionsComponent, IgxColumnHidingDirective, IgxRadioComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class GridColumnHidingSampleComponent implements OnInit { diff --git a/src/app/grid/grid-column-hiding-toolbar-sample/grid-column-hiding-toolbar-sample.component.ts b/src/app/grid/grid-column-hiding-toolbar-sample/grid-column-hiding-toolbar-sample.component.ts index 3092ef5e0f..dbf5fa42bd 100644 --- a/src/app/grid/grid-column-hiding-toolbar-sample/grid-column-hiding-toolbar-sample.component.ts +++ b/src/app/grid/grid-column-hiding-toolbar-sample/grid-column-hiding-toolbar-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, OnInit } from '@angular/core'; import { DATA } from '../../data/customers'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-column-hiding-toolbar-sample', styleUrls: ['./grid-column-hiding-toolbar-sample.component.scss'], templateUrl: './grid-column-hiding-toolbar-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxColumnComponent] }) export class GridColumnHidingToolbarSampleComponent implements OnInit { diff --git a/src/app/grid/grid-column-hiding-toolbar-style/grid-column-hiding-toolbar-style.component.ts b/src/app/grid/grid-column-hiding-toolbar-style/grid-column-hiding-toolbar-style.component.ts index 52600901c4..fdc256034a 100644 --- a/src/app/grid/grid-column-hiding-toolbar-style/grid-column-hiding-toolbar-style.component.ts +++ b/src/app/grid/grid-column-hiding-toolbar-style/grid-column-hiding-toolbar-style.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, OnInit } from '@angular/core'; import { DATA } from '../../data/customers'; import { IgxColumnActionsComponent, IgxColumnComponent, IgxColumnHidingDirective } from 'igniteui-angular/grids/core'; import { IgxRadioComponent } from 'igniteui-angular/radio'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-column-hiding-toolbar-style', styleUrls: ['./grid-column-hiding-toolbar-style.component.scss'], templateUrl: './grid-column-hiding-toolbar-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxColumnActionsComponent, IgxColumnHidingDirective, IgxRadioComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class GridColumnHidingToolbarStyleComponent implements OnInit { diff --git a/src/app/grid/grid-composite-data-binding/grid-composite-data.component.ts b/src/app/grid/grid-composite-data-binding/grid-composite-data.component.ts index 8f0b262dfc..e2c48d7891 100644 --- a/src/app/grid/grid-composite-data-binding/grid-composite-data.component.ts +++ b/src/app/grid/grid-composite-data-binding/grid-composite-data.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { DATA } from '../../data/customers'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellEditorTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-grid-composite-data', styleUrls: ['./grid-composite-data.component.scss'], templateUrl: './grid-composite-data.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxCellEditorTemplateDirective, IgxInputGroupComponent, FormsModule, IgxInputDirective] }) export class GridCompositeDataComponent implements OnInit { diff --git a/src/app/grid/grid-conditional-cell-style-2/grid-conditional-cell-style-2.component.ts b/src/app/grid/grid-conditional-cell-style-2/grid-conditional-cell-style-2.component.ts index f226e9d31e..9c40fac6cc 100644 --- a/src/app/grid/grid-conditional-cell-style-2/grid-conditional-cell-style-2.component.ts +++ b/src/app/grid/grid-conditional-cell-style-2/grid-conditional-cell-style-2.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxHintDirective, IgxInputDirective, IgxInputGroupComponent } from 'igniteui-angular/input-group'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -10,7 +10,6 @@ import { JsonPipe } from '@angular/common'; selector: 'app-grid-conditional-cell-style-2', styleUrls: ['./grid-conditional-cell-style-2.component.scss'], templateUrl: './grid-conditional-cell-style-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxInputDirective, IgxHintDirective, IgxButtonDirective, IgxGridComponent, IgxColumnComponent, JsonPipe] }) export class GridConditionalCellStyle2Component implements OnInit { diff --git a/src/app/grid/grid-conditional-cell-style/grid-conditional-cell-style.component.ts b/src/app/grid/grid-conditional-cell-style/grid-conditional-cell-style.component.ts index ee5b27e8ba..01b1d7f58d 100644 --- a/src/app/grid/grid-conditional-cell-style/grid-conditional-cell-style.component.ts +++ b/src/app/grid/grid-conditional-cell-style/grid-conditional-cell-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { athletesData } from '../../data/athletesData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { DecimalPipe, PercentPipe } from '@angular/common'; selector: 'app-grid-conditional-cell-style', styleUrls: ['./grid-conditional-cell-style.component.scss'], templateUrl: './grid-conditional-cell-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, DecimalPipe, PercentPipe] }) export class GridConditionalCellStyleComponent implements OnInit { diff --git a/src/app/grid/grid-conditional-row-selectors/grid-conditional-row-selectors-sample.component.ts b/src/app/grid/grid-conditional-row-selectors/grid-conditional-row-selectors-sample.component.ts index 5291b3d0b7..c592c5414a 100644 --- a/src/app/grid/grid-conditional-row-selectors/grid-conditional-row-selectors-sample.component.ts +++ b/src/app/grid/grid-conditional-row-selectors/grid-conditional-row-selectors-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IRowSelectionEventArgs, IgxColumnComponent, IgxRowSelectorDirective } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-conditional-row-selectors', styleUrls: ['./grid-conditional-row-selectors-sample.component.scss'], templateUrl: 'grid-conditional-row-selectors-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxRowSelectorDirective, IgxCheckboxComponent] }) diff --git a/src/app/grid/grid-contextmenu-sample/contextmenu/contextmenu.component.ts b/src/app/grid/grid-contextmenu-sample/contextmenu/contextmenu.component.ts index 36ee82e408..633e88b0e7 100644 --- a/src/app/grid/grid-contextmenu-sample/contextmenu/contextmenu.component.ts +++ b/src/app/grid/grid-contextmenu-sample/contextmenu/contextmenu.component.ts @@ -1,4 +1,4 @@ -import { Component, EventEmitter, Input, Output, DOCUMENT, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, EventEmitter, Input, Output, DOCUMENT, inject } from '@angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { NgStyle } from '@angular/common'; @@ -9,7 +9,6 @@ interface ICopyData { selector: 'app-contextmenu', styleUrls: ['./contextmenu.component.scss'], templateUrl: './contextmenu.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [NgStyle, IgxIconComponent] }) export class ContextmenuComponent { diff --git a/src/app/grid/grid-contextmenu-sample/grid-contextmenu-sample.component.ts b/src/app/grid/grid-contextmenu-sample/grid-contextmenu-sample.component.ts index ad41e08022..4598a62b3d 100644 --- a/src/app/grid/grid-contextmenu-sample/grid-contextmenu-sample.component.ts +++ b/src/app/grid/grid-contextmenu-sample/grid-contextmenu-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { DefaultSortingStrategy, SortingDirection } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -11,7 +11,6 @@ import { ContextmenuComponent } from './contextmenu/contextmenu.component'; selector: 'app-grid-contextmenu-sample', styleUrls: ['./grid-contextmenu-sample.component.scss'], templateUrl: './grid-contextmenu-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, ContextmenuComponent] }) diff --git a/src/app/grid/grid-crud-sample/crud-sample.component.ts b/src/app/grid/grid-crud-sample/crud-sample.component.ts index 89adb71873..2bee5d889e 100644 --- a/src/app/grid/grid-crud-sample/crud-sample.component.ts +++ b/src/app/grid/grid-crud-sample/crud-sample.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, OnInit, ViewChild, OnDestroy, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, OnInit, ViewChild, OnDestroy, inject } from '@angular/core'; import { GridPagingMode, IGridEditDoneEventArgs, IRowDataEventArgs, IgxColumnComponent, IgxGridEditingActionsComponent, IgxGridRow } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; @@ -15,7 +15,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-crud-sample', styleUrls: ['./crud-sample.component.scss'], templateUrl: './crud-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxActionStripComponent, IgxGridEditingActionsComponent, IgxSnackbarComponent] }) export class CRUDSampleComponent implements OnInit, OnDestroy { diff --git a/src/app/grid/grid-custom-filtering/grid-custom-filtering.component.ts b/src/app/grid/grid-custom-filtering/grid-custom-filtering.component.ts index 95f52639fd..e54d180cc1 100644 --- a/src/app/grid/grid-custom-filtering/grid-custom-filtering.component.ts +++ b/src/app/grid/grid-custom-filtering/grid-custom-filtering.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { IFilteringOperation, IgxBooleanFilteringOperand, IgxStringFilteringOperand } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-grid-custom-filtering', styleUrls: ['./grid-custom-filtering.component.scss'], templateUrl: './grid-custom-filtering.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, CurrencyPipe] }) export class GridCustomFilteringComponent implements OnInit { diff --git a/src/app/grid/grid-custom-kb-navigation/grid-custom-kb-navigation-sample.component.ts b/src/app/grid/grid-custom-kb-navigation/grid-custom-kb-navigation-sample.component.ts index c79a831dd5..728efea2ec 100644 --- a/src/app/grid/grid-custom-kb-navigation/grid-custom-kb-navigation-sample.component.ts +++ b/src/app/grid/grid-custom-kb-navigation/grid-custom-kb-navigation-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { CellType, GridSelectionMode, IGridKeydownEventArgs, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-custom-kb-navigation-sample', styleUrls: ['./grid-custom-kb-navigation-sample.component.scss'], templateUrl: 'grid-custom-kb-navigation-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent] }) diff --git a/src/app/grid/grid-custom-remote-paging-sample/custom-remote-paging-sample.component.ts b/src/app/grid/grid-custom-remote-paging-sample/custom-remote-paging-sample.component.ts index 7f7156a5d3..8dda9fc3a8 100644 --- a/src/app/grid/grid-custom-remote-paging-sample/custom-remote-paging-sample.component.ts +++ b/src/app/grid/grid-custom-remote-paging-sample/custom-remote-paging-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnDestroy, OnInit, TemplateRef, ViewChild, ViewEncapsulation, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, OnDestroy, OnInit, TemplateRef, ViewChild, ViewEncapsulation, inject } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxPaginatorComponent, IgxPaginatorContentDirective } from 'igniteui-angular/paginator'; @@ -14,7 +14,6 @@ import { RouterLink } from '@angular/router'; selector: 'app-custom-remote-paging-grid-sample', styleUrls: ['./custom-remote-paging-sample.component.scss'], templateUrl: './custom-remote-paging-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxPaginatorComponent, IgxPaginatorContentDirective, IgxButtonDirective, RouterLink, AsyncPipe] }) export class CustomRemotePagingGridSampleComponent implements OnInit, AfterViewInit, OnDestroy { diff --git a/src/app/grid/grid-custom-summaries-selection/grid-custom-summaries-selection.component.ts b/src/app/grid/grid-custom-summaries-selection/grid-custom-summaries-selection.component.ts index 68dd5a050a..ba647ff4fc 100644 --- a/src/app/grid/grid-custom-summaries-selection/grid-custom-summaries-selection.component.ts +++ b/src/app/grid/grid-custom-summaries-selection/grid-custom-summaries-selection.component.ts @@ -1,5 +1,5 @@ import { formatDate } from '@angular/common'; -import { AfterViewInit, Component, ViewChild, OnInit, ChangeDetectorRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, ViewChild, OnInit, ChangeDetectorRef, inject } from '@angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxDateSummaryOperand, IgxGridFooterComponent, IgxNumberSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxSummaryResult } from 'igniteui-angular/core'; @@ -36,7 +36,6 @@ class MySummary { selector: 'app-grid-sample', styleUrls: ['./grid-custom-summaries-selection.component.scss'], templateUrl: 'grid-custom-summaries-selection.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxGridFooterComponent] }) diff --git a/src/app/grid/grid-disable-summaries/grid-disable-summaries.component.ts b/src/app/grid/grid-disable-summaries/grid-disable-summaries.component.ts index 4f9bf07b09..ca61973f5c 100644 --- a/src/app/grid/grid-disable-summaries/grid-disable-summaries.component.ts +++ b/src/app/grid/grid-disable-summaries/grid-disable-summaries.component.ts @@ -148,7 +148,6 @@ class DiscontinuedSummary { selector: "app-grid-summary-sample", styleUrls: ["./grid-disable-summaries.component.scss"], templateUrl: "grid-disable-summaries.component.html", - changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxGridComponent, IgxPreventDocumentScrollDirective, diff --git a/src/app/grid/grid-displaydensity-sample/grid-displaydensity-sample.component.ts b/src/app/grid/grid-displaydensity-sample/grid-displaydensity-sample.component.ts index 7c39b84724..296ce7158d 100644 --- a/src/app/grid/grid-displaydensity-sample/grid-displaydensity-sample.component.ts +++ b/src/app/grid/grid-displaydensity-sample/grid-displaydensity-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostBinding, OnInit, ViewChild } from '@angular/core'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxColumnGroupComponent, IgxNumberSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; @@ -27,7 +27,6 @@ class CustomNumberSummary { selector: 'app-grid-displaydensity-sample', styleUrls: ['./grid-displaydensity-sample.component.scss'], templateUrl: './grid-displaydensity-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnGroupComponent, IgxColumnComponent, IgxCellTemplateDirective, DatePipe] }) export class GridDisplayDensitySampleComponent implements OnInit { diff --git a/src/app/grid/grid-drop-indicator/grid-drop-indicator.ts b/src/app/grid/grid-drop-indicator/grid-drop-indicator.ts index d9a72171f4..962a41ec2c 100644 --- a/src/app/grid/grid-drop-indicator/grid-drop-indicator.ts +++ b/src/app/grid/grid-drop-indicator/grid-drop-indicator.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, AfterViewInit, OnDestroy, Renderer2, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, AfterViewInit, OnDestroy, Renderer2, inject } from '@angular/core'; import { IDragMoveEventArgs, IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IRowDragStartEventArgs, IgxColumnComponent, IgxRowDirective } from 'igniteui-angular/grids/core'; @@ -12,7 +12,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-drop-indicator', styleUrls: ['grid-drop-indicator.scss'], templateUrl: 'grid-drop-indicator.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxDropDirective, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class GridDropIndicatorComponent implements AfterViewInit, OnDestroy { diff --git a/src/app/grid/grid-editing-events/grid-editing-events.component.ts b/src/app/grid/grid-editing-events/grid-editing-events.component.ts index 249ca44913..6a3e55586c 100644 --- a/src/app/grid/grid-editing-events/grid-editing-events.component.ts +++ b/src/app/grid/grid-editing-events/grid-editing-events.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { NgModel } from '@angular/forms'; import { IGridEditEventArgs, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-editing-event', templateUrl: 'grid-editing-events.component.html', styleUrls: ['grid-editing-events.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxToastComponent] }) export class GridEditingEventsComponent implements OnInit { diff --git a/src/app/grid/grid-editing-excel-style/grid-editing-excel-style.component.ts b/src/app/grid/grid-editing-excel-style/grid-editing-excel-style.component.ts index 4bd962e0dd..d275792c9e 100644 --- a/src/app/grid/grid-editing-excel-style/grid-editing-excel-style.component.ts +++ b/src/app/grid/grid-editing-excel-style/grid-editing-excel-style.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { Transaction } from 'igniteui-angular/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-excel-style-editing-sample', styleUrls: [`grid-editing-excel-style.component.scss`], templateUrl: 'grid-editing-excel-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class GridExcelStyleEditingComponent implements OnInit { diff --git a/src/app/grid/grid-editing-lifecycle-sample/grid-editing-lifecycle.component.ts b/src/app/grid/grid-editing-lifecycle-sample/grid-editing-lifecycle.component.ts index 281f4e2b0e..acd05a4c4f 100644 --- a/src/app/grid/grid-editing-lifecycle-sample/grid-editing-lifecycle.component.ts +++ b/src/app/grid/grid-editing-lifecycle-sample/grid-editing-lifecycle.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, Renderer2, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, Renderer2, ViewChild, inject } from '@angular/core'; import { contains } from '@igniteui/material-icons-extended'; import { DATA } from '../../data/nwindData'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @@ -12,7 +12,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-editing-lifecycle', templateUrl: 'grid-editing-lifecycle.component.html', styleUrls: ['grid-editing-lifecycle.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxButtonDirective, IgxIconComponent] }) export class GridEditingLifecycleComponent { diff --git a/src/app/grid/grid-editing-sample/grid-editing-sample.component.ts b/src/app/grid/grid-editing-sample/grid-editing-sample.component.ts index 700703c1d1..fabd81d2e1 100644 --- a/src/app/grid/grid-editing-sample/grid-editing-sample.component.ts +++ b/src/app/grid/grid-editing-sample/grid-editing-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, OnInit, ViewChild } from '@angular/core'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxSummaryResult, VerticalAlignment } from 'igniteui-angular/core'; @@ -42,7 +42,6 @@ class NumberSummary { selector: 'app-grid-editing-sample', styleUrls: ['./grid-editing-sample.component.scss'], templateUrl: './grid-editing-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxGridToolbarComponent, IgxButtonDirective, IgxIconComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxCellEditorTemplateDirective, FormsModule, IgxComboComponent, IgxFocusDirective, IgxIconButtonDirective, IgxToastComponent, IgxDialogComponent, IgxInputGroupComponent, IgxLabelDirective, IgxInputDirective, IgxDatePickerComponent, IgxCheckboxComponent, DatePipe] }) export class GridEditingSampleComponent implements OnInit, AfterViewInit { diff --git a/src/app/grid/grid-editing-style-sample/grid-editing-style-sample.component.ts b/src/app/grid/grid-editing-style-sample/grid-editing-style-sample.component.ts index 59a2599910..985810beab 100644 --- a/src/app/grid/grid-editing-style-sample/grid-editing-style-sample.component.ts +++ b/src/app/grid/grid-editing-style-sample/grid-editing-style-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; import { IgxCellEditorTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -11,7 +11,6 @@ import { DatePipe } from '@angular/common'; selector: 'app-grid-editing-style-sample', styleUrls: ['./grid-editing-style-sample.component.scss'], templateUrl: './grid-editing-style-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxCellEditorTemplateDirective, FormsModule, DatePipe] }) export class GridEditingStyleSampleComponent implements OnInit { diff --git a/src/app/grid/grid-excel-style-filtering-load-on-demand/grid-excel-style-filtering-load-on-demand.component.ts b/src/app/grid/grid-excel-style-filtering-load-on-demand/grid-excel-style-filtering-load-on-demand.component.ts index f9c85ea0d6..6ff6806c42 100644 --- a/src/app/grid/grid-excel-style-filtering-load-on-demand/grid-excel-style-filtering-load-on-demand.component.ts +++ b/src/app/grid/grid-excel-style-filtering-load-on-demand/grid-excel-style-filtering-load-on-demand.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, inject } from '@angular/core'; import { ColumnType, IFilteringExpressionsTree } from 'igniteui-angular/core'; import { IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro styleUrls: ['./grid-excel-style-filtering-load-on-demand.component.scss'], templateUrl: './grid-excel-style-filtering-load-on-demand.component.html', providers: [RemoteValuesService], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxColumnComponent] }) export class GridExcelStyleFilteringLoadOnDemandComponent implements OnInit { diff --git a/src/app/grid/grid-excel-style-filtering-sample-1/grid-excel-style-filtering-sample-1.component.ts b/src/app/grid/grid-excel-style-filtering-sample-1/grid-excel-style-filtering-sample-1.component.ts index 5167215021..c850550862 100644 --- a/src/app/grid/grid-excel-style-filtering-sample-1/grid-excel-style-filtering-sample-1.component.ts +++ b/src/app/grid/grid-excel-style-filtering-sample-1/grid-excel-style-filtering-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostBinding, OnInit, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-grid-sample', styleUrls: ['./grid-excel-style-filtering-sample-1.component.scss'], templateUrl: 'grid-excel-style-filtering-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxColumnComponent, IgxCellTemplateDirective, CurrencyPipe] }) diff --git a/src/app/grid/grid-excel-style-filtering-sample-2/grid-excel-style-filtering-sample-2.component.ts b/src/app/grid/grid-excel-style-filtering-sample-2/grid-excel-style-filtering-sample-2.component.ts index e8b004f9fc..2c668951b9 100644 --- a/src/app/grid/grid-excel-style-filtering-sample-2/grid-excel-style-filtering-sample-2.component.ts +++ b/src/app/grid/grid-excel-style-filtering-sample-2/grid-excel-style-filtering-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent } from 'igniteui-angular/grids/core'; import { DATA } from '../../data/nwindData'; @@ -9,7 +9,6 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-grid-sample', styleUrls: ['./grid-excel-style-filtering-sample-2.component.scss'], templateUrl: 'grid-excel-style-filtering-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxColumnComponent, IgxCellTemplateDirective, CurrencyPipe] }) diff --git a/src/app/grid/grid-excel-style-filtering-sample-3/grid-excel-style-filtering-sample-3.component.ts b/src/app/grid/grid-excel-style-filtering-sample-3/grid-excel-style-filtering-sample-3.component.ts index 22f4295c0a..a418475915 100644 --- a/src/app/grid/grid-excel-style-filtering-sample-3/grid-excel-style-filtering-sample-3.component.ts +++ b/src/app/grid/grid-excel-style-filtering-sample-3/grid-excel-style-filtering-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxExcelStyleColumnOperationsTemplateDirective, IgxExcelStyleFilterOperationsTemplateDirective, IgxExcelStyleHeaderComponent, IgxExcelStyleHeaderIconDirective, IgxExcelStyleSearchComponent, IgxExcelStyleSortingComponent, IgxGridExcelStyleFilteringComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent } from 'igniteui-angular/grids/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -10,7 +10,6 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-grid-sample', styleUrls: ['./grid-excel-style-filtering-sample-3.component.scss'], templateUrl: 'grid-excel-style-filtering-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxExcelStyleHeaderIconDirective, IgxIconComponent, IgxGridExcelStyleFilteringComponent, IgxExcelStyleColumnOperationsTemplateDirective, IgxExcelStyleHeaderComponent, IgxExcelStyleSortingComponent, IgxExcelStyleFilterOperationsTemplateDirective, IgxExcelStyleSearchComponent, IgxColumnComponent, IgxCellTemplateDirective, CurrencyPipe] }) diff --git a/src/app/grid/grid-excel-style-filtering-style/grid-excel-style-filtering-style.component.ts b/src/app/grid/grid-excel-style-filtering-style/grid-excel-style-filtering-style.component.ts index ca92d3ba6a..2862e1ec29 100644 --- a/src/app/grid/grid-excel-style-filtering-style/grid-excel-style-filtering-style.component.ts +++ b/src/app/grid/grid-excel-style-filtering-style/grid-excel-style-filtering-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { DATA } from '../../data/nwindData'; @@ -9,7 +9,6 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-grid-esf-style-sample', styleUrls: ['./grid-excel-style-filtering-style.component.scss'], templateUrl: 'grid-excel-style-filtering-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, CurrencyPipe] }) export class ExcelStyleFilteringStyleComponent implements OnInit { diff --git a/src/app/grid/grid-export-visualization/grid-export-visualization.component.ts b/src/app/grid/grid-export-visualization/grid-export-visualization.component.ts index 3f572fdee0..79b1293e53 100644 --- a/src/app/grid/grid-export-visualization/grid-export-visualization.component.ts +++ b/src/app/grid/grid-export-visualization/grid-export-visualization.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { DATA } from '../../data/nwindData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-grid-export-visualization', templateUrl: './grid-export-visualization.component.html', styleUrls: ['./grid-export-visualization.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxButtonDirective, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, CurrencyPipe] }) export class GridExportVisualizationComponent { diff --git a/src/app/grid/grid-external-advanced-filtering/grid-external-advanced-filtering.component.ts b/src/app/grid/grid-external-advanced-filtering/grid-external-advanced-filtering.component.ts index de51bf5189..7a7f649785 100644 --- a/src/app/grid/grid-external-advanced-filtering/grid-external-advanced-filtering.component.ts +++ b/src/app/grid/grid-external-advanced-filtering/grid-external-advanced-filtering.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxAdvancedFilteringDialogComponent, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { DATA } from '../../data/nwindData'; @@ -8,7 +8,6 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-grid-external-advanced-filtering', templateUrl: './grid-external-advanced-filtering.component.html', styleUrls: ['./grid-external-advanced-filtering.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAdvancedFilteringDialogComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, CurrencyPipe] }) export class GridExternalAdvancedFilteringComponent { diff --git a/src/app/grid/grid-external-excel-style-filtering/grid-external-excel-style-filtering.component.ts b/src/app/grid/grid-external-excel-style-filtering/grid-external-excel-style-filtering.component.ts index e1e0553167..05a34aca6d 100644 --- a/src/app/grid/grid-external-excel-style-filtering/grid-external-excel-style-filtering.component.ts +++ b/src/app/grid/grid-external-excel-style-filtering/grid-external-excel-style-filtering.component.ts @@ -8,7 +8,6 @@ import { CurrencyPipe } from '@angular/common'; import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scroll.directive'; @Component({ - changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-grid-external-excel-style-filtering', templateUrl: './grid-external-excel-style-filtering.component.html', styleUrls: ['./grid-external-excel-style-filtering.component.scss'], diff --git a/src/app/grid/grid-external-outlet-sample/grid-external-outlet-sample.component.ts b/src/app/grid/grid-external-outlet-sample/grid-external-outlet-sample.component.ts index 56c05ee08c..239e4e7207 100644 --- a/src/app/grid/grid-external-outlet-sample/grid-external-outlet-sample.component.ts +++ b/src/app/grid/grid-external-outlet-sample/grid-external-outlet-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { DATA } from '../../data/nwindData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-grid-external-outlet', styleUrls: ['./grid-external-outlet-sample.component.scss'], templateUrl: 'grid-external-outlet-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxOverlayOutletDirective, CurrencyPipe] }) diff --git a/src/app/grid/grid-filtering-sample/grid-filtering-sample.component.ts b/src/app/grid/grid-filtering-sample/grid-filtering-sample.component.ts index bc02bb6148..a5c1401ae3 100644 --- a/src/app/grid/grid-filtering-sample/grid-filtering-sample.component.ts +++ b/src/app/grid/grid-filtering-sample/grid-filtering-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxStringFilteringOperand } from 'igniteui-angular/core'; import { IgxInputDirective, IgxInputGroupComponent } from 'igniteui-angular/input-group'; @@ -11,7 +11,6 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-grid-sample', styleUrls: ['./grid-filtering-sample.component.scss'], templateUrl: 'grid-filtering-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxInputDirective, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, CurrencyPipe] }) diff --git a/src/app/grid/grid-filtering-style/grid-filtering-style.component.ts b/src/app/grid/grid-filtering-style/grid-filtering-style.component.ts index b2fc3bbf2b..08a89cd2bb 100644 --- a/src/app/grid/grid-filtering-style/grid-filtering-style.component.ts +++ b/src/app/grid/grid-filtering-style/grid-filtering-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { DATA } from '../../data/nwindData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-grid-filtering-style', styleUrls: ['./grid-filtering-style.component.scss'], templateUrl: './grid-filtering-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, CurrencyPipe] }) export class GridFilteringStyleComponent implements OnInit { diff --git a/src/app/grid/grid-filtering-template-sample/grid-filtering-template-sample.component.ts b/src/app/grid/grid-filtering-template-sample/grid-filtering-template-sample.component.ts index a680675b0d..192ec50d47 100644 --- a/src/app/grid/grid-filtering-template-sample/grid-filtering-template-sample.component.ts +++ b/src/app/grid/grid-filtering-template-sample/grid-filtering-template-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { ColumnType, GridColumnDataType, IgxDateFilteringOperand, IgxNumberFilteringOperand, IgxPickerClearComponent, IgxPickerToggleComponent, IgxStringFilteringOperand } from 'igniteui-angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxFilterCellTemplateDirective } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -13,7 +13,6 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-grid-sample', styleUrls: ['./grid-filtering-template-sample.component.scss'], templateUrl: 'grid-filtering-template-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxFilterCellTemplateDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, IgxInputDirective, IgxSuffixDirective, IgxDatePickerComponent, IgxPickerToggleComponent, IgxPickerClearComponent, CurrencyPipe] }) diff --git a/src/app/grid/grid-formatted-filtering-strategy/grid-formatted-filtering-strategy.component.ts b/src/app/grid/grid-formatted-filtering-strategy/grid-formatted-filtering-strategy.component.ts index ebaed4772d..87f6af46ff 100644 --- a/src/app/grid/grid-formatted-filtering-strategy/grid-formatted-filtering-strategy.component.ts +++ b/src/app/grid/grid-formatted-filtering-strategy/grid-formatted-filtering-strategy.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { FormattedValuesFilteringStrategy } from 'igniteui-angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-sample', styleUrls: ['./grid-formatted-filtering-strategy.component.scss'], templateUrl: 'grid-formatted-filtering-strategy.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) export class GridFormattedFilteringStrategyComponent implements OnInit { diff --git a/src/app/grid/grid-group-by-paging-sample/grid-group-by-paging-sample.component.ts b/src/app/grid/grid-group-by-paging-sample/grid-group-by-paging-sample.component.ts index a176a26529..e5c66c5324 100644 --- a/src/app/grid/grid-group-by-paging-sample/grid-group-by-paging-sample.component.ts +++ b/src/app/grid/grid-group-by-paging-sample/grid-group-by-paging-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { DefaultSortingStrategy, ISortingExpression, SortingDirection } from 'igniteui-angular/core'; import { GridSelectionMode, IgxColumnComponent, IgxGroupByRowTemplateDirective } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -12,7 +12,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-group-by-paging-sample', templateUrl: './grid-group-by-paging-sample.component.html', styleUrls: ['./grid-group-by-paging-sample.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxGroupByRowTemplateDirective, IgxIconComponent, IgxBadgeComponent] }) export class GridGroupByPagingSampleComponent { diff --git a/src/app/grid/grid-groupby-custom-sample/grid-groupby-custom-sample.component.ts b/src/app/grid/grid-groupby-custom-sample/grid-groupby-custom-sample.component.ts index 096a847ba7..0f86d868b4 100644 --- a/src/app/grid/grid-groupby-custom-sample/grid-groupby-custom-sample.component.ts +++ b/src/app/grid/grid-groupby-custom-sample/grid-groupby-custom-sample.component.ts @@ -1,5 +1,5 @@ /* eslint-disable max-len */ -import { Component, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, ViewEncapsulation } from '@angular/core'; import { DefaultSortingStrategy, SortingDirection } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarComponent, IgxGroupByRowTemplateDirective } from 'igniteui-angular/grids/core'; @@ -16,7 +16,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-groupby-custom-sample', styleUrls: ['./grid-groupby-custom-sample.component.scss'], templateUrl: './grid-groupby-custom-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxDropDownComponent, IgxDropDownItemComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxGroupByRowTemplateDirective, IgxIconComponent, IgxBadgeComponent, CurrencyPipe, DatePipe] }) export class GridGroupByCustomSampleComponent { diff --git a/src/app/grid/grid-groupby-sample/grid-groupby-sample.component.ts b/src/app/grid/grid-groupby-sample/grid-groupby-sample.component.ts index 7d7061c872..b17535e5e7 100644 --- a/src/app/grid/grid-groupby-sample/grid-groupby-sample.component.ts +++ b/src/app/grid/grid-groupby-sample/grid-groupby-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild, ViewEncapsulation } from '@angular/core'; import { DefaultSortingStrategy, ISortingExpression, SortingDirection } from 'igniteui-angular/core'; import { GridSelectionMode, IgxCellTemplateDirective, IgxColumnComponent, IgxGroupByRowTemplateDirective } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -13,7 +13,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-groupby-sample', styleUrls: ['./grid-groupby-sample.component.scss'], templateUrl: './grid-groupby-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxGroupByRowTemplateDirective, IgxIconComponent, IgxBadgeComponent] }) export class GridGroupBySampleComponent { diff --git a/src/app/grid/grid-groupby-styling/grid-groupby-styling.component.ts b/src/app/grid/grid-groupby-styling/grid-groupby-styling.component.ts index 4533dde3c8..40eb9c0552 100644 --- a/src/app/grid/grid-groupby-styling/grid-groupby-styling.component.ts +++ b/src/app/grid/grid-groupby-styling/grid-groupby-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, ViewEncapsulation } from '@angular/core'; import { DefaultSortingStrategy, ISortingExpression, SortingDirection } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-groupby-sample', styleUrls: ['./grid-groupby-styling.component.scss'], templateUrl: './grid-groupby-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) export class GridGroupByStylingComponent { diff --git a/src/app/grid/grid-groupby-summary-sample/grid-groupby-summary-sample.component.ts b/src/app/grid/grid-groupby-summary-sample/grid-groupby-summary-sample.component.ts index 4766e712ad..709cd966e7 100644 --- a/src/app/grid/grid-groupby-summary-sample/grid-groupby-summary-sample.component.ts +++ b/src/app/grid/grid-groupby-summary-sample/grid-groupby-summary-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild, ViewEncapsulation } from '@angular/core'; import { DefaultSortingStrategy, GridSummaryCalculationMode, ISortingExpression, IgxSummaryResult, SortingDirection } from 'igniteui-angular/core'; import { GridSelectionMode, GridSummaryPosition, IgxColumnComponent, IgxNumberSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -38,7 +38,6 @@ class SumSummary { selector: 'app-grid-groupby-summary-sample', styleUrls: ['./grid-groupby-summary-sample.component.scss'], templateUrl: './grid-groupby-summary-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxSwitchComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class GridGroupBySummarySampleComponent { diff --git a/src/app/grid/grid-groupby-summary-styling-sample/grid-groupby-summary-styling-sample.component.ts b/src/app/grid/grid-groupby-summary-styling-sample/grid-groupby-summary-styling-sample.component.ts index d5d50f00de..24da22da96 100644 --- a/src/app/grid/grid-groupby-summary-styling-sample/grid-groupby-summary-styling-sample.component.ts +++ b/src/app/grid/grid-groupby-summary-styling-sample/grid-groupby-summary-styling-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild, ViewEncapsulation } from '@angular/core'; import { DefaultSortingStrategy, GridSummaryCalculationMode, ISortingExpression, IgxSummaryResult, SortingDirection } from 'igniteui-angular/core'; import { GridSelectionMode, GridSummaryPosition, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarPinningComponent, IgxNumberSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -28,7 +28,6 @@ class CustomSummary { selector: 'app-grid-groupby-summary-sample', styleUrls: ['./grid-groupby-summary-styling-sample.component.scss'], templateUrl: './grid-groupby-summary-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarPinningComponent, IgxColumnComponent] }) export class GridGroupBySummaryStylingSampleComponent { diff --git a/src/app/grid/grid-keyboardnav-guide-sample/grid-keyboardnav-sample.component.ts b/src/app/grid/grid-keyboardnav-guide-sample/grid-keyboardnav-sample.component.ts index db8df61e24..d1cb9ba515 100644 --- a/src/app/grid/grid-keyboardnav-guide-sample/grid-keyboardnav-sample.component.ts +++ b/src/app/grid/grid-keyboardnav-guide-sample/grid-keyboardnav-sample.component.ts @@ -3,7 +3,7 @@ /* eslint-disable @typescript-eslint/naming-convention */ /* eslint-disable no-shadow */ import { animate, state, style, transition, trigger } from '@angular/animations'; -import { ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild, inject } from '@angular/core'; import { CellType, IActiveNodeChangeEventArgs, IgxColumnComponent, IgxColumnGroupComponent, IgxGridDetailTemplateDirective, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxEmptyListTemplateDirective, IgxListComponent, IgxListItemComponent, IgxListLineSubTitleDirective, IgxListLineTitleDirective } from 'igniteui-angular/list'; @@ -169,7 +169,6 @@ const summaryCombinations: Item[] = [ ]) ]) ], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPaginatorComponent, IgxGridToolbarComponent, IgxGridDetailTemplateDirective, IgxColumnGroupComponent, IgxColumnComponent, IgxListComponent, IgxListItemComponent, NgClass, IgxListLineTitleDirective, IgxListLineSubTitleDirective, IgxCheckboxComponent, IgxEmptyListTemplateDirective] }) export class GridKeyboardnavGuide implements OnInit, OnDestroy { diff --git a/src/app/grid/grid-moving-sample/grid-moving-sample.component.ts b/src/app/grid/grid-moving-sample/grid-moving-sample.component.ts index bc0f62ae50..a6b1acd8b6 100644 --- a/src/app/grid/grid-moving-sample/grid-moving-sample.component.ts +++ b/src/app/grid/grid-moving-sample/grid-moving-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { ColumnType } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -13,7 +13,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-moving-sample', styleUrls: ['./grid-moving-sample.component.scss'], templateUrl: './grid-moving-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCellHeaderTemplateDirective, IgxIconComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxBadgeComponent] }) diff --git a/src/app/grid/grid-moving-styled-sample/grid-moving-styled-sample.component.ts b/src/app/grid/grid-moving-styled-sample/grid-moving-styled-sample.component.ts index 0f2431fb8c..9b3e53c2a4 100644 --- a/src/app/grid/grid-moving-styled-sample/grid-moving-styled-sample.component.ts +++ b/src/app/grid/grid-moving-styled-sample/grid-moving-styled-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { ColumnType } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -13,7 +13,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-moving-styled-sample', styleUrls: ['./grid-moving-styled-sample.component.scss'], templateUrl: './grid-moving-styled-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCellHeaderTemplateDirective, IgxIconComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxBadgeComponent] }) diff --git a/src/app/grid/grid-mrl-custom-navigation/grid-mrl-custom-navigation.component.ts b/src/app/grid/grid-mrl-custom-navigation/grid-mrl-custom-navigation.component.ts index 748e9a7fe3..40f651b4ef 100644 --- a/src/app/grid/grid-mrl-custom-navigation/grid-mrl-custom-navigation.component.ts +++ b/src/app/grid/grid-mrl-custom-navigation/grid-mrl-custom-navigation.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, ViewEncapsulation } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, IgxColumnLayoutComponent } from 'igniteui-angular/grids/core'; import { DATA } from '../../data/company-data'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-mrl-custom-navigation-sample', styleUrls: ['./grid-mrl-custom-navigation.component.scss'], templateUrl: './grid-mrl-custom-navigation.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnLayoutComponent, IgxColumnComponent] }) export class GridMRLCustomNavigationComponent { diff --git a/src/app/grid/grid-multi-cell-selection-style/grid-multi-cell-selection-style.component.ts b/src/app/grid/grid-multi-cell-selection-style/grid-multi-cell-selection-style.component.ts index 248e14e568..bb6fbdc52f 100644 --- a/src/app/grid/grid-multi-cell-selection-style/grid-multi-cell-selection-style.component.ts +++ b/src/app/grid/grid-multi-cell-selection-style/grid-multi-cell-selection-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { DATA } from '../../data/nwindData'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-multi-cell-selection-style-sample', styleUrls: ['./grid-multi-cell-selection-style.component.scss'], templateUrl: './grid-multi-cell-selection-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective] }) export class GridMultiCellSelectionStyleComponent { diff --git a/src/app/grid/grid-multi-cell-selection/grid-multi-cell-selection.component.ts b/src/app/grid/grid-multi-cell-selection/grid-multi-cell-selection.component.ts index f0cf496a49..f4d5014e8e 100644 --- a/src/app/grid/grid-multi-cell-selection/grid-multi-cell-selection.component.ts +++ b/src/app/grid/grid-multi-cell-selection/grid-multi-cell-selection.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewEncapsulation } from '@angular/core'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxToastComponent } from 'igniteui-angular/toast'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-multi-cell-selection-sample', styleUrls: ['./grid-multi-cell-selection.component.scss'], templateUrl: './grid-multi-cell-selection.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxToastComponent] }) export class GridMultiCellSelectionComponent { diff --git a/src/app/grid/grid-multi-row-layout-configuration/grid-multi-row-layout-configuration.component.ts b/src/app/grid/grid-multi-row-layout-configuration/grid-multi-row-layout-configuration.component.ts index cb55fab03f..5fceaed218 100644 --- a/src/app/grid/grid-multi-row-layout-configuration/grid-multi-row-layout-configuration.component.ts +++ b/src/app/grid/grid-multi-row-layout-configuration/grid-multi-row-layout-configuration.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { ChangeDetectorRef, Component, ElementRef, QueryList, ViewChild, ViewChildren, ViewEncapsulation, DOCUMENT, inject, ChangeDetectionStrategy } from "@angular/core"; +import { ChangeDetectorRef, Component, ElementRef, QueryList, ViewChild, ViewChildren, ViewEncapsulation, DOCUMENT, inject } from "@angular/core"; import { IDropBaseEventArgs, IDropDroppedEventArgs, IgxButtonDirective, IgxDropDirective, IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -38,7 +38,6 @@ enum DialogType { selector: "app-grid-multi-row-layout-configuration-sample", styleUrls: ["./grid-multi-row-layout-configuration.component.scss"], templateUrl: "./grid-multi-row-layout-configuration.component.html", - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxChipsAreaComponent, IgxChipComponent, IgxSuffixDirective, IgxIconButtonDirective, IgxIconComponent, IgxPrefixDirective, IgxInputGroupComponent, IgxInputDirective, NgStyle, IgxDropDirective, NgClass, IgxButtonDirective, IgxDialogComponent] }) export class GridMultiRowLayoutConfigurationComponent { diff --git a/src/app/grid/grid-multi-row-layout-styling/grid-multi-row-layout-styling.component.ts b/src/app/grid/grid-multi-row-layout-styling/grid-multi-row-layout-styling.component.ts index bcf0b8ee91..65f93ed445 100644 --- a/src/app/grid/grid-multi-row-layout-styling/grid-multi-row-layout-styling.component.ts +++ b/src/app/grid/grid-multi-row-layout-styling/grid-multi-row-layout-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewEncapsulation } from '@angular/core'; import { DefaultSortingStrategy, SortingDirection } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, IgxColumnLayoutComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-multi-row-layout-styling-sample', styleUrls: ['./grid-multi-row-layout-styling.component.scss'], templateUrl: './grid-multi-row-layout-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnLayoutComponent, IgxColumnComponent] }) export class GridMultiRowLayoutStylingComponent { diff --git a/src/app/grid/grid-multi-row-layout/grid-multi-row-layout.component.ts b/src/app/grid/grid-multi-row-layout/grid-multi-row-layout.component.ts index 145ae8f725..e4ec09ba68 100644 --- a/src/app/grid/grid-multi-row-layout/grid-multi-row-layout.component.ts +++ b/src/app/grid/grid-multi-row-layout/grid-multi-row-layout.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewEncapsulation } from '@angular/core'; import { DefaultSortingStrategy, SortingDirection } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, IgxColumnLayoutComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-multi-row-layout-sample', styleUrls: ['./grid-multi-row-layout.component.scss'], templateUrl: './grid-multi-row-layout.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxColumnLayoutComponent, IgxColumnComponent] }) export class GridMultiRowLayoutComponent { diff --git a/src/app/grid/grid-multiple-row-drag/grid-multiple-row-drag.component.ts b/src/app/grid/grid-multiple-row-drag/grid-multiple-row-drag.component.ts index deb3b79c4d..e81e9255a8 100644 --- a/src/app/grid/grid-multiple-row-drag/grid-multiple-row-drag.component.ts +++ b/src/app/grid/grid-multiple-row-drag/grid-multiple-row-drag.component.ts @@ -1,5 +1,5 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent, IgxRowDragGhostDirective } from 'igniteui-angular/grids/core'; import { IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-multiple-row-drag', styleUrls: ['./grid-multiple-row-drag.component.scss'], templateUrl: './grid-multiple-row-drag.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowDragGhostDirective, IgxIconComponent, IgxDropDirective] }) export class GridMultipleRowDragComponent { diff --git a/src/app/grid/grid-nested-data-binding-2/grid-nested-data-bind2.ts b/src/app/grid/grid-nested-data-binding-2/grid-nested-data-bind2.ts index d6bd5d2a6a..9d64fcd7c8 100644 --- a/src/app/grid/grid-nested-data-binding-2/grid-nested-data-bind2.ts +++ b/src/app/grid/grid-nested-data-binding-2/grid-nested-data-bind2.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { GridColumnDataType } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, IgxGridFooterComponent } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-nested-data-bind2', styleUrls: ['./grid-nested-data-bind2.scss'], templateUrl: './grid-nested-data-bind2.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxGridFooterComponent] }) export class GridNestedDataBindAminoacidComponent implements OnInit { diff --git a/src/app/grid/grid-nested-data-binding/grid-nested-data-bind.ts b/src/app/grid/grid-nested-data-binding/grid-nested-data-bind.ts index 203a49fb9f..f3de4c1571 100644 --- a/src/app/grid/grid-nested-data-binding/grid-nested-data-bind.ts +++ b/src/app/grid/grid-nested-data-binding/grid-nested-data-bind.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, OnInit, inject } from '@angular/core'; import {EMPLOYEE_DATA} from '../../data/nested-employee-data'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -12,7 +12,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-grid-nested-data-bind', styleUrls: ['./grid-nested-data-bind.scss'], templateUrl: './grid-nested-data-bind.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelBodyComponent, IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, DatePipe] }) diff --git a/src/app/grid/grid-pager-sample/grid-pager-sample.component.ts b/src/app/grid/grid-pager-sample/grid-pager-sample.component.ts index 2cbc6f9c9d..e366cb9c1d 100644 --- a/src/app/grid/grid-pager-sample/grid-pager-sample.component.ts +++ b/src/app/grid/grid-pager-sample/grid-pager-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, AfterViewInit, ChangeDetectorRef, PLATFORM_ID, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild, AfterViewInit, ChangeDetectorRef, PLATFORM_ID, inject } from '@angular/core'; import { athletesData } from '../../data/athletesData'; import { IPaginatorResourceStrings } from 'igniteui-angular/core'; import { IgxPageNavigationComponent, IgxPageSizeSelectorComponent, IgxPaginatorComponent, IgxPaginatorContentDirective } from 'igniteui-angular/paginator'; @@ -13,7 +13,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-grid-pager-sample', styleUrls: ['./grid-pager-sample.component.scss'], templateUrl: './grid-pager-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxPaginatorContentDirective, IgxPageSizeSelectorComponent, IgxPageNavigationComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxSwitchComponent, FormsModule, DecimalPipe] }) export class GridPagerSampleComponent implements OnInit, AfterViewInit { diff --git a/src/app/grid/grid-paging-sample/grid-paging-sample.component.ts b/src/app/grid/grid-paging-sample/grid-paging-sample.component.ts index 0f358459c7..638605d5d1 100644 --- a/src/app/grid/grid-paging-sample/grid-paging-sample.component.ts +++ b/src/app/grid/grid-paging-sample/grid-paging-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild, ViewEncapsulation } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -12,7 +12,6 @@ import { DecimalPipe } from '@angular/common'; selector: 'app-grid-sample', styleUrls: ['./grid-paging-sample.component.scss'], templateUrl: 'grid-paging-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxLinearProgressBarComponent, DecimalPipe] }) diff --git a/src/app/grid/grid-paste/grid-paste-sample.component.ts b/src/app/grid/grid-paste/grid-paste-sample.component.ts index 5cf720a4cc..727b40f86d 100644 --- a/src/app/grid/grid-paste/grid-paste-sample.component.ts +++ b/src/app/grid/grid-paste/grid-paste-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, inject } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxButtonDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxDropDownComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; @@ -15,7 +15,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-paste-sample', styleUrls: ['./grid-paste-sample.component.scss'], templateUrl: './grid-paste-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxDropDownComponent, IgxDropDownItemComponent, IgxGridComponent, PasteHandler, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class GridPasteSampleComponent { diff --git a/src/app/grid/grid-remote-filtering-sample/remote-filtering-sample.component.ts b/src/app/grid/grid-remote-filtering-sample/remote-filtering-sample.component.ts index ade5fc7c19..09e599a6b4 100644 --- a/src/app/grid/grid-remote-filtering-sample/remote-filtering-sample.component.ts +++ b/src/app/grid/grid-remote-filtering-sample/remote-filtering-sample.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, OnInit, ViewChild, AfterViewInit, OnDestroy, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, OnInit, ViewChild, AfterViewInit, OnDestroy, inject } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { NoopFilteringStrategy, NoopSortingStrategy } from 'igniteui-angular/core'; import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -16,7 +16,6 @@ const DEBOUNCE_TIME = 300; selector: 'app-grid-remote-filtering-sample', styleUrls: ['./remote-filtering-sample.component.scss'], templateUrl: './remote-filtering-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxBadgeComponent, AsyncPipe] }) export class RemoteFilteringSampleComponent implements OnInit, AfterViewInit, OnDestroy { diff --git a/src/app/grid/grid-remote-paging-defaultTemplate-sample/remote-paging-default-template.component.ts b/src/app/grid/grid-remote-paging-defaultTemplate-sample/remote-paging-default-template.component.ts index 3e95fbd976..2cf62350fe 100644 --- a/src/app/grid/grid-remote-paging-defaultTemplate-sample/remote-paging-default-template.component.ts +++ b/src/app/grid/grid-remote-paging-defaultTemplate-sample/remote-paging-default-template.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnDestroy, OnInit, TemplateRef, ViewChild, ViewEncapsulation, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, OnDestroy, OnInit, TemplateRef, ViewChild, ViewEncapsulation, inject } from '@angular/core'; import { GridPagingMode, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -13,7 +13,6 @@ import { AsyncPipe } from '@angular/common'; selector: 'app-remote-paging-default-template', styleUrls: ['./remote-paging-default-template.component.scss'], templateUrl: './remote-paging-default-template.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, AsyncPipe] }) export class RemotePagingDefaultTemplateComponent implements OnInit, AfterViewInit, OnDestroy { diff --git a/src/app/grid/grid-remote-paging-sample/remote-paging-sample.component.ts b/src/app/grid/grid-remote-paging-sample/remote-paging-sample.component.ts index 341e6d1892..ee0443456a 100644 --- a/src/app/grid/grid-remote-paging-sample/remote-paging-sample.component.ts +++ b/src/app/grid/grid-remote-paging-sample/remote-paging-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnDestroy, OnInit, TemplateRef, ViewChild, ViewEncapsulation, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, OnDestroy, OnInit, TemplateRef, ViewChild, ViewEncapsulation, inject } from '@angular/core'; import { GridPagingMode, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxPageNavigationComponent, IgxPageSizeSelectorComponent, IgxPaginatorComponent, IgxPaginatorContentDirective } from 'igniteui-angular/paginator'; @@ -12,7 +12,6 @@ import { AsyncPipe } from '@angular/common'; selector: 'app-remote-paging-grid-sample', styleUrls: ['./remote-paging-sample.component.scss'], templateUrl: './remote-paging-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxPaginatorComponent, IgxPaginatorContentDirective, IgxPageSizeSelectorComponent, IgxPageNavigationComponent, AsyncPipe] }) export class RemotePagingGridSampleComponent implements OnInit, AfterViewInit, OnDestroy { diff --git a/src/app/grid/grid-resize-line-styling-sample/grid-resize-line-styling-sample.ts b/src/app/grid/grid-resize-line-styling-sample/grid-resize-line-styling-sample.ts index eab7709847..c80a897355 100644 --- a/src/app/grid/grid-resize-line-styling-sample/grid-resize-line-styling-sample.ts +++ b/src/app/grid/grid-resize-line-styling-sample/grid-resize-line-styling-sample.ts @@ -1,4 +1,4 @@ - import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; + import { Component, OnInit } from '@angular/core'; import { athletesData } from '../../data/athletesData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-resize-line-styling-sample', styleUrls: ['./grid-resize-line-styling-sample.scss'], templateUrl: './grid-resize-line-styling-sample.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) diff --git a/src/app/grid/grid-resizing-sample/grid-resizing-sample.component.ts b/src/app/grid/grid-resizing-sample/grid-resizing-sample.component.ts index c8fdf90f7a..38bc81c82e 100644 --- a/src/app/grid/grid-resizing-sample/grid-resizing-sample.component.ts +++ b/src/app/grid/grid-resizing-sample/grid-resizing-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { DATA } from '../../data/customers'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-resizing-sample', styleUrls: ['./grid-resizing-sample.component.scss'], templateUrl: 'grid-resizing-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) diff --git a/src/app/grid/grid-row-drag-base/grid-row-drag-base.component.ts b/src/app/grid/grid-row-drag-base/grid-row-drag-base.component.ts index 5f6b461e76..84e334326b 100644 --- a/src/app/grid/grid-row-drag-base/grid-row-drag-base.component.ts +++ b/src/app/grid/grid-row-drag-base/grid-row-drag-base.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -16,7 +16,6 @@ enum DragIcon { selector: 'app-grid-row-drag-base-sample', styleUrls: ['./grid-row-drag-base.component.scss'], templateUrl: 'grid-row-drag-base.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxDropDirective] }) diff --git a/src/app/grid/grid-row-drag-to-grid/grid-row-drag-to-grid.component.ts b/src/app/grid/grid-row-drag-to-grid/grid-row-drag-to-grid.component.ts index 54693dcded..04f923a26e 100644 --- a/src/app/grid/grid-row-drag-to-grid/grid-row-drag-to-grid.component.ts +++ b/src/app/grid/grid-row-drag-to-grid/grid-row-drag-to-grid.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, IgxDragIndicatorIconDirective } from 'igniteui-angular/grids/core'; @@ -17,7 +17,6 @@ enum DragIcon { selector: 'app-grid-row-drag-to-grid-sample', styleUrls: ['./grid-row-drag-to-grid.component.scss'], templateUrl: 'grid-row-drag-to-grid.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxDragIndicatorIconDirective, IgxIconComponent, IgxDropDirective] }) diff --git a/src/app/grid/grid-row-drag/grid-row-drag.component.ts b/src/app/grid/grid-row-drag/grid-row-drag.component.ts index a02819a4da..12cecffd51 100644 --- a/src/app/grid/grid-row-drag/grid-row-drag.component.ts +++ b/src/app/grid/grid-row-drag/grid-row-drag.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, ViewChildren, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChildren } from '@angular/core'; import { IgxColumnComponent, RowType } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxDropDirective } from 'igniteui-angular/directives'; @@ -18,7 +18,6 @@ enum HoverClassList { selector: 'app-grid-row-drag-sample', styleUrls: ['./grid-row-drag.component.scss'], templateUrl: 'grid-row-drag.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, PlanetComponent, IgxDropDirective] }) diff --git a/src/app/grid/grid-row-drag/planet/planet.component.ts b/src/app/grid/grid-row-drag/planet/planet.component.ts index 8802752f05..fc5810ad44 100644 --- a/src/app/grid/grid-row-drag/planet/planet.component.ts +++ b/src/app/grid/grid-row-drag/planet/planet.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, HostBinding, HostListener, Input, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, HostBinding, HostListener, Input, ViewChild, inject } from '@angular/core'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IPlanet } from '../data'; @@ -7,7 +7,6 @@ import { IPlanet } from '../data'; selector: 'app-planet', styleUrls: ['./planet.component.scss'], templateUrl: 'planet.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDialogComponent] }) diff --git a/src/app/grid/grid-row-editing-sample/grid-row-editing-sample.component.ts b/src/app/grid/grid-row-editing-sample/grid-row-editing-sample.component.ts index 40c3b0dea0..43b43b4da5 100644 --- a/src/app/grid/grid-row-editing-sample/grid-row-editing-sample.component.ts +++ b/src/app/grid/grid-row-editing-sample/grid-row-editing-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { DATA } from '../../data/nwindData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellEditorTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -11,7 +11,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-grid-row-edit', styleUrls: [`grid-row-editing-sample.component.scss`], templateUrl: 'grid-row-editing-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellEditorTemplateDirective, IgxInputGroupComponent, FormsModule, IgxInputDirective, IgxFocusDirective] }) export class GridRowEditSampleComponent { diff --git a/src/app/grid/grid-row-editing-style/grid-row-editing-style.component.ts b/src/app/grid/grid-row-editing-style/grid-row-editing-style.component.ts index 8452d0ddb2..82f9b18ca7 100644 --- a/src/app/grid/grid-row-editing-style/grid-row-editing-style.component.ts +++ b/src/app/grid/grid-row-editing-style/grid-row-editing-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { DATA } from '../../data/nwindData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellEditorTemplateDirective, IgxColumnComponent, IgxRowEditActionsDirective, IgxRowEditTabStopDirective, IgxRowEditTextDirective } from 'igniteui-angular/grids/core'; @@ -12,7 +12,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-grid-row-edit-style', styleUrls: [`grid-row-editing-style.component.scss`], templateUrl: 'grid-row-editing-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellEditorTemplateDirective, IgxInputGroupComponent, FormsModule, IgxInputDirective, IgxFocusDirective, IgxRowEditTextDirective, IgxRowEditActionsDirective, IgxIconButtonDirective, IgxRowEditTabStopDirective, IgxIconComponent] }) export class GridRowEditStyleComponent { diff --git a/src/app/grid/grid-row-pinning-drag/grid-row-pinning-drag.component.ts b/src/app/grid/grid-row-pinning-drag/grid-row-pinning-drag.component.ts index 7f14a7c9a1..740e796064 100644 --- a/src/app/grid/grid-row-pinning-drag/grid-row-pinning-drag.component.ts +++ b/src/app/grid/grid-row-pinning-drag/grid-row-pinning-drag.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IPinningConfig, IRowDragStartEventArgs, IgxColumnComponent, IgxGridPinningActionsComponent, IgxRowDirective, RowPinningPosition, RowType } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-row-pinning-drag-sample', styleUrls: ['./grid-row-pinning-drag.component.scss'], templateUrl: 'grid-row-pinning-drag.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxDropDirective, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxActionStripComponent, IgxGridPinningActionsComponent] }) diff --git a/src/app/grid/grid-row-pinning-extra-column/grid-row-pinning-extra-column.component.ts b/src/app/grid/grid-row-pinning-extra-column/grid-row-pinning-extra-column.component.ts index 3f57ec1a1a..0f8a4c37fb 100644 --- a/src/app/grid/grid-row-pinning-extra-column/grid-row-pinning-extra-column.component.ts +++ b/src/app/grid/grid-row-pinning-extra-column/grid-row-pinning-extra-column.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, ViewChild, inject } from '@angular/core'; import { ColumnPinningPosition } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; @@ -14,7 +14,6 @@ const FILTERING_ICONS_FONT_SET = 'filtering-icons'; selector: 'app-grid-row-pinning-extra-column', templateUrl: 'grid-row-pinning-extra-column.component.html', styleUrls: ['./grid-row-pinning-extra-column.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxIconComponent] }) diff --git a/src/app/grid/grid-row-pinning-styling/grid-row-pinning-styling.component.ts b/src/app/grid/grid-row-pinning-styling/grid-row-pinning-styling.component.ts index 1f32801ecb..3bc06d49bc 100644 --- a/src/app/grid/grid-row-pinning-styling/grid-row-pinning-styling.component.ts +++ b/src/app/grid/grid-row-pinning-styling/grid-row-pinning-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IPinningConfig, IgxColumnComponent, IgxGridPinningActionsComponent, RowPinningPosition } from 'igniteui-angular/grids/core'; import { IgxActionStripComponent } from 'igniteui-angular/action-strip'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-row-pinning-styling', templateUrl: 'grid-row-pinning-styling.component.html', styleUrls: ['./grid-row-pinning-styling.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxActionStripComponent, IgxGridPinningActionsComponent] }) diff --git a/src/app/grid/grid-row-pinning/grid-row-pinning.component.ts b/src/app/grid/grid-row-pinning/grid-row-pinning.component.ts index add3d228ea..10098f6828 100644 --- a/src/app/grid/grid-row-pinning/grid-row-pinning.component.ts +++ b/src/app/grid/grid-row-pinning/grid-row-pinning.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IPinningConfig, IgxColumnComponent, IgxGridEditingActionsComponent, IgxGridPinningActionsComponent, RowPinningPosition } from 'igniteui-angular/grids/core'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-row-pinning', templateUrl: 'grid-row-pinning.component.html', styleUrls: ['./grid-row-pinning.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxActionStripComponent, IgxGridPinningActionsComponent, IgxGridEditingActionsComponent] }) diff --git a/src/app/grid/grid-row-reorder-sample/grid-row-reorder.ts b/src/app/grid/grid-row-reorder-sample/grid-row-reorder.ts index 8b50c78403..29070b8edc 100644 --- a/src/app/grid/grid-row-reorder-sample/grid-row-reorder.ts +++ b/src/app/grid/grid-row-reorder-sample/grid-row-reorder.ts @@ -1,4 +1,4 @@ -import { Component, QueryList, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, QueryList, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, IgxRowDirective, RowType } from 'igniteui-angular/grids/core'; import { IgxDropDirective } from 'igniteui-angular/directives'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-row-reorder-sample', styleUrls: ['grid-row-reorder.scss'], templateUrl: 'grid-row-reorder.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxDropDirective, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class GridRowReorderComponent { diff --git a/src/app/grid/grid-rowClasses-sample/grid-rowClasses.component.ts b/src/app/grid/grid-rowClasses-sample/grid-rowClasses.component.ts index 8a45806418..93a2c5cdad 100644 --- a/src/app/grid/grid-rowClasses-sample/grid-rowClasses.component.ts +++ b/src/app/grid/grid-rowClasses-sample/grid-rowClasses.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, RowType } from 'igniteui-angular/grids/core'; import { DATA } from '../../data/nwindData'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-row-classes-sample', styleUrls: ['./grid-rowClasses.component.scss'], templateUrl: 'grid-rowClasses.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class GridRowClassesComponent implements OnInit { diff --git a/src/app/grid/grid-rowStyles-sample/grid-rowStyles.component.ts b/src/app/grid/grid-rowStyles-sample/grid-rowStyles.component.ts index f710a991b7..dcb0449daf 100644 --- a/src/app/grid/grid-rowStyles-sample/grid-rowStyles.component.ts +++ b/src/app/grid/grid-rowStyles-sample/grid-rowStyles.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, inject } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent, RowType } from 'igniteui-angular/grids/core'; import { IgxBadgeComponent } from 'igniteui-angular/badge'; @@ -12,7 +12,6 @@ import { AsyncPipe } from '@angular/common'; selector: 'app-grid-row-styles-sample', styleUrls: ['./grid-rowStyles.component.scss'], templateUrl: 'grid-rowStyles.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxBadgeComponent, AsyncPipe] }) diff --git a/src/app/grid/grid-sample-2/grid-sample-2.component.ts b/src/app/grid/grid-sample-2/grid-sample-2.component.ts index ffa0c103e4..d4ca4d1797 100644 --- a/src/app/grid/grid-sample-2/grid-sample-2.component.ts +++ b/src/app/grid/grid-sample-2/grid-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, Injectable, ViewChild, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, Injectable, ViewChild, OnInit, inject } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -13,7 +13,6 @@ import { AsyncPipe } from '@angular/common'; selector: 'app-grid-sample', styleUrls: ['./grid-sample-2.component.scss'], templateUrl: 'grid-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxBadgeComponent, AsyncPipe] }) diff --git a/src/app/grid/grid-sample-3/grid-sample-3.component.ts b/src/app/grid/grid-sample-3/grid-sample-3.component.ts index a7e9501e69..5aa622f844 100644 --- a/src/app/grid/grid-sample-3/grid-sample-3.component.ts +++ b/src/app/grid/grid-sample-3/grid-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { ColumnType, IgxSummaryResult } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core'; @@ -25,7 +25,6 @@ class MySummary { selector: 'app-grid-sample-3', styleUrls: ['./grid-sample-3.component.scss'], templateUrl: './grid-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxCellHeaderTemplateDirective, IgxIconComponent, DatePipe] }) export class GridSample3Component { diff --git a/src/app/grid/grid-sample-4/grid-sample-4.component.ts b/src/app/grid/grid-sample-4/grid-sample-4.component.ts index 133276cff3..d38aad2067 100644 --- a/src/app/grid/grid-sample-4/grid-sample-4.component.ts +++ b/src/app/grid/grid-sample-4/grid-sample-4.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, TemplateRef, ViewChild, OnInit, AfterViewInit, OnDestroy, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, TemplateRef, ViewChild, OnInit, AfterViewInit, OnDestroy, inject } from '@angular/core'; import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxBadgeComponent } from 'igniteui-angular/badge'; @@ -12,7 +12,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-remote-virtualization-sample', styleUrls: ['grid-sample-4.component.scss'], templateUrl: 'grid-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCellTemplateDirective, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellHeaderTemplateDirective, IgxBadgeComponent, AsyncPipe, NgTemplateOutlet] }) diff --git a/src/app/grid/grid-sample-5/grid-sample-5.component.ts b/src/app/grid/grid-sample-5/grid-sample-5.component.ts index 0e91eca113..19fbe2f91a 100644 --- a/src/app/grid/grid-sample-5/grid-sample-5.component.ts +++ b/src/app/grid/grid-sample-5/grid-sample-5.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, ViewChild, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, ViewChild, OnInit, inject } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxBadgeComponent } from 'igniteui-angular/badge'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-remote-virtualization-sample', styleUrls: ['grid-sample-5.component.scss'], templateUrl: 'grid-sample-5.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxBadgeComponent] }) diff --git a/src/app/grid/grid-sample-pinning-both-sides/grid-toolbar-pinning-both-sides.component.ts b/src/app/grid/grid-sample-pinning-both-sides/grid-toolbar-pinning-both-sides.component.ts index 37ff3080df..11f93364cb 100644 --- a/src/app/grid/grid-sample-pinning-both-sides/grid-toolbar-pinning-both-sides.component.ts +++ b/src/app/grid/grid-sample-pinning-both-sides/grid-toolbar-pinning-both-sides.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ViewEncapsulation, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, ViewEncapsulation, OnInit, inject } from '@angular/core'; import { NgClass } from '@angular/common'; import { IPinningConfig, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -13,7 +13,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-sample', styleUrls: ['grid-toolbar-pinning-both-sides.component.scss'], templateUrl: 'grid-toolbar-pinning-both-sides.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [ NgClass, IgxGridComponent, diff --git a/src/app/grid/grid-sample-pinning-styling/grid-pinning-styling.component.ts b/src/app/grid/grid-sample-pinning-styling/grid-pinning-styling.component.ts index 0a3fd5d794..603915ea84 100644 --- a/src/app/grid/grid-sample-pinning-styling/grid-pinning-styling.component.ts +++ b/src/app/grid/grid-sample-pinning-styling/grid-pinning-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, OnInit, inject, ChangeDetectionStrategy } from "@angular/core"; +import { Component, ViewChild, OnInit, inject } from "@angular/core"; import { IgxCellHeaderTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from "../../directives/prevent-scro selector: "app-grid-sample", styleUrls: ["grid-pinning-styling.component.scss"], templateUrl: "grid-pinning-styling.component.html", - changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxGridComponent, IgxPreventDocumentScrollDirective, diff --git a/src/app/grid/grid-sample-pinning/grid-pinning.component.ts b/src/app/grid/grid-sample-pinning/grid-pinning.component.ts index 583965ef53..832b7bf056 100644 --- a/src/app/grid/grid-sample-pinning/grid-pinning.component.ts +++ b/src/app/grid/grid-sample-pinning/grid-pinning.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ViewEncapsulation, OnInit, AfterViewInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, ViewEncapsulation, OnInit, AfterViewInit, inject } from '@angular/core'; import { IgxCellHeaderTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; @@ -15,7 +15,6 @@ const FILTERING_ICONS_FONT_SET = 'filtering-icons'; selector: 'app-grid-sample', styleUrls: ['grid-pinning.component.scss'], templateUrl: 'grid-pinning.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellHeaderTemplateDirective, IgxIconComponent] }) diff --git a/src/app/grid/grid-sample-pinning/grid-toolbar-pinning.component.ts b/src/app/grid/grid-sample-pinning/grid-toolbar-pinning.component.ts index 4ee180e13e..265b9ed7c0 100644 --- a/src/app/grid/grid-sample-pinning/grid-toolbar-pinning.component.ts +++ b/src/app/grid/grid-sample-pinning/grid-toolbar-pinning.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ViewEncapsulation, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, ViewEncapsulation, OnInit, inject } from '@angular/core'; import { IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { DATA } from '../../data/customers'; @@ -12,7 +12,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-sample', styleUrls: ['grid-toolbar-pinning.component.scss'], templateUrl: 'grid-toolbar-pinning.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [NgClass, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarPinningComponent, IgxColumnComponent] }) diff --git a/src/app/grid/grid-sample-right-pinning/grid-right-pinning.component.ts b/src/app/grid/grid-sample-right-pinning/grid-right-pinning.component.ts index 04c362e3d1..b3fb3b5ef0 100644 --- a/src/app/grid/grid-sample-right-pinning/grid-right-pinning.component.ts +++ b/src/app/grid/grid-sample-right-pinning/grid-right-pinning.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ViewEncapsulation, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, ViewEncapsulation, OnInit } from '@angular/core'; import { ColumnPinningPosition } from 'igniteui-angular/core'; import { IPinningConfig, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -15,7 +15,6 @@ import { DatePipe } from '@angular/common'; selector: 'app-grid-sample', styleUrls: ['grid-right-pinning.component.scss'], templateUrl: 'grid-right-pinning.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarPinningComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxTooltipTargetDirective, IgxTooltipDirective, IgxAvatarComponent, IgxCellHeaderTemplateDirective, IgxIconComponent, DatePipe] }) diff --git a/src/app/grid/grid-sample-selection-template-excel/grid-sample-selection-template-excel.component.ts b/src/app/grid/grid-sample-selection-template-excel/grid-sample-selection-template-excel.component.ts index 158be291b6..c3b518139d 100644 --- a/src/app/grid/grid-sample-selection-template-excel/grid-sample-selection-template-excel.component.ts +++ b/src/app/grid/grid-sample-selection-template-excel/grid-sample-selection-template-excel.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { DATA } from '../../data/customers'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -10,7 +10,6 @@ import { NgClass } from '@angular/common'; selector: 'app-grid-selection-template-excel', styleUrls: ['./grid-sample-selection-template-excel.component.scss'], templateUrl: 'grid-sample-selection-template-excel.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxHeadSelectorDirective, NgClass, IgxRowSelectorDirective] }) diff --git a/src/app/grid/grid-sample-selection-template-numbers/grid-sample-selection-template-numbers.component.ts b/src/app/grid/grid-sample-selection-template-numbers/grid-sample-selection-template-numbers.component.ts index 01d8f438a1..057ddddaba 100644 --- a/src/app/grid/grid-sample-selection-template-numbers/grid-sample-selection-template-numbers.component.ts +++ b/src/app/grid/grid-sample-selection-template-numbers/grid-sample-selection-template-numbers.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { DATA } from '../../data/customers'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-selection-template-numbers', styleUrls: ['./grid-sample-selection-template-numbers.component.scss'], templateUrl: 'grid-sample-selection-template-numbers.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxHeadSelectorDirective, IgxRowSelectorDirective, IgxCheckboxComponent] }) diff --git a/src/app/grid/grid-sample-selection/grid-selection.component.ts b/src/app/grid/grid-sample-selection/grid-selection.component.ts index 460a1d9674..2e4df196c9 100644 --- a/src/app/grid/grid-sample-selection/grid-selection.component.ts +++ b/src/app/grid/grid-sample-selection/grid-selection.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnInit, Renderer2, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, OnInit, Renderer2, ViewChild, inject } from '@angular/core'; import { GridSelectionMode, IRowSelectionEventArgs, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -21,7 +21,6 @@ import { AsyncPipe } from '@angular/common'; selector: 'grid-sample', styleUrls: ['./grid-selection.component.scss'], templateUrl: 'grid-selection.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxButtonGroupComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxBadgeComponent, IgxButtonDirective, IgxIconComponent, IgxSnackbarComponent, AsyncPipe] }) diff --git a/src/app/grid/grid-save-state/about.component.ts b/src/app/grid/grid-save-state/about.component.ts index ebb568bd2d..3cf5752d36 100644 --- a/src/app/grid/grid-save-state/about.component.ts +++ b/src/app/grid/grid-save-state/about.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { RouterLink } from '@angular/router'; @Component({ selector: 'app-about', templateUrl: './about.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, RouterLink] }) export class AboutComponent { diff --git a/src/app/grid/grid-save-state/grid-state.component.ts b/src/app/grid/grid-save-state/grid-state.component.ts index 6d0373454e..d8de53ec20 100644 --- a/src/app/grid/grid-save-state/grid-state.component.ts +++ b/src/app/grid/grid-save-state/grid-state.component.ts @@ -1,5 +1,5 @@ /* eslint-disable max-len */ -import { Component, OnInit, ViewChild, ViewChildren, QueryList, AfterViewInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild, ViewChildren, QueryList, AfterViewInit, inject } from '@angular/core'; import { NavigationStart, Router, RouterLink } from '@angular/router'; import { FilteringExpressionsTree, FilteringLogic, IgxSummaryResult } from 'igniteui-angular/core'; import { GridFeatures, IGridState, IGridStateOptions, IgxColumnComponent, IgxGridStateDirective, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core'; @@ -31,7 +31,6 @@ class MySummary { selector: 'app-grid', styleUrls: ['./grid-state.component.scss'], templateUrl: './grid-state.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxIconComponent, RouterLink, IgxCheckboxComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridStateDirective, IgxPaginatorComponent, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxColumnComponent] }) diff --git a/src/app/grid/grid-search-sample/grid-search-sample.component.ts b/src/app/grid/grid-search-sample/grid-search-sample.component.ts index 098ce7c0ec..e4624de42c 100644 --- a/src/app/grid/grid-search-sample/grid-search-sample.component.ts +++ b/src/app/grid/grid-search-sample/grid-search-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxInputDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -14,7 +14,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-search-sample', styleUrls: ['./grid-search-sample.component.scss'], templateUrl: './grid-search-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxChipsAreaComponent, IgxChipComponent, IgxIconButtonDirective, IgxRippleDirective, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class GridSearchSampleComponent implements OnInit { diff --git a/src/app/grid/grid-select/grid-select-sample.component.ts b/src/app/grid/grid-select/grid-select-sample.component.ts index 6a635bb8b8..5683c8c0e4 100644 --- a/src/app/grid/grid-select/grid-select-sample.component.ts +++ b/src/app/grid/grid-select/grid-select-sample.component.ts @@ -1,5 +1,5 @@ import { Character } from './characters'; -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellEditorTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; @@ -12,7 +12,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-grid-select-sample', styleUrls: ['./grid-select-sample.component.scss'], templateUrl: './grid-select-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxColumnComponent, IgxCellEditorTemplateDirective, IgxSelectComponent, FormsModule, IgxFocusDirective, IgxSelectItemComponent] }) export class GridSelectComponent implements OnInit { diff --git a/src/app/grid/grid-sorting-indicators/grid-sorting-indicators.component.ts b/src/app/grid/grid-sorting-indicators/grid-sorting-indicators.component.ts index 5aa5360ab8..cf56b31174 100644 --- a/src/app/grid/grid-sorting-indicators/grid-sorting-indicators.component.ts +++ b/src/app/grid/grid-sorting-indicators/grid-sorting-indicators.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, AfterViewInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild, AfterViewInit } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { DefaultSortingStrategy } from 'igniteui-angular/core'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-sorting-indicators', templateUrl: './grid-sorting-indicators.component.html', styleUrls: ['./grid-sorting-indicators.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class GridSortingIndicatorsComponent implements OnInit, AfterViewInit { diff --git a/src/app/grid/grid-sorting-sample/grid-sorting-sample.component.ts b/src/app/grid/grid-sorting-sample/grid-sorting-sample.component.ts index 0ccaf70de6..16bd2ca8f5 100644 --- a/src/app/grid/grid-sorting-sample/grid-sorting-sample.component.ts +++ b/src/app/grid/grid-sorting-sample/grid-sorting-sample.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, AfterViewInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, AfterViewInit, ViewChild } from '@angular/core'; import { DefaultSortingStrategy, ISortingOptions, SortingDirection } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; @@ -15,7 +15,6 @@ import { UpperCasePipe } from '@angular/common'; selector: 'app-grid-sample', styleUrls: ['./grid-sorting-sample.component.scss'], templateUrl: 'grid-sorting-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxButtonDirective, IgxGridToolbarActionsComponent, IgxSimpleComboComponent, FormsModule, IgxComboClearIconDirective, IgxComboItemDirective, IgxColumnComponent, IgxCellTemplateDirective, UpperCasePipe] }) @@ -37,7 +36,7 @@ export class SortingSampleComponent implements OnInit, AfterViewInit { public ngOnInit(): void { this.data = DATA; } - + public ngAfterViewInit(): void { this.grid1.sortingExpressions = [ { diff --git a/src/app/grid/grid-sorting-styling/grid-sorting-styling.component.ts b/src/app/grid/grid-sorting-styling/grid-sorting-styling.component.ts index b2e2dbd537..23d152abc5 100644 --- a/src/app/grid/grid-sorting-styling/grid-sorting-styling.component.ts +++ b/src/app/grid/grid-sorting-styling/grid-sorting-styling.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { DefaultSortingStrategy, SortingDirection } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; @@ -19,7 +19,6 @@ enum TYPE { selector: 'app-grid-sorting-styling', styleUrls: ['./grid-sorting-styling.component.scss'], templateUrl: 'grid-sorting-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxSelectComponent, FormsModule, IgxLabelDirective, IgxSelectItemComponent, IgxColumnComponent, IgxCellTemplateDirective] }) diff --git a/src/app/grid/grid-state-persistence-sample/grid-state-persistance-sample.component.ts b/src/app/grid/grid-state-persistence-sample/grid-state-persistance-sample.component.ts index cc24c436e6..3ab7ca515e 100644 --- a/src/app/grid/grid-state-persistence-sample/grid-state-persistance-sample.component.ts +++ b/src/app/grid/grid-state-persistence-sample/grid-state-persistance-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, TemplateRef, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, TemplateRef, ViewChild, inject } from '@angular/core'; import { IGridStateOptions, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent, IgxGridStateDirective } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -17,7 +17,6 @@ import { AsyncPipe } from '@angular/common'; selector: 'app-grid-state-persistance-sample', styleUrls: ['./grid-state-persistance-sample.component.scss'], templateUrl: 'grid-state-persistance-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxIconComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridStateDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxCellHeaderTemplateDirective, IgxBadgeComponent, AsyncPipe] }) @@ -42,7 +41,7 @@ export class GridStatePersistenceSampleComponent { @ViewChild('startY', { static: true }) public startYTemplate: TemplateRef; @ViewChild('changeOnYear', { static: true }) public changeOnYearTemplate: TemplateRef; @ViewChild('changePercentage', { static: true }) public changePercentageTemplate: TemplateRef; - + public data: Observable; public customStrategy = NoopSortingStrategy.instance(); public options: IGridStateOptions = { diff --git a/src/app/grid/grid-summary-export/grid-summary-export.component.ts b/src/app/grid/grid-summary-export/grid-summary-export.component.ts index 57248a25e2..174d21740f 100644 --- a/src/app/grid/grid-summary-export/grid-summary-export.component.ts +++ b/src/app/grid/grid-summary-export/grid-summary-export.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, inject } from '@angular/core'; import { ColumnType, IgxSummaryResult } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { @@ -32,7 +32,6 @@ class MySummary { selector: 'app-grid-summary-export', styleUrls: ['./grid-summary-export.component.scss'], templateUrl: './grid-summary-export.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxCellHeaderTemplateDirective, IgxIconComponent, DatePipe] }) export class GridSummaryExportComponent { diff --git a/src/app/grid/grid-summary-formatter/grid-summary-formatter.component.ts b/src/app/grid/grid-summary-formatter/grid-summary-formatter.component.ts index 9e009b192a..96cdc99729 100644 --- a/src/app/grid/grid-summary-formatter/grid-summary-formatter.component.ts +++ b/src/app/grid/grid-summary-formatter/grid-summary-formatter.component.ts @@ -1,5 +1,5 @@ import { DatePipe } from '@angular/common'; -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxDateSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxSummaryResult } from 'igniteui-angular/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-summary-formatter', styleUrls: ['./grid-summary-formatter.component.scss'], templateUrl: './grid-summary-formatter.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) diff --git a/src/app/grid/grid-summary-template/grid-summary-template.component.ts b/src/app/grid/grid-summary-template/grid-summary-template.component.ts index 03ae19bcf5..b12a7c4d4e 100644 --- a/src/app/grid/grid-summary-template/grid-summary-template.component.ts +++ b/src/app/grid/grid-summary-template/grid-summary-template.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostBinding, OnInit } from '@angular/core'; import { IgxColumnComponent, IgxNumberSummaryOperand, IgxSummaryTemplateDirective } from 'igniteui-angular/grids/core'; import { IgxSummaryResult } from 'igniteui-angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -39,7 +39,6 @@ class DiscontinuedSummary { selector: 'app-grid-summary-template', styleUrls: ['./grid-summary-template.component.scss'], templateUrl: './grid-summary-template.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxSwitchComponent, IgxButtonGroupComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxSummaryTemplateDirective] }) export class GridSummaryTemplateComponent implements OnInit { diff --git a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-1.component.ts b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-1.component.ts index 965098a80a..783b49f9a5 100644 --- a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-1.component.ts +++ b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { athletesData } from '../../data/athletesData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarAdvancedFilteringComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-toolbar-sample-1', styleUrls: ['./grid-toolbar-sample-1.component.scss'], templateUrl: './grid-toolbar-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarAdvancedFilteringComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent] }) export class GridToolbarSample1Component { diff --git a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-2.component.ts b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-2.component.ts index 9538fee3c1..7e789b4256 100644 --- a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-2.component.ts +++ b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { AbsoluteScrollStrategy, AutoPositionStrategy, GlobalPositionStrategy } from 'igniteui-angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @@ -15,7 +15,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-toolbar-sample-2', styleUrls: ['./grid-toolbar-sample-2.component.scss'], templateUrl: './grid-toolbar-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxSwitchComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarAdvancedFilteringComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent] }) export class GridToolbarSample2Component { diff --git a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-3.component.ts b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-3.component.ts index 956a70f828..dae30a5416 100644 --- a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-3.component.ts +++ b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { CsvFileTypes, IColumnExportingEventArgs, @@ -22,7 +22,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-toolbar-sample-3', styleUrls: ['./grid-toolbar-sample-3.component.scss'], templateUrl: './grid-toolbar-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent] }) export class GridToolbarSample3Component { diff --git a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-4.component.ts b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-4.component.ts index 2fc9bf0091..55caad4af3 100644 --- a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-4.component.ts +++ b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { athletesData } from '../../data/athletesData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-toolbar-sample-4', styleUrls: ['./grid-toolbar-sample-4.component.scss'], templateUrl: './grid-toolbar-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxButtonDirective, IgxRippleDirective, IgxIconComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent] }) export class GridToolbarSample4Component { diff --git a/src/app/grid/grid-toolbar-style/grid-toolbar-style.component.ts b/src/app/grid/grid-toolbar-style/grid-toolbar-style.component.ts index 4bf8a4e7da..981dbbd4a5 100644 --- a/src/app/grid/grid-toolbar-style/grid-toolbar-style.component.ts +++ b/src/app/grid/grid-toolbar-style/grid-toolbar-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { athletesData } from '../../data/athletesData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-toolbar-style', styleUrls: ['./grid-toolbar-style.component.scss'], templateUrl: './grid-toolbar-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent] }) export class GridToolbarStyleComponent { diff --git a/src/app/grid/grid-validation-style/grid-validation-style.component.ts b/src/app/grid/grid-validation-style/grid-validation-style.component.ts index 652f111e5d..89c22dfaed 100644 --- a/src/app/grid/grid-validation-style/grid-validation-style.component.ts +++ b/src/app/grid/grid-validation-style/grid-validation-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { DATA } from '../../data/nwindData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellValidationErrorDirective, IgxColumnComponent, IgxColumnRequiredValidatorDirective, RowType } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { NgTemplateOutlet } from '@angular/common'; selector: 'app-grid-validation-style', styleUrls: [`grid-validation-style.component.scss`], templateUrl: 'grid-validation-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnRequiredValidatorDirective, IgxCellValidationErrorDirective, NgTemplateOutlet] }) export class GridValidationStyleComponent { diff --git a/src/app/grid/grid-validator-service-cross-field/grid-validator-service-cross-field.component.ts b/src/app/grid/grid-validator-service-cross-field/grid-validator-service-cross-field.component.ts index ec25a15fbe..9c3dd3b771 100644 --- a/src/app/grid/grid-validator-service-cross-field/grid-validator-service-cross-field.component.ts +++ b/src/app/grid/grid-validator-service-cross-field/grid-validator-service-cross-field.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { AbstractControl, FormGroup, ValidationErrors, ValidatorFn, FormsModule } from '@angular/forms'; import { CellType, IGridEditEventArgs, IGridFormGroupCreatedEventArgs, IgxCellTemplateDirective, IgxCellValidationErrorDirective, IgxColumnComponent, IgxColumnEmailValidatorDirective, IgxColumnMinValidatorDirective, IgxColumnRequiredValidatorDirective } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -12,7 +12,6 @@ import { NgTemplateOutlet, DatePipe } from '@angular/common'; selector: 'app-grid-validator-service-cross-field', styleUrls: ['./grid-validator-service-cross-field.component.scss'], templateUrl: './grid-validator-service-cross-field.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxGridComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent, IgxColumnRequiredValidatorDirective, IgxColumnEmailValidatorDirective, IgxCellValidationErrorDirective, NgTemplateOutlet, IgxColumnMinValidatorDirective, IgxTooltipTargetDirective, IgxTooltipDirective, IgxButtonDirective, DatePipe] }) export class GridValidatorServiceCrossFieldComponent { diff --git a/src/app/grid/grid-validator-service-extended/grid-validator-service-extended.component.ts b/src/app/grid/grid-validator-service-extended/grid-validator-service-extended.component.ts index 8d1616c352..a602aa186d 100644 --- a/src/app/grid/grid-validator-service-extended/grid-validator-service-extended.component.ts +++ b/src/app/grid/grid-validator-service-extended/grid-validator-service-extended.component.ts @@ -1,4 +1,4 @@ -import { Component, Directive, Input, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, Directive, Input, ViewChild } from '@angular/core'; import { AbstractControl, FormGroup, NG_VALIDATORS, ValidationErrors, ValidatorFn, Validators } from '@angular/forms'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IGridFormGroupCreatedEventArgs, IgxCellTemplateDirective, IgxCellValidationErrorDirective, IgxColumnComponent, IgxColumnEmailValidatorDirective, IgxColumnMinValidatorDirective, IgxColumnRequiredValidatorDirective } from 'igniteui-angular/grids/core'; @@ -32,7 +32,6 @@ export class PhoneFormatDirective extends Validators { selector: 'app-grid-validator-service-extended', styleUrls: ['./grid-validator-service-extended.component.scss'], templateUrl: './grid-validator-service-extended.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent, IgxColumnRequiredValidatorDirective, IgxColumnEmailValidatorDirective, PhoneFormatDirective, IgxCellValidationErrorDirective, NgTemplateOutlet, IgxColumnMinValidatorDirective, IgxButtonDirective, DatePipe] }) export class GridValidatorServiceExtendedComponent { diff --git a/src/app/grid/grid-validator-service/grid-validator-service.component.ts b/src/app/grid/grid-validator-service/grid-validator-service.component.ts index 1b71dc891a..0738ea2a24 100644 --- a/src/app/grid/grid-validator-service/grid-validator-service.component.ts +++ b/src/app/grid/grid-validator-service/grid-validator-service.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { employeesData } from '../../data/employeesData'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -11,7 +11,6 @@ import { DatePipe } from '@angular/common'; selector: 'app-grid-validator-service', styleUrls: ['./grid-validator-service.component.scss'], templateUrl: './grid-validator-service.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxGridComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent, IgxColumnRequiredValidatorDirective, IgxColumnEmailValidatorDirective, IgxColumnMinValidatorDirective, DatePipe] }) export class GridValidatorServiceComponent { diff --git a/src/app/grid/grid-with-rating/grid-with-rating.component.ts b/src/app/grid/grid-with-rating/grid-with-rating.component.ts index bb927986b7..871ae0fa0b 100644 --- a/src/app/grid/grid-with-rating/grid-with-rating.component.ts +++ b/src/app/grid/grid-with-rating/grid-with-rating.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxToastComponent } from 'igniteui-angular/toast'; import { CellType, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -14,7 +14,6 @@ defineComponents(IgcRatingComponent); selector: 'app-grid-rating-sample', styleUrls: ['./grid-with-rating.component.scss'], templateUrl: 'grid-with-rating.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgcFormControlDirective, FormsModule, IgxToastComponent] }) export class GridWithRatingComponent implements OnInit { diff --git a/src/app/grid/multi-column-header-template/multi-column-header-template.ts b/src/app/grid/multi-column-header-template/multi-column-header-template.ts index af7aa5bf42..0b14ff1866 100644 --- a/src/app/grid/multi-column-header-template/multi-column-header-template.ts +++ b/src/app/grid/multi-column-header-template/multi-column-header-template.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-multi-column-header-template', styleUrls: ['multi-column-header-template.scss'], templateUrl: 'multi-column-header-template.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnGroupComponent] }) export class GridMultiColumnHeaderTemplateComponent { diff --git a/src/app/grid/multi-column-headers-export/multi-column-headers-export.component.ts b/src/app/grid/multi-column-headers-export/multi-column-headers-export.component.ts index 91a5f49b69..84648c23f2 100644 --- a/src/app/grid/multi-column-headers-export/multi-column-headers-export.component.ts +++ b/src/app/grid/multi-column-headers-export/multi-column-headers-export.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxColumnComponent, IgxColumnGroupComponent, IgxExporterEvent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-multi-column-headers-export', styleUrls: ['multi-column-headers-export.component.scss'], templateUrl: 'multi-column-headers-export.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxSwitchComponent, FormsModule, IgxGridToolbarPinningComponent, IgxGridToolbarHidingComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxColumnGroupComponent] }) export class GridMultiColumnHeadersExportComponent { diff --git a/src/app/grid/multi-column-headers-styling/multi-column-headers-styling.component.ts b/src/app/grid/multi-column-headers-styling/multi-column-headers-styling.component.ts index 91e0a68900..ccbb9584a2 100644 --- a/src/app/grid/multi-column-headers-styling/multi-column-headers-styling.component.ts +++ b/src/app/grid/multi-column-headers-styling/multi-column-headers-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { DATA } from '../../data/customers'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-multi-column-headers-styling', styleUrls: ['./multi-column-headers-styling.component.scss'], templateUrl: './multi-column-headers-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnGroupComponent] }) export class GridMultiColumnHeadersStylingComponent { diff --git a/src/app/grid/multi-column-headers/multi-column-headers.ts b/src/app/grid/multi-column-headers/multi-column-headers.ts index 012ba1d5ca..16a522f372 100644 --- a/src/app/grid/multi-column-headers/multi-column-headers.ts +++ b/src/app/grid/multi-column-headers/multi-column-headers.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-multi-column-headers', styleUrls: ['multi-column-headers.scss'], templateUrl: 'multi-column-headers.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnGroupComponent, IgxButtonDirective] }) export class GridMultiColumnHeadersComponent { diff --git a/src/app/hierarchical-grid/column-group-selection/hierarchical-grid-column-group-selection.component.ts b/src/app/hierarchical-grid/column-group-selection/hierarchical-grid-column-group-selection.component.ts index d4784ac2f4..d8e951f793 100644 --- a/src/app/hierarchical-grid/column-group-selection/hierarchical-grid-column-group-selection.component.ts +++ b/src/app/hierarchical-grid/column-group-selection/hierarchical-grid-column-group-selection.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { CUSTOMERS } from '../../data/hierarchical-data'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-column-group-selection', templateUrl: './hierarchical-grid-column-group-selection.component.html', styleUrls: ['./hierarchical-grid-column-group-selection.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnGroupComponent, IgxRowIslandComponent] }) export class HierarchicalGridColumnGroupSelectionComponent implements OnInit, AfterViewInit { diff --git a/src/app/hierarchical-grid/column-selection-styles/hierarchical-grid-column-selection-styles.component.ts b/src/app/hierarchical-grid/column-selection-styles/hierarchical-grid-column-selection-styles.component.ts index d192c2c896..df67a30ee1 100644 --- a/src/app/hierarchical-grid/column-selection-styles/hierarchical-grid-column-selection-styles.component.ts +++ b/src/app/hierarchical-grid/column-selection-styles/hierarchical-grid-column-selection-styles.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { SINGERS } from '../../data/singersData'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-column-selection-styles', templateUrl: './hierarchical-grid-column-selection-styles.component.html', styleUrls: ['./hierarchical-grid-column-selection-styles.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) export class HGridColumnSelectionStylesComponent implements OnInit, AfterViewInit { diff --git a/src/app/hierarchical-grid/column-selection/hierarchical-grid-column-selection.component.ts b/src/app/hierarchical-grid/column-selection/hierarchical-grid-column-selection.component.ts index 2471bbe0bf..75ccaded44 100644 --- a/src/app/hierarchical-grid/column-selection/hierarchical-grid-column-selection.component.ts +++ b/src/app/hierarchical-grid/column-selection/hierarchical-grid-column-selection.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; import { GridSelectionMode, IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; @@ -11,7 +11,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-hierarchical-grid-column-selection', templateUrl: './hierarchical-grid-column-selection.component.html', styleUrls: ['./hierarchical-grid-column-selection.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxSelectComponent, FormsModule, IgxLabelDirective, IgxSelectItemComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) export class HierarchicalGridColumnSelectionComponent implements OnInit, AfterViewInit { diff --git a/src/app/hierarchical-grid/hgrid-column-autosizing/hgrid-column-autosizing.component.ts b/src/app/hierarchical-grid/hgrid-column-autosizing/hgrid-column-autosizing.component.ts index be90a0ed4f..96919a585b 100644 --- a/src/app/hierarchical-grid/hgrid-column-autosizing/hgrid-column-autosizing.component.ts +++ b/src/app/hierarchical-grid/hgrid-column-autosizing/hgrid-column-autosizing.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { CUSTOMERS } from '../../data/hierarchical-data'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -7,7 +7,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'hierarchical-grid-column-autosizing', styleUrls: ['./hgrid-column-autosizing.component.scss'], templateUrl: './hgrid-column-autosizing.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hgrid-editing-lifecycle-sample/hgrid-editing-lifecycle.component.ts b/src/app/hierarchical-grid/hgrid-editing-lifecycle-sample/hgrid-editing-lifecycle.component.ts index cf5271b69a..afaaf6de75 100644 --- a/src/app/hierarchical-grid/hgrid-editing-lifecycle-sample/hgrid-editing-lifecycle.component.ts +++ b/src/app/hierarchical-grid/hgrid-editing-lifecycle-sample/hgrid-editing-lifecycle.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, Renderer2, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, Renderer2, ViewChild, inject } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hgrid-editing-lifecycle', templateUrl: 'hgrid-editing-lifecycle.component.html', styleUrls: ['hgrid-editing-lifecycle.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent, IgxButtonDirective, IgxIconComponent] }) export class HGridEditingLifecycleComponent { diff --git a/src/app/hierarchical-grid/hgrid-keybarod-nav-guide-sample/hgrid-keyboard-guide.component.ts b/src/app/hierarchical-grid/hgrid-keybarod-nav-guide-sample/hgrid-keyboard-guide.component.ts index 8bb284bd05..91be0500e5 100644 --- a/src/app/hierarchical-grid/hgrid-keybarod-nav-guide-sample/hgrid-keyboard-guide.component.ts +++ b/src/app/hierarchical-grid/hgrid-keybarod-nav-guide-sample/hgrid-keyboard-guide.component.ts @@ -3,7 +3,7 @@ /* eslint-disable @typescript-eslint/naming-convention */ /* eslint-disable no-shadow */ import { animate, state, style, transition, trigger } from '@angular/animations'; -import { ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild, inject } from '@angular/core'; import { CellType, IgxColumnComponent, IgxColumnGroupComponent, IgxGridToolbarComponent, IgxGridToolbarDirective } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxEmptyListTemplateDirective, IgxListComponent, IgxListItemComponent, IgxListLineSubTitleDirective, IgxListLineTitleDirective } from 'igniteui-angular/list'; @@ -167,7 +167,6 @@ const summaryCombinations: Item[] = [ ]) ]) ], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPaginatorComponent, IgxGridToolbarComponent, IgxColumnComponent, IgxColumnGroupComponent, IgxRowIslandComponent, IgxGridToolbarDirective, IgxListComponent, IgxListItemComponent, NgClass, IgxListLineTitleDirective, IgxListLineSubTitleDirective, IgxCheckboxComponent, IgxEmptyListTemplateDirective] }) export class HGridKeyboardnavGuide implements OnInit, OnDestroy { diff --git a/src/app/hierarchical-grid/hgrid-rowClasses-sample/hgrid-rowClasses.component.ts b/src/app/hierarchical-grid/hgrid-rowClasses-sample/hgrid-rowClasses.component.ts index 0ba49a294d..fa8ce6cee8 100644 --- a/src/app/hierarchical-grid/hgrid-rowClasses-sample/hgrid-rowClasses.component.ts +++ b/src/app/hierarchical-grid/hgrid-rowClasses-sample/hgrid-rowClasses.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, RowType } from 'igniteui-angular/grids/core'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hgrid-row-classes', styleUrls: ['./hgrid-rowClasses.component.scss'], templateUrl: 'hgrid-rowClasses.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxIconButtonDirective, IgxIconComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hgrid-rowStyle-sample/hgrid-rowStyles.component.ts b/src/app/hierarchical-grid/hgrid-rowStyle-sample/hgrid-rowStyles.component.ts index 826546bffc..ae92b4259b 100644 --- a/src/app/hierarchical-grid/hgrid-rowStyle-sample/hgrid-rowStyles.component.ts +++ b/src/app/hierarchical-grid/hgrid-rowStyle-sample/hgrid-rowStyles.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, RowType } from 'igniteui-angular/grids/core'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hgrid-row-row-styles', styleUrls: ['./hgrid-rowStyles.component.scss'], templateUrl: 'hgrid-rowStyles.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxIconButtonDirective, IgxIconComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hgrid-summary-export/hgrid-summary-export.component.ts b/src/app/hierarchical-grid/hgrid-summary-export/hgrid-summary-export.component.ts index b32e4328e5..eab9a7574c 100644 --- a/src/app/hierarchical-grid/hgrid-summary-export/hgrid-summary-export.component.ts +++ b/src/app/hierarchical-grid/hgrid-summary-export/hgrid-summary-export.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, inject } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxSummaryResult } from 'igniteui-angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; @@ -46,7 +46,6 @@ class MyChildSummary { selector: 'app-hierarchical-grid-summary-export', styleUrls: ['./hgrid-summary-export.component.scss'], templateUrl: 'hgrid-summary-export.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hgrid-summary-template/hgrid-summary-template.component.ts b/src/app/hierarchical-grid/hgrid-summary-template/hgrid-summary-template.component.ts index bf83d9c898..8177e2a118 100644 --- a/src/app/hierarchical-grid/hgrid-summary-template/hgrid-summary-template.component.ts +++ b/src/app/hierarchical-grid/hgrid-summary-template/hgrid-summary-template.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostBinding, OnInit } from '@angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand, IgxSummaryTemplateDirective } from 'igniteui-angular/grids/core'; import { IgxSummaryResult } from 'igniteui-angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -51,7 +51,6 @@ class GrammySummary { selector: 'app-hierarchical-grid-all-data-summary', styleUrls: ['./hgrid-summary-template.component.scss'], templateUrl: 'hgrid-summary-template.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxSwitchComponent, IgxButtonGroupComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxSummaryTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-action-strip/hierarchical-grid-action-strip-sample.ts b/src/app/hierarchical-grid/hierarchical-grid-action-strip/hierarchical-grid-action-strip-sample.ts index e57e493bd8..ef49a19046 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-action-strip/hierarchical-grid-action-strip-sample.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-action-strip/hierarchical-grid-action-strip-sample.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectorRef, AfterViewInit, ViewChildren, QueryList, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, ChangeDetectorRef, AfterViewInit, ViewChildren, QueryList, inject } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridPinningActionsComponent, RowType } from 'igniteui-angular/grids/core'; import { Transaction } from 'igniteui-angular/core'; @@ -13,7 +13,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-row-action-strip', styleUrls: [`hierarchical-grid-action-strip-sample.scss`], templateUrl: 'hierarchical-grid-action-strip-sample.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxActionStripComponent, IgxGridPinningActionsComponent, IgxIconButtonDirective, IgxRippleDirective, IgxIconComponent] }) export class HGridActionStripSampleComponent implements AfterViewInit{ diff --git a/src/app/hierarchical-grid/hierarchical-grid-add-row/hierarchical-grid-add-row.component.ts b/src/app/hierarchical-grid/hierarchical-grid-add-row/hierarchical-grid-add-row.component.ts index ead746bc94..28326279b7 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-add-row/hierarchical-grid-add-row.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-add-row/hierarchical-grid-add-row.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxColumnComponent, IgxGridEditingActionsComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-add-row', styleUrls: ['./hierarchical-grid-add-row.component.scss'], templateUrl: './hierarchical-grid-add-row.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxActionStripComponent, IgxGridEditingActionsComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-advanced-filtering-style/hierarchical-grid-advanced-filtering-style.component.ts b/src/app/hierarchical-grid/hierarchical-grid-advanced-filtering-style/hierarchical-grid-advanced-filtering-style.component.ts index 1baaf1ba3f..87e682c4f4 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-advanced-filtering-style/hierarchical-grid-advanced-filtering-style.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-advanced-filtering-style/hierarchical-grid-advanced-filtering-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarComponent, IgxGridToolbarDirective } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-advanced-filtering-style', styleUrls: ['./hierarchical-grid-advanced-filtering-style.component.scss'], templateUrl: 'hierarchical-grid-advanced-filtering-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxGridToolbarDirective] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-advanced-filtering/hierarchical-grid-advanced-filtering.component.ts b/src/app/hierarchical-grid/hierarchical-grid-advanced-filtering/hierarchical-grid-advanced-filtering.component.ts index 632e283769..178c411c60 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-advanced-filtering/hierarchical-grid-advanced-filtering.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-advanced-filtering/hierarchical-grid-advanced-filtering.component.ts @@ -1,4 +1,4 @@ -import { Component, AfterViewInit, ViewChild, ChangeDetectorRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, AfterViewInit, ViewChild, ChangeDetectorRef, inject } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarComponent, IgxGridToolbarDirective } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-advanced-filtering', styleUrls: ['./hierarchical-grid-advanced-filtering.component.scss'], templateUrl: 'hierarchical-grid-advanced-filtering.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxGridToolbarDirective] }) @@ -24,7 +23,7 @@ export class HGridAdvancedFilteringSampleComponent implements AfterViewInit{ constructor() { this.localData = SINGERS; } - + public ngAfterViewInit() { const albumsTree = new FilteringExpressionsTree(FilteringLogic.And, undefined, 'Albums', ['Artist']); albumsTree.filteringOperands.push({ diff --git a/src/app/hierarchical-grid/hierarchical-grid-allData-summary/hierarchical-grid-allData-summary.component.ts b/src/app/hierarchical-grid/hierarchical-grid-allData-summary/hierarchical-grid-allData-summary.component.ts index c4df67dd23..88f2e1b552 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-allData-summary/hierarchical-grid-allData-summary.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-allData-summary/hierarchical-grid-allData-summary.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxSummaryResult } from 'igniteui-angular/core'; @@ -47,7 +47,6 @@ class GrammySummary { selector: 'app-hierarchical-grid-all-data-summary', styleUrls: ['./hierarchical-grid-allData-summary.component.scss'], templateUrl: 'hierarchical-grid-allData-summary.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-batch-editing/hierarchical-grid-batch-editing.component.ts b/src/app/hierarchical-grid/hierarchical-grid-batch-editing/hierarchical-grid-batch-editing.component.ts index 3b8fd85e89..e6a09ab0e1 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-batch-editing/hierarchical-grid-batch-editing.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-batch-editing/hierarchical-grid-batch-editing.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { Transaction } from 'igniteui-angular/core'; @@ -17,7 +17,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-hierarchical-grid-batch-editing', styleUrls: ['./hierarchical-grid-batch-editing.component.scss'], templateUrl: 'hierarchical-grid-batch-editing.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxGridToolbarDirective, IgxGridToolbarComponent, IgxDialogComponent, IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxCheckboxComponent, IgxGridComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-cell-merge-custom/hierarchical-grid-cell-merge-custom.component.ts b/src/app/hierarchical-grid/hierarchical-grid-cell-merge-custom/hierarchical-grid-cell-merge-custom.component.ts index f88c8ac7dd..ae4e19b225 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-cell-merge-custom/hierarchical-grid-cell-merge-custom.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-cell-merge-custom/hierarchical-grid-cell-merge-custom.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { HIERARCHICAL_DATA_EXTENDED } from '../../data/hierarchical-data-extended'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { GridCellMergeMode, IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; @@ -12,7 +12,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-hierarchical-grid-cell-merge-custom', styleUrls: ['./hierarchical-grid-cell-merge-custom.component.scss'], templateUrl: 'hierarchical-grid-cell-merge-custom.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, diff --git a/src/app/hierarchical-grid/hierarchical-grid-cell-merge/hierarchical-grid-cell-merge.component.ts b/src/app/hierarchical-grid/hierarchical-grid-cell-merge/hierarchical-grid-cell-merge.component.ts index e8dcc24b81..18ad978ced 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-cell-merge/hierarchical-grid-cell-merge.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-cell-merge/hierarchical-grid-cell-merge.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, ContentChild, inject, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, ContentChild, inject, ViewChild } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { GridCellMergeMode, IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { SortingDirection } from 'igniteui-angular/core'; @@ -12,7 +12,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-hierarchical-grid-cell-merge', styleUrls: ['./hierarchical-grid-cell-merge.component.scss'], templateUrl: 'hierarchical-grid-cell-merge.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, diff --git a/src/app/hierarchical-grid/hierarchical-grid-cellSelection-sample/hierarchical-grid-cellSelection.component.ts b/src/app/hierarchical-grid/hierarchical-grid-cellSelection-sample/hierarchical-grid-cellSelection.component.ts index 1aa7ed7225..5fcddb71f1 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-cellSelection-sample/hierarchical-grid-cellSelection.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-cellSelection-sample/hierarchical-grid-cellSelection.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { GridSelectionMode, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -12,7 +12,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-cell-selection', styleUrls: ['./hierarchical-grid-cellSelection.component.scss'], templateUrl: 'hierarchical-grid-cellSelection.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent, IgxSnackbarComponent, IgxIconComponent] }) export class HierarchicalGridCellSelectionComponent implements OnInit { diff --git a/src/app/hierarchical-grid/hierarchical-grid-collapsible-column-groups/hierarchical-grid-collapsible-column-groups.component.ts b/src/app/hierarchical-grid/hierarchical-grid-collapsible-column-groups/hierarchical-grid-collapsible-column-groups.component.ts index 07d0c1be95..397822143f 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-collapsible-column-groups/hierarchical-grid-collapsible-column-groups.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-collapsible-column-groups/hierarchical-grid-collapsible-column-groups.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCollapsibleIndicatorTemplateDirective, IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-collapsible-column-groups', styleUrls: ['./hierarchical-grid-collapsible-column-groups.component.scss'], templateUrl: 'hierarchical-grid-collapsible-column-groups.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnGroupComponent, IgxCollapsibleIndicatorTemplateDirective, IgxIconComponent, IgxTooltipTargetDirective, IgxTooltipDirective, IgxColumnComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-column-hiding-toolbar-style/hierarchical-grid-column-hiding-toolbar-style.component.ts b/src/app/hierarchical-grid/hierarchical-grid-column-hiding-toolbar-style/hierarchical-grid-column-hiding-toolbar-style.component.ts index c772fefc31..06a501bd09 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-column-hiding-toolbar-style/hierarchical-grid-column-hiding-toolbar-style.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-column-hiding-toolbar-style/hierarchical-grid-column-hiding-toolbar-style.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, OnInit, ViewChild } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarDirective, IgxGridToolbarHidingComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; import { SINGERS } from '../../data/singersData'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-column-hiding-toolbar-style', styleUrls: ['./hierarchical-grid-column-hiding-toolbar-style.component.scss'], templateUrl: './hierarchical-grid-column-hiding-toolbar-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxGridToolbarDirective] }) export class HierarchicalGridColumnHidingToolbarStyleComponent implements OnInit { diff --git a/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-custom-hiding.component.ts b/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-custom-hiding.component.ts index 454d9d9d7e..f62c43f132 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-custom-hiding.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-custom-hiding.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnActionsComponent, IgxColumnComponent, IgxColumnHidingDirective } from 'igniteui-angular/grids/core'; import { IgxRadioComponent } from 'igniteui-angular/radio'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-custom-hiding', styleUrls: ['./hierarchical-grid-custom-hiding.component.scss'], templateUrl: 'hierarchical-grid-custom-hiding.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxColumnActionsComponent, IgxColumnHidingDirective, IgxRadioComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-hiding.component.ts b/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-hiding.component.ts index 2c74f8cb37..8aa58d8b2f 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-hiding.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-hiding.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarDirective, IgxGridToolbarHidingComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-hiding', styleUrls: ['./hierarchical-grid-hiding.component.scss'], templateUrl: 'hierarchical-grid-hiding.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxGridToolbarDirective] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-column-moving-styled/hierarchical-grid-moving-styled.component.ts b/src/app/hierarchical-grid/hierarchical-grid-column-moving-styled/hierarchical-grid-moving-styled.component.ts index 81691ebcfd..51e12be5b1 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-column-moving-styled/hierarchical-grid-moving-styled.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-column-moving-styled/hierarchical-grid-moving-styled.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCellHeaderTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-moving-styled', styleUrls: ['./hierarchical-grid-moving-styled.component.scss'], templateUrl: 'hierarchical-grid-moving-styled.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellHeaderTemplateDirective, IgxIconComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-column-moving/hierarchical-grid-moving.component.ts b/src/app/hierarchical-grid/hierarchical-grid-column-moving/hierarchical-grid-moving.component.ts index 047cedc734..8c94e7924d 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-column-moving/hierarchical-grid-moving.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-column-moving/hierarchical-grid-moving.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCellHeaderTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-moving', styleUrls: ['./hierarchical-grid-moving.component.scss'], templateUrl: 'hierarchical-grid-moving.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellHeaderTemplateDirective, IgxIconComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-pinning.component.ts b/src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-pinning.component.ts index d73273f501..97ce00cd7e 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-pinning.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-pinning.component.ts @@ -1,5 +1,5 @@ -import { AfterViewInit, ChangeDetectorRef, Component, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, inject } from '@angular/core'; import { ColumnType } from 'igniteui-angular/core'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; import { IgxCellHeaderTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -13,7 +13,6 @@ const FILTERING_ICONS_FONT_SET = 'filtering-icons'; selector: 'app-hierarchical-grid-pinning', styleUrls: ['./hierarchical-grid-pinning.component.scss'], templateUrl: 'hierarchical-grid-pinning.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCellHeaderTemplateDirective, IgxIconComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-toolbar-pinning.component.ts b/src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-toolbar-pinning.component.ts index d67222dee0..6c3a4ff00a 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-toolbar-pinning.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-toolbar-pinning.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, inject } from '@angular/core'; import { CUSTOMERS } from '../../data/hierarchical-data'; import { ActivatedRoute } from '@angular/router'; import { NgClass } from '@angular/common'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-toolbar-pinning', styleUrls: ['./hierarchical-grid-toolbar-pinning.component.scss'], templateUrl: 'hierarchical-grid-toolbar-pinning.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [NgClass, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarPinningComponent, IgxColumnComponent, IgxRowIslandComponent] }) export class HGridToolbarPinningComponent implements OnInit { diff --git a/src/app/hierarchical-grid/hierarchical-grid-conditional-row-selectors/hierarchical-grid-conditional-row-selectors.component.ts b/src/app/hierarchical-grid/hierarchical-grid-conditional-row-selectors/hierarchical-grid-conditional-row-selectors.component.ts index d88491edf8..7b78532b57 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-conditional-row-selectors/hierarchical-grid-conditional-row-selectors.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-conditional-row-selectors/hierarchical-grid-conditional-row-selectors.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { IRowSelectionEventArgs, IgxColumnComponent, IgxRowSelectorDirective } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-conditional-row-selectors', styleUrls: ['./hierarchical-grid-conditional-row-selectors.component.scss'], templateUrl: 'hierarchical-grid-conditional-row-selectors.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxRowIslandComponent, IgxRowSelectorDirective, IgxCheckboxComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-cross-field-validation/hierarchical-grid-cross-field-validation.component.ts b/src/app/hierarchical-grid/hierarchical-grid-cross-field-validation/hierarchical-grid-cross-field-validation.component.ts index f4e197d4e2..5668d18936 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-cross-field-validation/hierarchical-grid-cross-field-validation.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-cross-field-validation/hierarchical-grid-cross-field-validation.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { AbstractControl, ValidationErrors, ValidatorFn, FormsModule, ReactiveFormsModule } from '@angular/forms'; import { CellType, IGridEditEventArgs, IGridFormGroupCreatedEventArgs, IgxCellEditorTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent, IgxColumnRequiredValidatorDirective, IgxGridToolbarComponent, IgxGridToolbarDirective } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; @@ -13,7 +13,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'hierarchical-grid-cross-field-validation', styleUrls: ['./hierarchical-grid-cross-field-validation.component.scss'], templateUrl: 'hierarchical-grid-cross-field-validation.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxTooltipTargetDirective, IgxTooltipDirective, IgxColumnRequiredValidatorDirective, IgxCellEditorTemplateDirective, IgxSelectComponent, ReactiveFormsModule, IgxFocusDirective, IgxSelectItemComponent, IgxRowIslandComponent, IgxGridToolbarDirective, IgxGridToolbarComponent, IgxButtonDirective] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-custom-kb-navigation/hierarchical-grid-custom-kb-navigation-sample.component.ts b/src/app/hierarchical-grid/hierarchical-grid-custom-kb-navigation/hierarchical-grid-custom-kb-navigation-sample.component.ts index 4a4d4c7b1d..d6a1febac8 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-custom-kb-navigation/hierarchical-grid-custom-kb-navigation-sample.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-custom-kb-navigation/hierarchical-grid-custom-kb-navigation-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IGridCreatedEventArgs, IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { CellType, IGridKeydownEventArgs, IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarComponent, IgxGridToolbarDirective, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; import { SINGERS } from '../../data/singersData'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-custom-kb-navigation-sample', styleUrls: ['./hierarchical-grid-custom-kb-navigation-sample.component.scss'], templateUrl: 'hierarchical-grid-custom-kb-navigation-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxGridToolbarDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-disable-summaries/hierarchical-grid-disable-summaries.component.ts b/src/app/hierarchical-grid/hierarchical-grid-disable-summaries/hierarchical-grid-disable-summaries.component.ts index 8695e8dbdf..0161f967c3 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-disable-summaries/hierarchical-grid-disable-summaries.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-disable-summaries/hierarchical-grid-disable-summaries.component.ts @@ -70,7 +70,6 @@ class GrammySummary { selector: "app-hierarchical-grid-summary-sample", styleUrls: ["./hierarchical-grid-disable-summaries.component.scss"], templateUrl: "hierarchical-grid-disable-summaries.component.html", - changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxHierarchicalGridComponent, IgxRowIslandComponent, diff --git a/src/app/hierarchical-grid/hierarchical-grid-display-density/hierarchical-grid-density.component.ts b/src/app/hierarchical-grid/hierarchical-grid-display-density/hierarchical-grid-density.component.ts index e7446ef664..31cf229aee 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-display-density/hierarchical-grid-density.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-display-density/hierarchical-grid-density.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostBinding, OnInit, ViewChild } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-density', styleUrls: ['./hierarchical-grid-density.component.scss'], templateUrl: 'hierarchical-grid-density.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-editing-events/hierarchical-grid-editing-events.component.ts b/src/app/hierarchical-grid/hierarchical-grid-editing-events/hierarchical-grid-editing-events.component.ts index cacb13bd69..94a4523e00 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-editing-events/hierarchical-grid-editing-events.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-editing-events/hierarchical-grid-editing-events.component.ts @@ -1,4 +1,4 @@ -import { Component, OnDestroy, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnDestroy, OnInit, ViewChild } from '@angular/core'; import { IGridCreatedEventArgs, IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IGridEditEventArgs, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxToastComponent } from 'igniteui-angular/toast'; @@ -13,7 +13,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-editing-events', styleUrls: ['./hierarchical-grid-editing-events.component.scss'], templateUrl: 'hierarchical-grid-editing-events.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent, IgxToastComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-editing-style/hierarchical-grid-editing-style.component.ts b/src/app/hierarchical-grid/hierarchical-grid-editing-style/hierarchical-grid-editing-style.component.ts index fd84574f12..9bd98422df 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-editing-style/hierarchical-grid-editing-style.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-editing-style/hierarchical-grid-editing-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { SINGERS } from '../../data/singersData'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-editing-style', styleUrls: ['./hierarchical-grid-editing-style.component.scss'], templateUrl: 'hierarchical-grid-editing-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-editing/hierarchical-grid-editing.component.ts b/src/app/hierarchical-grid/hierarchical-grid-editing/hierarchical-grid-editing.component.ts index 816fc5d1e0..8d98db1c7f 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-editing/hierarchical-grid-editing.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-editing/hierarchical-grid-editing.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core'; @@ -40,7 +40,6 @@ class MySummary { selector: 'app-hierarchical-grid-editing', styleUrls: ['./hierarchical-grid-editing.component.scss'], templateUrl: 'hierarchical-grid-editing.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxIconButtonDirective, IgxIconComponent, IgxRowIslandComponent, IgxDialogComponent, IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxCheckboxComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-excel-exporter/hierarchical-grid-excel-export.sample.ts b/src/app/hierarchical-grid/hierarchical-grid-excel-exporter/hierarchical-grid-excel-export.sample.ts index 71bf1acd1f..7c98e6e67a 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-excel-exporter/hierarchical-grid-excel-export.sample.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-excel-exporter/hierarchical-grid-excel-export.sample.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { Singer, SINGERS } from '../../data/artistData'; @@ -7,7 +7,6 @@ import { Singer, SINGERS } from '../../data/artistData'; selector: 'app-hierarchical-grid-excel-export-sample', styleUrls: ['hierarchical-grid-excel-export.sample.scss'], templateUrl: 'hierarchical-grid-excel-export.sample.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxRowIslandComponent] }) export class HGridExcelExportSampleComponent { diff --git a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-load-on-demand/hierarchical-grid-excel-style-filtering-load-on-demand.component.ts b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-load-on-demand/hierarchical-grid-excel-style-filtering-load-on-demand.component.ts index ce36956ea5..60074a224b 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-load-on-demand/hierarchical-grid-excel-style-filtering-load-on-demand.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-load-on-demand/hierarchical-grid-excel-style-filtering-load-on-demand.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, inject } from '@angular/core'; import { ColumnType, IFilteringExpressionsTree } from 'igniteui-angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro templateUrl: './hierarchical-grid-excel-style-filtering-load-on-demand.component.html', styleUrls: ['./hierarchical-grid-excel-style-filtering-load-on-demand.component.scss'], providers: [RemoteValuesService], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) export class HierarchicalGridExcelStyleFilteringLoadOnDemandComponent implements OnInit { diff --git a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-1/hierarchical-grid-excel-style-filtering-sample-1.component.ts b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-1/hierarchical-grid-excel-style-filtering-sample-1.component.ts index 73bbbfd4e3..c6804d7aaa 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-1/hierarchical-grid-excel-style-filtering-sample-1.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-1/hierarchical-grid-excel-style-filtering-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostBinding, OnInit, ViewChild } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-excel-style-filtering-sample-1', styleUrls: ['./hierarchical-grid-excel-style-filtering-sample-1.component.scss'], templateUrl: 'hierarchical-grid-excel-style-filtering-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-2/hierarchical-grid-excel-style-filtering-sample-2.component.ts b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-2/hierarchical-grid-excel-style-filtering-sample-2.component.ts index 70e3712065..be298df026 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-2/hierarchical-grid-excel-style-filtering-sample-2.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-2/hierarchical-grid-excel-style-filtering-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-excel-style-filtering-sample-2', styleUrls: ['./hierarchical-grid-excel-style-filtering-sample-2.component.scss'], templateUrl: 'hierarchical-grid-excel-style-filtering-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-3/hierarchical-grid-excel-style-filtering-sample-3.component.ts b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-3/hierarchical-grid-excel-style-filtering-sample-3.component.ts index e7c0ba5f61..61c51165a4 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-3/hierarchical-grid-excel-style-filtering-sample-3.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-3/hierarchical-grid-excel-style-filtering-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxExcelStyleColumnOperationsTemplateDirective, IgxExcelStyleFilterOperationsTemplateDirective, IgxExcelStyleHeaderComponent, IgxExcelStyleHeaderIconDirective, IgxExcelStyleSearchComponent, IgxExcelStyleSortingComponent, IgxGridExcelStyleFilteringComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-excel-style-filtering-sample-3', styleUrls: ['./hierarchical-grid-excel-style-filtering-sample-3.component.scss'], templateUrl: 'hierarchical-grid-excel-style-filtering-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxExcelStyleHeaderIconDirective, IgxIconComponent, IgxGridExcelStyleFilteringComponent, IgxExcelStyleColumnOperationsTemplateDirective, IgxExcelStyleHeaderComponent, IgxExcelStyleSortingComponent, IgxExcelStyleFilterOperationsTemplateDirective, IgxExcelStyleSearchComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-style/hierarchical-grid-excel-style-filtering-style.component.ts b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-style/hierarchical-grid-excel-style-filtering-style.component.ts index a1ab6a71e5..cd8fe1db14 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-style/hierarchical-grid-excel-style-filtering-style.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-style/hierarchical-grid-excel-style-filtering-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { SINGERS } from '../../data/singersData'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-excel-style-filtering-style', styleUrls: ['./hierarchical-grid-excel-style-filtering-style.component.scss'], templateUrl: 'hierarchical-grid-excel-style-filtering-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) export class HGridExcelStyleFilteringStyleComponent { diff --git a/src/app/hierarchical-grid/hierarchical-grid-external-advanced-filtering/hierarchical-grid-external-advanced-filtering.component.ts b/src/app/hierarchical-grid/hierarchical-grid-external-advanced-filtering/hierarchical-grid-external-advanced-filtering.component.ts index f10cc7098f..87d7104a0f 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-external-advanced-filtering/hierarchical-grid-external-advanced-filtering.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-external-advanced-filtering/hierarchical-grid-external-advanced-filtering.component.ts @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-external-advanced-filtering', templateUrl: './hierarchical-grid-external-advanced-filtering.component.html', styleUrls: ['./hierarchical-grid-external-advanced-filtering.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAdvancedFilteringDialogComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxGridToolbarDirective, IgxGridToolbarComponent] }) export class HGridExternalAdvancedFilteringComponent { diff --git a/src/app/hierarchical-grid/hierarchical-grid-external-excel-style-filtering/hierarchical-grid-external-excel-style-filtering.component.ts b/src/app/hierarchical-grid/hierarchical-grid-external-excel-style-filtering/hierarchical-grid-external-excel-style-filtering.component.ts index 2582d8e45f..a468af36e2 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-external-excel-style-filtering/hierarchical-grid-external-excel-style-filtering.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-external-excel-style-filtering/hierarchical-grid-external-excel-style-filtering.component.ts @@ -8,7 +8,6 @@ import { SINGERS } from '../../data/singersData'; import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scroll.directive'; @Component({ - changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-hierarchical-grid-external-excel-style-filtering', templateUrl: './hierarchical-grid-external-excel-style-filtering.component.html', styleUrls: ['./hierarchical-grid-external-excel-style-filtering.component.scss'], diff --git a/src/app/hierarchical-grid/hierarchical-grid-external-outlet/hierarchical-grid-external-outlet-sample.component.ts b/src/app/hierarchical-grid/hierarchical-grid-external-outlet/hierarchical-grid-external-outlet-sample.component.ts index 978743a72b..42d6cf25c9 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-external-outlet/hierarchical-grid-external-outlet-sample.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-external-outlet/hierarchical-grid-external-outlet-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-external-outlet', styleUrls: ['./hierarchical-grid-external-outlet-sample.component.scss'], templateUrl: 'hierarchical-grid-external-outlet-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxOverlayOutletDirective] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-filtering-style/hierarchical-grid-filtering-style.component.ts b/src/app/hierarchical-grid/hierarchical-grid-filtering-style/hierarchical-grid-filtering-style.component.ts index 03c495267e..9cb589296b 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-filtering-style/hierarchical-grid-filtering-style.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-filtering-style/hierarchical-grid-filtering-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-filtering-style', styleUrls: ['./hierarchical-grid-filtering-style.component.scss'], templateUrl: './hierarchical-grid-filtering-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) export class HierarchicalGridFilteringStyleComponent { diff --git a/src/app/hierarchical-grid/hierarchical-grid-filtering-template/hierarchical-grid-filtering-template.component.ts b/src/app/hierarchical-grid/hierarchical-grid-filtering-template/hierarchical-grid-filtering-template.component.ts index 23191188e1..f7f4261dfe 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-filtering-template/hierarchical-grid-filtering-template.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-filtering-template/hierarchical-grid-filtering-template.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { ColumnType, GridColumnDataType, IgxDateFilteringOperand, IgxNumberFilteringOperand, IgxPickerClearComponent, IgxPickerToggleComponent, IgxStringFilteringOperand, OverlaySettings } from 'igniteui-angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxFilterCellTemplateDirective } from 'igniteui-angular/grids/core'; @@ -13,7 +13,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-filtering-template', styleUrls: ['./hierarchical-grid-filtering-template.component.scss'], templateUrl: 'hierarchical-grid-filtering-template.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxFilterCellTemplateDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, IgxInputDirective, IgxSuffixDirective, IgxDatePickerComponent, IgxPickerToggleComponent, IgxPickerClearComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-filtering/hierarchical-grid-custom-filtering.component.ts b/src/app/hierarchical-grid/hierarchical-grid-filtering/hierarchical-grid-custom-filtering.component.ts index 7af572dce1..589bc404de 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-filtering/hierarchical-grid-custom-filtering.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-filtering/hierarchical-grid-custom-filtering.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IFilteringOperation, IgxBooleanFilteringOperand, IgxStringFilteringOperand } from 'igniteui-angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-custom-filtering', styleUrls: ['./hierarchical-grid-custom-filtering.component.scss'], templateUrl: 'hierarchical-grid-custom-filtering.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-filtering/hierarchical-grid-filtering.component.ts b/src/app/hierarchical-grid/hierarchical-grid-filtering/hierarchical-grid-filtering.component.ts index e825618401..77dd97ab91 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-filtering/hierarchical-grid-filtering.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-filtering/hierarchical-grid-filtering.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-filtering', styleUrls: ['./hierarchical-grid-filtering.component.scss'], templateUrl: 'hierarchical-grid-filtering.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-formatted-filtering-strategy/hierarchical-grid-formatted-filtering-strategy.component.ts b/src/app/hierarchical-grid/hierarchical-grid-formatted-filtering-strategy/hierarchical-grid-formatted-filtering-strategy.component.ts index 46ed2ae013..90e8ecba96 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-formatted-filtering-strategy/hierarchical-grid-formatted-filtering-strategy.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-formatted-filtering-strategy/hierarchical-grid-formatted-filtering-strategy.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { FormattedValuesFilteringStrategy } from 'igniteui-angular/core'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-formatted-filtering-strategy', styleUrls: ['./hierarchical-grid-formatted-filtering-strategy.component.scss'], templateUrl: 'hierarchical-grid-formatted-filtering-strategy.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-lod/hierarchical-grid-lod.component.ts b/src/app/hierarchical-grid/hierarchical-grid-lod/hierarchical-grid-lod.component.ts index 6a236613db..02b5f64f38 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-lod/hierarchical-grid-lod.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-lod/hierarchical-grid-lod.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, OnInit, ViewChild, inject } from '@angular/core'; import { IGX_HIERARCHICAL_GRID_DIRECTIVES, IGridCreatedEventArgs, IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { EntityType, FilteringExpressionsTree, FilteringLogic, IgxNumberFilteringOperand, IgxStringFilteringOperand } from 'igniteui-angular/core'; @@ -11,7 +11,6 @@ const API_ENDPOINT = 'https://data-northwind.indigo.design'; selector: 'app-hierarchical-grid-lod', styleUrls: ['./hierarchical-grid-lod.component.scss'], templateUrl: './hierarchical-grid-lod.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IGX_HIERARCHICAL_GRID_DIRECTIVES, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent] }) export class HierarchicalGridLoDSampleComponent implements OnInit, AfterViewInit { diff --git a/src/app/hierarchical-grid/hierarchical-grid-multi-cell-style/hierarchical-grid-multi-cell-style.component.ts b/src/app/hierarchical-grid/hierarchical-grid-multi-cell-style/hierarchical-grid-multi-cell-style.component.ts index 34e9ad773d..e74592731a 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-multi-cell-style/hierarchical-grid-multi-cell-style.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-multi-cell-style/hierarchical-grid-multi-cell-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { CUSTOMERS } from '../../data/hierarchical-data'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-multi-cell-style', styleUrls: ['./hierarchical-grid-multi-cell-style.component.scss'], templateUrl: 'hierarchical-grid-multi-cell-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-multi-column-header-template/hierarchical-grid-multi-column-template.component.ts b/src/app/hierarchical-grid/hierarchical-grid-multi-column-header-template/hierarchical-grid-multi-column-template.component.ts index 8b00150fdc..573e8b172a 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-multi-column-header-template/hierarchical-grid-multi-column-template.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-multi-column-header-template/hierarchical-grid-multi-column-template.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-multi-column-template', styleUrls: ['./hierarchical-grid-multi-column-template.component.scss'], templateUrl: 'hierarchical-grid-multi-column-template.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnGroupComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers-export/hierarchical-grid-multi-column-export.component.ts b/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers-export/hierarchical-grid-multi-column-export.component.ts index d5b04a7314..6e786d56a7 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers-export/hierarchical-grid-multi-column-export.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers-export/hierarchical-grid-multi-column-export.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { IgxColumnComponent, IgxColumnGroupComponent, IgxExporterEvent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-hierarchical-grid-multi-column-export', styleUrls: ['./hierarchical-grid-multi-column-export.component.scss'], templateUrl: 'hierarchical-grid-multi-column-export.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxSwitchComponent, FormsModule, IgxGridToolbarPinningComponent, IgxGridToolbarHidingComponent, IgxGridToolbarExporterComponent, IgxColumnGroupComponent, IgxColumnComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers-styling/hierarchical-grid-multi-column-styling.component.ts b/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers-styling/hierarchical-grid-multi-column-styling.component.ts index e8b7504918..1a7014a8bc 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers-styling/hierarchical-grid-multi-column-styling.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers-styling/hierarchical-grid-multi-column-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { CUSTOMERS } from '../../data/hierarchical-data'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-multi-column-styling', styleUrls: ['./hierarchical-grid-multi-column-styling.component.scss'], templateUrl: 'hierarchical-grid-multi-column-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnGroupComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers/hierarchical-grid-multi-column.component.ts b/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers/hierarchical-grid-multi-column.component.ts index 1254f6e3b0..f7bfbb72d8 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers/hierarchical-grid-multi-column.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers/hierarchical-grid-multi-column.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-multi-column', styleUrls: ['./hierarchical-grid-multi-column.component.scss'], templateUrl: 'hierarchical-grid-multi-column.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnGroupComponent, IgxRowIslandComponent, IgxButtonDirective] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-multi-row-drag/hierarchical-grid-multi-row-drag.component.ts b/src/app/hierarchical-grid/hierarchical-grid-multi-row-drag/hierarchical-grid-multi-row-drag.component.ts index e4390cb00e..4e042abc40 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-multi-row-drag/hierarchical-grid-multi-row-drag.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-multi-row-drag/hierarchical-grid-multi-row-drag.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent, IgxRowDragGhostDirective, RowType } from 'igniteui-angular/grids/core'; import { IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-multi-row-drag', styleUrls: ['./hierarchical-grid-multi-row-drag.component.scss'], templateUrl: 'hierarchical-grid-multi-row-drag.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDropDirective, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent, IgxRowDragGhostDirective, IgxIconComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-pager-sample/hierarchical-grid-pager-sample.component.ts b/src/app/hierarchical-grid/hierarchical-grid-pager-sample/hierarchical-grid-pager-sample.component.ts index cb7f3b60dd..bc468441f3 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-pager-sample/hierarchical-grid-pager-sample.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-pager-sample/hierarchical-grid-pager-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, AfterViewInit, PLATFORM_ID, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild, AfterViewInit, PLATFORM_ID, inject } from '@angular/core'; import { IPaginatorResourceStrings } from 'igniteui-angular/core'; import { IgxPageNavigationComponent, IgxPageSizeSelectorComponent, IgxPaginatorComponent, IgxPaginatorContentDirective, IgxPaginatorDirective } from 'igniteui-angular/paginator'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; @@ -14,7 +14,6 @@ import { isPlatformBrowser } from '@angular/common'; selector: 'app-hierarchical-grid-pager-sample', styleUrls: ['./hierarchical-grid-pager-sample.component.scss'], templateUrl: './hierarchical-grid-pager-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxPaginatorContentDirective, IgxPageSizeSelectorComponent, IgxPageNavigationComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxPaginatorDirective, IgxSwitchComponent, FormsModule] }) export class HierarchicalGridPagerSampleComponent implements OnInit, AfterViewInit { diff --git a/src/app/hierarchical-grid/hierarchical-grid-paging-style/hierarchical-grid-paging-style.component.ts b/src/app/hierarchical-grid/hierarchical-grid-paging-style/hierarchical-grid-paging-style.component.ts index b9aa5640ad..e0898032a1 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-paging-style/hierarchical-grid-paging-style.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-paging-style/hierarchical-grid-paging-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxPaginatorComponent, IgxPaginatorDirective } from 'igniteui-angular/paginator'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-paging', styleUrls: ['./hierarchical-grid-paging-style.component.scss'], templateUrl: 'hierarchical-grid-paging-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxPaginatorDirective] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-paging/hierarchical-grid-paging.component.ts b/src/app/hierarchical-grid/hierarchical-grid-paging/hierarchical-grid-paging.component.ts index 755b62eda3..2ed83119f3 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-paging/hierarchical-grid-paging.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-paging/hierarchical-grid-paging.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-paging', styleUrls: ['./hierarchical-grid-paging.component.scss'], templateUrl: 'hierarchical-grid-paging.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxPaginatorDirective, IgxPaginatorComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-paging/hierarchical-grid-remote-paging.component.ts b/src/app/hierarchical-grid/hierarchical-grid-paging/hierarchical-grid-remote-paging.component.ts index cb18bd2dc9..81d9a01f24 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-paging/hierarchical-grid-remote-paging.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-paging/hierarchical-grid-remote-paging.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnDestroy, OnInit, TemplateRef, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, OnDestroy, OnInit, TemplateRef, ViewChild, inject } from '@angular/core'; import { GridPagingMode, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IGridCreatedEventArgs, IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxPageNavigationComponent, IgxPageSizeSelectorComponent, IgxPaginatorComponent, IgxPaginatorContentDirective, IgxPaginatorDirective } from 'igniteui-angular/paginator'; @@ -12,7 +12,6 @@ import { AsyncPipe } from '@angular/common'; selector: 'app-hierarchical-grid-remote-paging', styleUrls: ['./hierarchical-grid-remote-paging.component.scss'], templateUrl: 'hierarchical-grid-remote-paging.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent, IgxPaginatorDirective, IgxPaginatorComponent, IgxPaginatorContentDirective, IgxPageSizeSelectorComponent, IgxPageNavigationComponent, AsyncPipe] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-remote-paging-default-template/hierarchical-grid-remote-paging-default-template.component.ts b/src/app/hierarchical-grid/hierarchical-grid-remote-paging-default-template/hierarchical-grid-remote-paging-default-template.component.ts index 4ce4b6fad5..46bb0e283a 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-remote-paging-default-template/hierarchical-grid-remote-paging-default-template.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-remote-paging-default-template/hierarchical-grid-remote-paging-default-template.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnDestroy, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, OnDestroy, OnInit, ViewChild, inject } from '@angular/core'; import { GridPagingMode, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IGridCreatedEventArgs, IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxPaginatorComponent, IgxPaginatorDirective } from 'igniteui-angular/paginator'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-remote-paging-default-template', styleUrls: ['./hierarchical-grid-remote-paging-default-template.component.scss'], templateUrl: 'hierarchical-grid-remote-paging-default-template.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxRowIslandComponent, IgxPaginatorDirective] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-resize-line-styling/hierarchical-grid-resize-line-styling.component.ts b/src/app/hierarchical-grid/hierarchical-grid-resize-line-styling/hierarchical-grid-resize-line-styling.component.ts index b679c5fc59..d14a751db8 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-resize-line-styling/hierarchical-grid-resize-line-styling.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-resize-line-styling/hierarchical-grid-resize-line-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-resize-line-styling', styleUrls: ['./hierarchical-grid-resize-line-styling.component.scss'], templateUrl: './hierarchical-grid-resize-line-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) export class HGridResizeLineStylingComponent { diff --git a/src/app/hierarchical-grid/hierarchical-grid-row-drag-base/hierarchical-row-drag-base.component.ts b/src/app/hierarchical-grid/hierarchical-grid-row-drag-base/hierarchical-row-drag-base.component.ts index 95cb73d60c..4b72194622 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-row-drag-base/hierarchical-row-drag-base.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-row-drag-base/hierarchical-row-drag-base.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxColumnComponent, RowType } from 'igniteui-angular/grids/core'; @@ -17,7 +17,6 @@ enum DragIcon { selector: 'app-hierarchical-row-drag-base', styleUrls: ['./hierarchical-row-drag-base.component.scss'], templateUrl: 'hierarchical-row-drag-base.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDropDirective, IgxIconComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-row-drag/hierarchical-grid-row-drag.component.ts b/src/app/hierarchical-grid/hierarchical-grid-row-drag/hierarchical-grid-row-drag.component.ts index e681c94dd5..b90baae786 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-row-drag/hierarchical-grid-row-drag.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-row-drag/hierarchical-grid-row-drag.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxColumnComponent, IgxDragIndicatorIconDirective, RowType } from 'igniteui-angular/grids/core'; @@ -17,7 +17,6 @@ enum DragIcon { selector: 'app-hierarchical-grid-row-drag', styleUrls: ['./hierarchical-grid-row-drag.component.scss'], templateUrl: 'hierarchical-grid-row-drag.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDropDirective, IgxIconComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent, IgxDragIndicatorIconDirective] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-row-edit-style/hierarchical-grid-row-edit-style.component.ts b/src/app/hierarchical-grid/hierarchical-grid-row-edit-style/hierarchical-grid-row-edit-style.component.ts index af38e72bcd..2aa40e6fc2 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-row-edit-style/hierarchical-grid-row-edit-style.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-row-edit-style/hierarchical-grid-row-edit-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxRowEditActionsDirective, IgxRowEditTabStopDirective, IgxRowEditTextDirective } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-row-edit-style', styleUrls: ['./hierarchical-grid-row-edit-style.component.scss'], templateUrl: 'hierarchical-grid-row-edit-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxRowEditTextDirective, IgxRowEditActionsDirective, IgxIconButtonDirective, IgxRowEditTabStopDirective, IgxIconComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-row-editing/hierarchical-grid-row-editing.component.ts b/src/app/hierarchical-grid/hierarchical-grid-row-editing/hierarchical-grid-row-editing.component.ts index 4198c9fdbc..a57d89d78f 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-row-editing/hierarchical-grid-row-editing.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-row-editing/hierarchical-grid-row-editing.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-row-editing', styleUrls: ['./hierarchical-grid-row-editing.component.scss'], templateUrl: 'hierarchical-grid-row-editing.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) export class HGridRowEditingSampleComponent { diff --git a/src/app/hierarchical-grid/hierarchical-grid-row-pinning-extra-column/hierarchical-grid-row-pinning-extra-column.component.ts b/src/app/hierarchical-grid/hierarchical-grid-row-pinning-extra-column/hierarchical-grid-row-pinning-extra-column.component.ts index 2a3a2435c7..b130ce198e 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-row-pinning-extra-column/hierarchical-grid-row-pinning-extra-column.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-row-pinning-extra-column/hierarchical-grid-row-pinning-extra-column.component.ts @@ -1,4 +1,4 @@ -import { Component, AfterViewInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, AfterViewInit, inject } from '@angular/core'; import { ColumnPinningPosition } from 'igniteui-angular/core'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; import { IPinningConfig, IgxCellTemplateDirective, IgxColumnComponent, RowPinningPosition, RowType } from 'igniteui-angular/grids/core'; @@ -14,7 +14,6 @@ const FILTERING_ICONS_FONT_SET = 'filtering-icons'; selector: 'app-hierarchical-grid-row-pinning-extra-column', styleUrls: ['./hierarchical-grid-row-pinning-extra-column.component.scss'], templateUrl: 'hierarchical-grid-row-pinning-extra-column.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxIconComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-row-pinning-styling/hierarchical-grid-row-pinning-styling.component.ts b/src/app/hierarchical-grid/hierarchical-grid-row-pinning-styling/hierarchical-grid-row-pinning-styling.component.ts index 75c4acd9cf..0bcd26d626 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-row-pinning-styling/hierarchical-grid-row-pinning-styling.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-row-pinning-styling/hierarchical-grid-row-pinning-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { ColumnPinningPosition } from 'igniteui-angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IPinningConfig, IgxCellTemplateDirective, IgxColumnComponent, IgxGridPinningActionsComponent, RowPinningPosition } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-row-pinning-styling', styleUrls: ['./hierarchical-grid-row-pinning-styling.component.scss'], templateUrl: 'hierarchical-grid-row-pinning-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxActionStripComponent, IgxGridPinningActionsComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-row-pinning/hierarchical-grid-row-pinning.component.ts b/src/app/hierarchical-grid/hierarchical-grid-row-pinning/hierarchical-grid-row-pinning.component.ts index baaf37f08e..65251546e3 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-row-pinning/hierarchical-grid-row-pinning.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-row-pinning/hierarchical-grid-row-pinning.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { ColumnPinningPosition } from 'igniteui-angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IPinningConfig, IgxCellTemplateDirective, IgxColumnComponent, IgxGridPinningActionsComponent, RowPinningPosition } from 'igniteui-angular/grids/core'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-row-pinning', styleUrls: ['./hierarchical-grid-row-pinning.component.scss'], templateUrl: 'hierarchical-grid-row-pinning.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxActionStripComponent, IgxGridPinningActionsComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-row-reorder/hierarchical-grid-row-reorder.component.ts b/src/app/hierarchical-grid/hierarchical-grid-row-reorder/hierarchical-grid-row-reorder.component.ts index 24fa3b7c9f..8b36d09049 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-row-reorder/hierarchical-grid-row-reorder.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-row-reorder/hierarchical-grid-row-reorder.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { GridSelectionMode, IgxColumnComponent, RowType } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-row-reorder', styleUrls: ['./hierarchical-grid-row-reorder.component.scss'], templateUrl: 'hierarchical-grid-row-reorder.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxDropDirective, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent] }) export class HGridRowReorderComponent { diff --git a/src/app/hierarchical-grid/hierarchical-grid-sample-both-sides-pinning/hierarchical-grid-both-sides-pinning.component.ts b/src/app/hierarchical-grid/hierarchical-grid-sample-both-sides-pinning/hierarchical-grid-both-sides-pinning.component.ts index 82129b4174..b5cf3dac41 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-sample-both-sides-pinning/hierarchical-grid-both-sides-pinning.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-sample-both-sides-pinning/hierarchical-grid-both-sides-pinning.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from "@angular/core"; +import { Component, OnInit, ViewChild, ViewEncapsulation } from "@angular/core"; import { ColumnPinningPosition, ColumnType } from 'igniteui-angular/core'; import { IPinningConfig, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; @@ -15,7 +15,6 @@ import { DatePipe } from "@angular/common"; selector: "hierarchical-grid-sample-both-side-pinning", styleUrls: ["hierarchical-grid-both-sides-pinning.component.scss"], templateUrl: "hierarchical-grid-both-sides-pinning.component.html", - changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxHierarchicalGridComponent, IgxGridToolbarComponent, diff --git a/src/app/hierarchical-grid/hierarchical-grid-sample-right-pinning/hierarchical-grid-right-pinning.component.ts b/src/app/hierarchical-grid/hierarchical-grid-sample-right-pinning/hierarchical-grid-right-pinning.component.ts index 3995efc69d..63a3e074d6 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-sample-right-pinning/hierarchical-grid-right-pinning.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-sample-right-pinning/hierarchical-grid-right-pinning.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild, ViewEncapsulation } from '@angular/core'; import { ColumnPinningPosition } from 'igniteui-angular/core'; import { IPinningConfig, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; @@ -16,7 +16,6 @@ import { DatePipe } from '@angular/common'; selector: 'hierarchical-grid-sample', styleUrls: ['hierarchical-grid-right-pinning.component.scss'], templateUrl: 'hierarchical-grid-right-pinning.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarPinningComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxTooltipTargetDirective, IgxTooltipDirective, IgxAvatarComponent, IgxCellHeaderTemplateDirective, IgxIconComponent, IgxRowIslandComponent, DatePipe] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-save-state/about.component.ts b/src/app/hierarchical-grid/hierarchical-grid-save-state/about.component.ts index e1dc397084..913b20e3cd 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-save-state/about.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-save-state/about.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { RouterLink } from '@angular/router'; @Component({ selector: 'app-about', templateUrl: './about.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, RouterLink] }) export class HGridAboutComponent { diff --git a/src/app/hierarchical-grid/hierarchical-grid-save-state/hGrid-state.component.ts b/src/app/hierarchical-grid/hierarchical-grid-save-state/hGrid-state.component.ts index c3695f6ca1..30882f5dcf 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-save-state/hGrid-state.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-save-state/hGrid-state.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ViewChildren, QueryList, AfterViewInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild, ViewChildren, QueryList, AfterViewInit, inject } from '@angular/core'; import { NavigationStart, Router, RouterLink } from '@angular/router'; import { GridFeatures, IGridState, IGridStateOptions, IgxCellTemplateDirective, IgxColumnComponent, IgxGridStateDirective, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; @@ -30,7 +30,6 @@ class MySummary { selector: 'app-hgrid', styleUrls: ['./hGrid-state.component.scss'], templateUrl: './hGrid-state.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxIconComponent, RouterLink, IgxCheckboxComponent, IgxHierarchicalGridComponent, IgxGridStateDirective, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-selection-template-numbers/hierarchical-grid-selection-template-numbers.component.ts b/src/app/hierarchical-grid/hierarchical-grid-selection-template-numbers/hierarchical-grid-selection-template-numbers.component.ts index 55e12513c8..c0e8dee708 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-selection-template-numbers/hierarchical-grid-selection-template-numbers.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-selection-template-numbers/hierarchical-grid-selection-template-numbers.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-selection-template-numbers', styleUrls: ['./hierarchical-grid-selection-template-numbers.component.scss'], templateUrl: 'hierarchical-grid-selection-template-numbers.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxRowIslandComponent, IgxHeadSelectorDirective, IgxRowSelectorDirective, IgxCheckboxComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-selection/hierarchical-grid-selection.component.ts b/src/app/hierarchical-grid/hierarchical-grid-selection/hierarchical-grid-selection.component.ts index 6e4646dde8..91c2f62a38 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-selection/hierarchical-grid-selection.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-selection/hierarchical-grid-selection.component.ts @@ -1,4 +1,4 @@ -import { Component, OnDestroy, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnDestroy, OnInit, ViewChild } from '@angular/core'; import { GridSelectionMode, IRowSelectionEventArgs, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @@ -14,7 +14,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-selection', styleUrls: ['./hierarchical-grid-selection.component.scss'], templateUrl: 'hierarchical-grid-selection.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxButtonGroupComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxSnackbarComponent, IgxIconComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-sorting-styling/hierarchical-grid-sorting-styling.component.ts b/src/app/hierarchical-grid/hierarchical-grid-sorting-styling/hierarchical-grid-sorting-styling.component.ts index 344ec75f92..2453e1a732 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-sorting-styling/hierarchical-grid-sorting-styling.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-sorting-styling/hierarchical-grid-sorting-styling.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, OnInit, ViewChild } from '@angular/core'; import { DefaultSortingStrategy, SortingDirection } from 'igniteui-angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-sorting-styling', styleUrls: ['./hierarchical-grid-sorting-styling.component.scss'], templateUrl: 'hierarchical-grid-sorting-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-sorting/hgrid-contextmenu/hgrid-contextmenu.component.ts b/src/app/hierarchical-grid/hierarchical-grid-sorting/hgrid-contextmenu/hgrid-contextmenu.component.ts index 8db9cc4194..cd56eac388 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-sorting/hgrid-contextmenu/hgrid-contextmenu.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-sorting/hgrid-contextmenu/hgrid-contextmenu.component.ts @@ -1,4 +1,4 @@ -import { Component, Input, ChangeDetectionStrategy } from '@angular/core'; +import { Component, Input } from '@angular/core'; import { SortingDirection } from 'igniteui-angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { NgStyle } from '@angular/common'; @@ -7,7 +7,6 @@ import { NgStyle } from '@angular/common'; selector: 'app-hgrid-contextmenu', styleUrls: ['./hgrid-contextmenu.component.scss'], templateUrl: './hgrid-contextmenu.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [NgStyle, IgxIconComponent] }) export class HGridContextmenuComponent { diff --git a/src/app/hierarchical-grid/hierarchical-grid-sorting/hierarchical-grid-sorting.component.ts b/src/app/hierarchical-grid/hierarchical-grid-sorting/hierarchical-grid-sorting.component.ts index 9615032eb2..277e08dc62 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-sorting/hierarchical-grid-sorting.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-sorting/hierarchical-grid-sorting.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, OnInit, ViewChild } from '@angular/core'; import { DefaultSortingStrategy, SortingDirection } from 'igniteui-angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -11,7 +11,6 @@ import { HGridContextmenuComponent } from './hgrid-contextmenu/hgrid-contextmenu selector: 'app-hierarchical-grid-sorting', styleUrls: ['./hierarchical-grid-sorting.component.scss'], templateUrl: 'hierarchical-grid-sorting.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, HGridContextmenuComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-styling/hierarchical-grid-styling.component.ts b/src/app/hierarchical-grid/hierarchical-grid-styling/hierarchical-grid-styling.component.ts index 9ed63fd0f6..fcc915ddfc 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-styling/hierarchical-grid-styling.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-styling/hierarchical-grid-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { SINGERS } from '../../data/singersData'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-styling', styleUrls: ['./hierarchical-grid-styling.component.scss'], templateUrl: 'hierarchical-grid-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-summary-formatter/hierarchical-grid-summary-formatter.component.ts b/src/app/hierarchical-grid/hierarchical-grid-summary-formatter/hierarchical-grid-summary-formatter.component.ts index 0e5a8f6412..63b88dacb7 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-summary-formatter/hierarchical-grid-summary-formatter.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-summary-formatter/hierarchical-grid-summary-formatter.component.ts @@ -1,5 +1,5 @@ import { DatePipe } from '@angular/common'; -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxColumnComponent, IgxDateSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxSummaryResult } from 'igniteui-angular/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-summary-formatter', styleUrls: ['./hierarchical-grid-summary-formatter.component.scss'], templateUrl: 'hierarchical-grid-summary-formatter.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-summary-styling/hierarchical-grid-summary-styling.component.ts b/src/app/hierarchical-grid/hierarchical-grid-summary-styling/hierarchical-grid-summary-styling.component.ts index 219aa02d44..35a3d264e0 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-summary-styling/hierarchical-grid-summary-styling.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-summary-styling/hierarchical-grid-summary-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxSummaryResult } from 'igniteui-angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; @@ -46,7 +46,6 @@ class MyChildSummary { selector: 'app-hierarchical-grid-summary-styling', styleUrls: ['./hierarchical-grid-summary-styling.component.scss'], templateUrl: 'hierarchical-grid-summary-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-summary/hierarchical-grid-summary.component.ts b/src/app/hierarchical-grid/hierarchical-grid-summary/hierarchical-grid-summary.component.ts index 0d37bb7847..cf73f3cb90 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-summary/hierarchical-grid-summary.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-summary/hierarchical-grid-summary.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxSummaryResult } from 'igniteui-angular/core'; @@ -46,7 +46,6 @@ class MyChildSummary { selector: 'app-hierarchical-grid-summary', styleUrls: ['./hierarchical-grid-summary.component.scss'], templateUrl: 'hierarchical-grid-summary.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-toolbar-style/hierarchical-grid-toolbar-style.component.ts b/src/app/hierarchical-grid/hierarchical-grid-toolbar-style/hierarchical-grid-toolbar-style.component.ts index 398e36e64e..07b59c0933 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-toolbar-style/hierarchical-grid-toolbar-style.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-toolbar-style/hierarchical-grid-toolbar-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-toolbar-style', styleUrls: ['./hierarchical-grid-toolbar-style.component.scss'], templateUrl: './hierarchical-grid-toolbar-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) export class HierarchicalGridToolbarStyleComponent { diff --git a/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-custom.component.ts b/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-custom.component.ts index 95e25ec859..5d325f6616 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-custom.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-custom.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarDirective, IgxGridToolbarHidingComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-toolbar-custom', styleUrls: ['./hierarchical-grid-toolbar-custom.component.scss'], templateUrl: 'hierarchical-grid-toolbar-custom.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxButtonDirective, IgxRippleDirective, IgxIconComponent, IgxGridToolbarHidingComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxGridToolbarDirective] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-options.component.ts b/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-options.component.ts index 151d610239..4016b371d9 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-options.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-options.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @@ -12,7 +12,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-toolbar-options', styleUrls: ['./hierarchical-grid-toolbar-options.component.scss'], templateUrl: 'hierarchical-grid-toolbar-options.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxSwitchComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarAdvancedFilteringComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-title.component.ts b/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-title.component.ts index 18b094c596..4942cdce5e 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-title.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-title.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarComponent, IgxGridToolbarDirective, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-toolbar-title', styleUrls: ['./hierarchical-grid-toolbar-title.component.scss'], templateUrl: 'hierarchical-grid-toolbar-title.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxGridToolbarDirective] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-validation-style/hierarchical-grid-validation-style.component.ts b/src/app/hierarchical-grid/hierarchical-grid-validation-style/hierarchical-grid-validation-style.component.ts index 7e0f412c5c..49871eb70b 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-validation-style/hierarchical-grid-validation-style.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-validation-style/hierarchical-grid-validation-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellValidationErrorDirective, IgxColumnComponent, IgxColumnRequiredValidatorDirective, RowType } from 'igniteui-angular/grids/core'; @@ -11,7 +11,6 @@ import { NgTemplateOutlet } from '@angular/common'; selector: 'app-hierarchical-grid-validation-style', styleUrls: ['./hierarchical-grid-validation-style.component.scss'], templateUrl: 'hierarchical-grid-validation-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnRequiredValidatorDirective, IgxCellValidationErrorDirective, NgTemplateOutlet, IgxRowIslandComponent] }) export class HGridValidationStyleComponent { diff --git a/src/app/hierarchical-grid/hierarchical-grid-validator-service-extended/hierarchical-grid-validator-service-extended.component.ts b/src/app/hierarchical-grid/hierarchical-grid-validator-service-extended/hierarchical-grid-validator-service-extended.component.ts index 5458cc7a1a..63c25d780a 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-validator-service-extended/hierarchical-grid-validator-service-extended.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-validator-service-extended/hierarchical-grid-validator-service-extended.component.ts @@ -1,4 +1,4 @@ -import { Component, Directive, Input, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, Directive, Input, ViewChild } from '@angular/core'; import { AbstractControl, NG_VALIDATORS, ValidationErrors, ValidatorFn, Validators } from '@angular/forms'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IGridFormGroupCreatedEventArgs, IgxCellValidationErrorDirective, IgxColumnComponent, IgxColumnRequiredValidatorDirective, IgxGridToolbarComponent, IgxGridToolbarDirective } from 'igniteui-angular/grids/core'; @@ -35,7 +35,6 @@ export function unique(value, index, self) { selector: 'app-hierarchical-grid-validator-service-extended', styleUrls: ['./hierarchical-grid-validator-service-extended.component.scss'], templateUrl: './hierarchical-grid-validator-service-extended.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxColumnComponent, IgxColumnRequiredValidatorDirective, HGridPhoneFormatDirective, IgxCellValidationErrorDirective, NgTemplateOutlet, IgxRowIslandComponent, IgxGridToolbarDirective, IgxGridToolbarComponent, IgxButtonDirective] }) export class HierarchicalGridValidatorServiceExtendedComponent { diff --git a/src/app/hierarchical-grid/hierarchical-grid-validator-service/hierarchical-grid-validator-service.component.ts b/src/app/hierarchical-grid/hierarchical-grid-validator-service/hierarchical-grid-validator-service.component.ts index 32cf4b3cba..1c969657b8 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-validator-service/hierarchical-grid-validator-service.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-validator-service/hierarchical-grid-validator-service.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; import { IgxColumnComponent, IgxColumnMaxValidatorDirective, IgxColumnMinValidatorDirective, IgxColumnRequiredValidatorDirective } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-hierarchical-grid-validator-service', styleUrls: ['./hierarchical-grid-validator-service.component.scss'], templateUrl: './hierarchical-grid-validator-service.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxHierarchicalGridComponent, IgxColumnComponent, IgxColumnRequiredValidatorDirective, IgxRowIslandComponent, IgxColumnMinValidatorDirective, IgxColumnMaxValidatorDirective] }) export class HierarchicalGridValidatorServiceComponent implements OnInit { diff --git a/src/app/home/home.component.ts b/src/app/home/home.component.ts index bab10f8ab0..5a8d2e5984 100644 --- a/src/app/home/home.component.ts +++ b/src/app/home/home.component.ts @@ -1,9 +1,8 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'app-home', styleUrls: ['./home.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, templateUrl: './home.component.html' }) export class HomeComponent { diff --git a/src/app/how-to/reactive-forms/reactive-forms.component.ts b/src/app/how-to/reactive-forms/reactive-forms.component.ts index e4c1404633..ffd68813f1 100644 --- a/src/app/how-to/reactive-forms/reactive-forms.component.ts +++ b/src/app/how-to/reactive-forms/reactive-forms.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { FormArray, FormBuilder, FormControl, FormGroup, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms'; import { DateRange, IgxPickerToggleComponent } from 'igniteui-angular/core'; import { IRangeSliderValue, IgxSliderComponent } from 'igniteui-angular/slider'; @@ -38,7 +38,6 @@ export interface User{ selector: 'app-reactive-form', styleUrls: ['./reactive-forms.component.scss'], templateUrl: './reactive-forms.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, ReactiveFormsModule, IgxSelectComponent, IgxSelectGroupComponent, IgxSelectItemComponent, IgxLabelDirective, IgxSelectToggleIconDirective, IgxIconComponent, IgxInputGroupComponent, IgxInputDirective, IgxSuffixDirective, IgxHintDirective, IgxPrefixDirective, IgxComboComponent, IgxDatePickerComponent, IgxPickerToggleComponent, IgxTimePickerComponent, IgcFormControlDirective, IgxCheckboxComponent, IgxRadioGroupDirective, IgxRadioComponent, IgxSwitchComponent, IgxDateRangePickerComponent, IgxSliderComponent, IgxCalendarComponent, IgxCardComponent, IgxMonthPickerComponent, IgxButtonDirective, IgxRippleDirective] }) export class ReactiveFormsSampleComponent { diff --git a/src/app/index/docs-layout.component.ts b/src/app/index/docs-layout.component.ts index 2678b93291..c1a426b4b2 100644 --- a/src/app/index/docs-layout.component.ts +++ b/src/app/index/docs-layout.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { RouterOutlet } from '@angular/router'; @Component({ selector: 'app-docs-layout', styleUrls: ['./docs-layout.component.scss'], template: ``, - changeDetection: ChangeDetectionStrategy.Eager, imports: [RouterOutlet] }) diff --git a/src/app/index/index.component.ts b/src/app/index/index.component.ts index 9b3c5935e0..31dc645f47 100644 --- a/src/app/index/index.component.ts +++ b/src/app/index/index.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, DOCUMENT, PLATFORM_ID, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, DOCUMENT, PLATFORM_ID, inject } from '@angular/core'; import { NavigationStart, Route, Router, RouterLinkActive, RouterLink, RouterOutlet } from '@angular/router'; import { IgxNavDrawerItemDirective, IgxNavDrawerTemplateDirective, IgxNavigationDrawerComponent } from 'igniteui-angular/navigation-drawer'; import { IgxTreeComponent, IgxTreeNodeComponent, IgxTreeNodeLinkDirective } from 'igniteui-angular/tree'; @@ -33,7 +33,6 @@ import { isPlatformBrowser } from '@angular/common'; selector: 'app-index', styleUrls: ['./index.component.scss'], templateUrl: './index.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLayoutDirective, IgxNavigationDrawerComponent, IgxNavDrawerTemplateDirective, IgxNavDrawerItemDirective, IgxRippleDirective, RouterLinkActive, RouterLink, IgxIconComponent, IgxInputGroupComponent, IgxPrefixDirective, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxTreeComponent, IgxTreeNodeComponent, IgxTreeNodeLinkDirective, IgxFlexDirective, IgxNavbarComponent, RouterOutlet] }) export class IndexComponent implements OnInit, AfterViewInit { diff --git a/src/app/interactions/chat/features-sample/features-sample.component.ts b/src/app/interactions/chat/features-sample/features-sample.component.ts index 6a5741022f..5c209dba0c 100644 --- a/src/app/interactions/chat/features-sample/features-sample.component.ts +++ b/src/app/interactions/chat/features-sample/features-sample.component.ts @@ -1,5 +1,5 @@ import { AsyncPipe } from '@angular/common'; -import { Component, effect, signal, viewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, effect, signal, viewChild } from '@angular/core'; import { IgxChatComponent, IgxChatMessageContextDirective, type IgxChatOptions } from 'igniteui-angular/chat'; import { MarkdownPipe } from 'igniteui-angular/chat-extras'; @@ -7,7 +7,6 @@ import { MarkdownPipe } from 'igniteui-angular/chat-extras'; selector: 'app-chat-features-sample', styleUrls: ['./features-sample.component.scss'], templateUrl: './features-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxChatComponent, IgxChatMessageContextDirective, AsyncPipe, MarkdownPipe] }) export class ChatFeaturesSampleComponent { diff --git a/src/app/interactions/chat/overview-sample/overview-sample.component.ts b/src/app/interactions/chat/overview-sample/overview-sample.component.ts index 0cc6e77a5c..1d3585a4e6 100644 --- a/src/app/interactions/chat/overview-sample/overview-sample.component.ts +++ b/src/app/interactions/chat/overview-sample/overview-sample.component.ts @@ -1,11 +1,10 @@ -import { Component, signal, ChangeDetectionStrategy } from '@angular/core'; +import { Component, signal } from '@angular/core'; import { IgxChatComponent, IgxChatOptions } from 'igniteui-angular/chat'; @Component({ selector: 'app-chat-overview-sample', styleUrls: ['./overview-sample.component.scss'], templateUrl: './overview-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxChatComponent] }) export class ChatOverviewSampleComponent { diff --git a/src/app/interactions/chat/styling-sample/styling-sample.component.ts b/src/app/interactions/chat/styling-sample/styling-sample.component.ts index 47ecca81ba..09205aa509 100644 --- a/src/app/interactions/chat/styling-sample/styling-sample.component.ts +++ b/src/app/interactions/chat/styling-sample/styling-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, signal, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy } from '@angular/core'; +import { Component, signal, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; import { IgxChatComponent, IgxChatOptions } from 'igniteui-angular/chat'; @@ -7,7 +7,6 @@ import { IgxChatComponent, IgxChatOptions } from 'igniteui-angular/chat'; styleUrls: ['./styling-sample.component.scss'], templateUrl: './styling-sample.component.html', imports: [IgxAvatarComponent, IgxChatComponent], - changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) diff --git a/src/app/interactions/dialog/dialog-sample-1/dialog-sample-1.component.ts b/src/app/interactions/dialog/dialog-sample-1/dialog-sample-1.component.ts index d9a93012ed..45895afcd7 100644 --- a/src/app/interactions/dialog/dialog-sample-1/dialog-sample-1.component.ts +++ b/src/app/interactions/dialog/dialog-sample-1/dialog-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; @@ -6,7 +6,6 @@ import { IgxDialogComponent } from 'igniteui-angular/dialog'; selector: 'app-dialog-sample-1', styleUrls: ['./dialog-sample-1.component.scss'], templateUrl: './dialog-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective, IgxDialogComponent] }) export class DialogSample1Component { } diff --git a/src/app/interactions/dialog/dialog-sample-2/dialog-sample-2.component.ts b/src/app/interactions/dialog/dialog-sample-2/dialog-sample-2.component.ts index b75a1405fb..667d646447 100644 --- a/src/app/interactions/dialog/dialog-sample-2/dialog-sample-2.component.ts +++ b/src/app/interactions/dialog/dialog-sample-2/dialog-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; @@ -6,7 +6,6 @@ import { IgxDialogComponent } from 'igniteui-angular/dialog'; selector: 'app-dialog-sample-2', styleUrls: ['./dialog-sample-2.component.scss'], templateUrl: './dialog-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective, IgxDialogComponent] }) export class DialogSample2Component { diff --git a/src/app/interactions/dialog/dialog-sample-3/dialog-sample-3.component.ts b/src/app/interactions/dialog/dialog-sample-3/dialog-sample-3.component.ts index 4ac8a58c83..df3e2e7e1d 100644 --- a/src/app/interactions/dialog/dialog-sample-3/dialog-sample-3.component.ts +++ b/src/app/interactions/dialog/dialog-sample-3/dialog-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxDialogActionsDirective, IgxDialogComponent, IgxDialogTitleDirective } from 'igniteui-angular/dialog'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -9,7 +9,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-dialog-sample-3', styleUrls: ['./dialog-sample-3.component.scss'], templateUrl: './dialog-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective, IgxDialogComponent, IgxDialogTitleDirective, IgxIconComponent, FormsModule, IgxInputGroupComponent, IgxPrefixDirective, IgxLabelDirective, IgxInputDirective, IgxDialogActionsDirective] }) export class DialogSample3Component { diff --git a/src/app/interactions/dialog/dialog-styling-sample/dialog-styling-sample.component.ts b/src/app/interactions/dialog/dialog-styling-sample/dialog-styling-sample.component.ts index ae808b7b25..720f1a1d6e 100644 --- a/src/app/interactions/dialog/dialog-styling-sample/dialog-styling-sample.component.ts +++ b/src/app/interactions/dialog/dialog-styling-sample/dialog-styling-sample.component.ts @@ -1,5 +1,5 @@ import { useAnimation } from '@angular/animations'; -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { CloseScrollStrategy, GlobalPositionStrategy, IgxOverlayOutletDirective, PositionSettings } from 'igniteui-angular/core'; import { IgxDialogActionsDirective, IgxDialogComponent, IgxDialogTitleDirective } from 'igniteui-angular/dialog'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -10,7 +10,6 @@ import { slideInBottom, slideOutTop } from 'igniteui-angular/animations'; selector: 'app-dialog-styling-sample', styleUrls: ['./dialog-styling-sample.component.scss'], templateUrl: './dialog-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxOverlayOutletDirective, IgxButtonDirective, IgxRippleDirective, IgxDialogComponent, IgxDialogTitleDirective, IgxIconComponent, IgxDialogActionsDirective] }) export class DialogStylingSampleComponent implements OnInit { diff --git a/src/app/interactions/drag-drop/dialog-sample/drag-dialog-sample.component.ts b/src/app/interactions/drag-drop/dialog-sample/drag-dialog-sample.component.ts index 06ef7d9580..84f657a289 100644 --- a/src/app/interactions/drag-drop/dialog-sample/drag-dialog-sample.component.ts +++ b/src/app/interactions/drag-drop/dialog-sample/drag-dialog-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, ViewChild } from '@angular/core'; import { GlobalPositionStrategy, NoOpScrollStrategy, OverlaySettings } from 'igniteui-angular/core'; import { IgxButtonDirective, IgxDragDirective, IgxDragHandleDirective, IgxDragLocation, IgxToggleDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-drag-dialog-sample', templateUrl: './drag-dialog-sample.component.html', styleUrls: ['./drag-dialog-sample.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleDirective, IgxDragDirective, IgxIconComponent, IgxDragHandleDirective] }) export class DragDialogSampleComponent { diff --git a/src/app/interactions/drag-drop/email-sample/email-sample.component.ts b/src/app/interactions/drag-drop/email-sample/email-sample.component.ts index 3e5d08325d..8c05ad259a 100644 --- a/src/app/interactions/drag-drop/email-sample/email-sample.component.ts +++ b/src/app/interactions/drag-drop/email-sample/email-sample.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, Input, Renderer2, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, Input, Renderer2, inject } from '@angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { IgxListComponent, IgxListItemComponent, IgxListLineSubTitleDirective, IgxListLineTitleDirective, IgxListThumbnailDirective } from 'igniteui-angular/list'; import { IgxDragDirective, IgxDropDirective } from 'igniteui-angular/directives'; @@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-email-sample', templateUrl: './email-sample.component.html', styleUrls: ['./email-sample.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent, IgxListComponent, IgxListItemComponent, IgxDropDirective, IgxListThumbnailDirective, IgxListLineTitleDirective, IgxDragDirective, IgxListLineSubTitleDirective, IgxCheckboxComponent, FormsModule] }) diff --git a/src/app/interactions/drag-drop/icons-sample/icons-sample.component.ts b/src/app/interactions/drag-drop/icons-sample/icons-sample.component.ts index 6a036f4298..f96eb09227 100644 --- a/src/app/interactions/drag-drop/icons-sample/icons-sample.component.ts +++ b/src/app/interactions/drag-drop/icons-sample/icons-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxDragDirective, IgxDropDirective } from 'igniteui-angular/directives'; @@ -6,7 +6,6 @@ import { IgxDragDirective, IgxDropDirective } from 'igniteui-angular/directives' selector: 'app-icons-sample', styleUrls: ['./icons-sample.component.scss'], templateUrl: './icons-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDragDirective, IgxDropDirective] }) diff --git a/src/app/interactions/drag-drop/kanban-sample/kanban-sample.component.ts b/src/app/interactions/drag-drop/kanban-sample/kanban-sample.component.ts index d047dd5f41..4abbf20fae 100644 --- a/src/app/interactions/drag-drop/kanban-sample/kanban-sample.component.ts +++ b/src/app/interactions/drag-drop/kanban-sample/kanban-sample.component.ts @@ -1,6 +1,6 @@ /* eslint-disable no-shadow */ /* eslint-disable @typescript-eslint/naming-convention */ -import { ChangeDetectorRef, Component, ElementRef, OnInit, Renderer2, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, ElementRef, OnInit, Renderer2, ViewChild, inject } from '@angular/core'; import { IDropBaseEventArgs, IDropDroppedEventArgs, IgxDragDirective, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxChipComponent } from 'igniteui-angular/chips'; import { IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderTitleDirective } from 'igniteui-angular/card'; @@ -21,7 +21,6 @@ interface IListItem { selector: 'app-kanban-sample', templateUrl: './kanban-sample.component.html', styleUrls: ['./kanban-sample.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDropDirective, IgxChipComponent, IgxCardComponent, IgxDragDirective, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardContentDirective] }) export class KanbanSampleComponent implements OnInit { diff --git a/src/app/interactions/drag-drop/list-reorder-sample/list-reorder-sample.component.ts b/src/app/interactions/drag-drop/list-reorder-sample/list-reorder-sample.component.ts index ad21634b41..d7bba62cb1 100644 --- a/src/app/interactions/drag-drop/list-reorder-sample/list-reorder-sample.component.ts +++ b/src/app/interactions/drag-drop/list-reorder-sample/list-reorder-sample.component.ts @@ -15,7 +15,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-list-reorder-sample', templateUrl: './list-reorder-sample.component.html', styleUrls: ['./list-reorder-sample.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxListItemComponent, IgxDropDirective, IgxDragDirective, IgxListLineTitleDirective, IgxListLineSubTitleDirective, IgxIconComponent, IgxDragHandleDirective, IgxListActionDirective] }) export class ListReorderSampleComponent { diff --git a/src/app/interactions/overlay/overlay-dynamic-card/overlay-dynamic-card.component.ts b/src/app/interactions/overlay/overlay-dynamic-card/overlay-dynamic-card.component.ts index 4db0b4d417..148eeac4fc 100644 --- a/src/app/interactions/overlay/overlay-dynamic-card/overlay-dynamic-card.component.ts +++ b/src/app/interactions/overlay/overlay-dynamic-card/overlay-dynamic-card.component.ts @@ -1,12 +1,12 @@ -import { Component, ElementRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, inject } from '@angular/core'; import { IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardModule } from 'igniteui-angular/card'; @Component({ selector: `app-overlay-dynamic-card-component`, templateUrl: `overlay-dynamic-card.component.html`, styleUrls: [`overlay-dynamic-card.component.scss`], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardContentDirective] }) -export class MyDynamicCardComponent { elementRef = inject(ElementRef); - +export class MyDynamicCardComponent { + elementRef = inject(ElementRef); + } diff --git a/src/app/interactions/overlay/overlay-main-1/overlay-main-sample-1.component.ts b/src/app/interactions/overlay/overlay-main-1/overlay-main-sample-1.component.ts index 1001eabb2f..8f558f35df 100644 --- a/src/app/interactions/overlay/overlay-main-1/overlay-main-sample-1.component.ts +++ b/src/app/interactions/overlay/overlay-main-1/overlay-main-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, OnDestroy, ViewContainerRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnDestroy, ViewContainerRef, inject } from '@angular/core'; import { IgxOverlayService } from 'igniteui-angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { MyDynamicCardComponent} from '../overlay-dynamic-card/overlay-dynamic-card.component'; @@ -6,7 +6,6 @@ import { MyDynamicCardComponent} from '../overlay-dynamic-card/overlay-dynamic-c selector: 'app-overlay-sample', templateUrl: `./overlay-main-sample-1.component.html`, styleUrls: [`./overlay-main-sample-1.component.scss`], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class OverlaySampleMain1Component implements OnDestroy { diff --git a/src/app/interactions/overlay/overlay-main-2/overlay-main-sample-2.component.ts b/src/app/interactions/overlay/overlay-main-2/overlay-main-sample-2.component.ts index cd0f104e05..92b7b5949c 100644 --- a/src/app/interactions/overlay/overlay-main-2/overlay-main-sample-2.component.ts +++ b/src/app/interactions/overlay/overlay-main-2/overlay-main-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnDestroy, ViewChild, ViewContainerRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, OnDestroy, ViewChild, ViewContainerRef, inject } from '@angular/core'; import { ConnectedPositioningStrategy, IgxOverlayService } from 'igniteui-angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { CardSample1Component } from '../../../layouts/card/card-sample-1/card-sample-1.component'; @@ -7,7 +7,6 @@ import { CardSample1Component } from '../../../layouts/card/card-sample-1/card-s selector: 'app-overlay-sample', templateUrl: `./overlay-main-sample-2.component.html`, styleUrls: [`./overlay-main-sample-2.component.scss`], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class OverlaySampleMain2Component implements OnDestroy { diff --git a/src/app/interactions/overlay/overlay-main-3/overlay-main-sample-3.component.ts b/src/app/interactions/overlay/overlay-main-3/overlay-main-sample-3.component.ts index 3923a014b5..dff46042de 100644 --- a/src/app/interactions/overlay/overlay-main-3/overlay-main-sample-3.component.ts +++ b/src/app/interactions/overlay/overlay-main-3/overlay-main-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnDestroy, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, OnDestroy, ViewChild, inject } from '@angular/core'; import { ConnectedPositioningStrategy, IgxOverlayService } from 'igniteui-angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { CardSample1Component } from '../../../layouts/card/card-sample-1/card-sample-1.component'; @@ -7,7 +7,6 @@ import { CardSample1Component } from '../../../layouts/card/card-sample-1/card-s selector: 'app-overlay-sample', templateUrl: `overlay-main-sample-3.component.html`, styleUrls: ['overlay-main-sample-3.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, CardSample1Component] }) export class OverlaySampleMain3Component implements OnDestroy { diff --git a/src/app/interactions/overlay/overlay-positioning-1/overlay-position-sample-1.component.ts b/src/app/interactions/overlay/overlay-positioning-1/overlay-position-sample-1.component.ts index 967296ef6d..e466675df8 100644 --- a/src/app/interactions/overlay/overlay-positioning-1/overlay-position-sample-1.component.ts +++ b/src/app/interactions/overlay/overlay-positioning-1/overlay-position-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnDestroy, ViewChild, ViewContainerRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, OnDestroy, ViewChild, ViewContainerRef, inject } from '@angular/core'; import { ConnectedPositioningStrategy, IgxOverlayService, OverlaySettings } from 'igniteui-angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { Subject } from 'rxjs'; @@ -8,7 +8,6 @@ import { MyDynamicCardComponent } from '../overlay-dynamic-card/overlay-dynamic- styleUrls: ['./overlay-position-sample-1.component.scss'], templateUrl: './overlay-position-sample-1.component.html', providers: [IgxOverlayService], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class OverlayPositionSample1Component implements OnDestroy { diff --git a/src/app/interactions/overlay/overlay-positioning-2/overlay-position-sample-2.component.ts b/src/app/interactions/overlay/overlay-positioning-2/overlay-position-sample-2.component.ts index 327fd28427..904a281eb9 100644 --- a/src/app/interactions/overlay/overlay-positioning-2/overlay-position-sample-2.component.ts +++ b/src/app/interactions/overlay/overlay-positioning-2/overlay-position-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnDestroy, ViewChild, ViewContainerRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, OnDestroy, ViewChild, ViewContainerRef, inject } from '@angular/core'; import { ConnectedPositioningStrategy, HorizontalAlignment, IgxOverlayService, OverlaySettings, PositionSettings, VerticalAlignment } from 'igniteui-angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { MyDynamicCardComponent } from '../overlay-dynamic-card/overlay-dynamic-card.component'; @@ -7,7 +7,6 @@ import { MyDynamicCardComponent } from '../overlay-dynamic-card/overlay-dynamic- styleUrls: ['./overlay-position-sample-2.component.scss'], templateUrl: './overlay-position-sample-2.component.html', providers: [IgxOverlayService], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class OverlayPositionSample2Component implements OnDestroy { diff --git a/src/app/interactions/overlay/overlay-positioning-3/overlay-position-sample-3.component.ts b/src/app/interactions/overlay/overlay-positioning-3/overlay-position-sample-3.component.ts index 27e0c21af2..f2d41e4c5b 100644 --- a/src/app/interactions/overlay/overlay-positioning-3/overlay-position-sample-3.component.ts +++ b/src/app/interactions/overlay/overlay-positioning-3/overlay-position-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnDestroy, ViewChild, ViewContainerRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, OnDestroy, ViewChild, ViewContainerRef, inject } from '@angular/core'; import { AutoPositionStrategy, IgxOverlayService } from 'igniteui-angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { MyDynamicCardComponent } from '../overlay-dynamic-card/overlay-dynamic-card.component'; @@ -7,7 +7,6 @@ import { MyDynamicCardComponent } from '../overlay-dynamic-card/overlay-dynamic- styleUrls: ['./overlay-position-sample-3.component.scss'], templateUrl: './overlay-position-sample-3.component.html', providers: [IgxOverlayService], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class OverlayPositionSample3Component implements OnDestroy { diff --git a/src/app/interactions/overlay/overlay-preset-settings/overlay-preset-settings-sample.component.ts b/src/app/interactions/overlay/overlay-preset-settings/overlay-preset-settings-sample.component.ts index e903723bd2..266590690a 100644 --- a/src/app/interactions/overlay/overlay-preset-settings/overlay-preset-settings-sample.component.ts +++ b/src/app/interactions/overlay/overlay-preset-settings/overlay-preset-settings-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnDestroy, OnInit, ViewChild, ViewContainerRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, OnDestroy, OnInit, ViewChild, ViewContainerRef, inject } from '@angular/core'; import { AbsolutePosition, IgxOverlayService, OverlaySettings, RelativePosition, RelativePositionStrategy } from 'igniteui-angular/core'; import { IButtonGroupEventArgs, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -12,7 +12,6 @@ import { NgTemplateOutlet } from '@angular/common'; styleUrls: ['./overlay-preset-settings-sample.component.scss'], templateUrl: './overlay-preset-settings-sample.component.html', providers: [IgxOverlayService], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent, NgTemplateOutlet, IgxButtonGroupComponent, IgxButtonDirective] }) export class OverlayPresetSettingsSampleComponent implements OnInit, OnDestroy { diff --git a/src/app/interactions/overlay/overlay-scroll-1/overlay-scroll-sample-1.component.ts b/src/app/interactions/overlay/overlay-scroll-1/overlay-scroll-sample-1.component.ts index 19af4cb2ae..9159deda83 100644 --- a/src/app/interactions/overlay/overlay-scroll-1/overlay-scroll-sample-1.component.ts +++ b/src/app/interactions/overlay/overlay-scroll-1/overlay-scroll-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnDestroy, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, OnDestroy, ViewChild, inject } from '@angular/core'; import { AbsoluteScrollStrategy, AutoPositionStrategy, ConnectedPositioningStrategy, ElasticPositionStrategy, GlobalPositionStrategy, HorizontalAlignment, IgxOverlayService, OverlaySettings, PositionSettings, VerticalAlignment } from 'igniteui-angular/core'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms'; styleUrls: ['./overlay-scroll-sample-1.component.scss'], templateUrl: './overlay-scroll-sample-1.component.html', providers: [IgxOverlayService], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxIconComponent, IgxCardComponent, IgxCardHeaderComponent, IgxCardContentDirective] }) export class OverlayScrollSample1Component implements OnDestroy { diff --git a/src/app/interactions/overlay/overlay-scroll-2/overlay-scroll-sample-2.component.ts b/src/app/interactions/overlay/overlay-scroll-2/overlay-scroll-sample-2.component.ts index c9f44d6348..6401b52a53 100644 --- a/src/app/interactions/overlay/overlay-scroll-2/overlay-scroll-sample-2.component.ts +++ b/src/app/interactions/overlay/overlay-scroll-2/overlay-scroll-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnDestroy, OnInit, ViewChild, ViewContainerRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, OnDestroy, OnInit, ViewChild, ViewContainerRef, inject } from '@angular/core'; import { AbsoluteScrollStrategy, BlockScrollStrategy, CloseScrollStrategy, ConnectedPositioningStrategy, IgxOverlayService, NoOpScrollStrategy } from 'igniteui-angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { Subject } from 'rxjs'; @@ -9,7 +9,6 @@ import { MyDynamicCardComponent } from '../overlay-dynamic-card/overlay-dynamic- styleUrls: ['./overlay-scroll-sample-2.component.scss'], templateUrl: './overlay-scroll-sample-2.component.html', providers: [IgxOverlayService], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent, MyDynamicCardComponent] }) export class OverlayScrollSample2Component implements OnInit, OnDestroy { diff --git a/src/app/interactions/overlay/overlay-styling/overlay-styling.component.ts b/src/app/interactions/overlay/overlay-styling/overlay-styling.component.ts index e0866fdcf8..b05e158300 100644 --- a/src/app/interactions/overlay/overlay-styling/overlay-styling.component.ts +++ b/src/app/interactions/overlay/overlay-styling/overlay-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, inject } from '@angular/core'; import { IgxOverlayService } from 'igniteui-angular/core'; import { IgxComboComponent } from 'igniteui-angular/combo'; import { FormsModule } from '@angular/forms'; @@ -7,7 +7,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-overlay-styling', styleUrls: ['overlay-styling.component.scss'], templateUrl: 'overlay-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxComboComponent, FormsModule] }) export class OverlayStylingComponent { diff --git a/src/app/interactions/query-builder/query-builder-request-sample/query-builder-request-sample.component.ts b/src/app/interactions/query-builder/query-builder-request-sample/query-builder-request-sample.component.ts index 4778495779..b7ab51bda3 100644 --- a/src/app/interactions/query-builder/query-builder-request-sample/query-builder-request-sample.component.ts +++ b/src/app/interactions/query-builder/query-builder-request-sample/query-builder-request-sample.component.ts @@ -1,5 +1,5 @@ import { HttpClient } from '@angular/common/http'; -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; import { FilteringExpressionsTree, FilteringLogic, IExpressionTree } from 'igniteui-angular/core'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -11,7 +11,6 @@ const API_ENDPOINT = 'https://data-northwind.indigo.design'; selector: 'query-builder-request-sample', styleUrls: ['./query-builder-request-sample.component.scss'], templateUrl: 'query-builder-request-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxQueryBuilderComponent, IgxGridComponent, IgxColumnComponent] }) export class QueryBuilderRequestSampleComponent implements OnInit, AfterViewInit { @@ -58,11 +57,11 @@ export class QueryBuilderRequestSampleComponent implements OnInit, AfterViewInit fields: this.ordersFields } ]; - + const tree = new FilteringExpressionsTree(FilteringLogic.And, undefined, 'Orders', ['orderId', 'customerId', 'employeeId', 'shipperId', 'orderDate', 'requiredDate', 'shipVia', 'freight', 'shipName', 'completed']); this.expressionTree = tree; } - + public ngAfterViewInit(): void { this.onChange(); } diff --git a/src/app/interactions/query-builder/query-builder-sample-1/query-builder-sample-1.component.ts b/src/app/interactions/query-builder/query-builder-sample-1/query-builder-sample-1.component.ts index 32c6457356..58c1b149d8 100644 --- a/src/app/interactions/query-builder/query-builder-sample-1/query-builder-sample-1.component.ts +++ b/src/app/interactions/query-builder/query-builder-sample-1/query-builder-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { FilteringExpressionsTree, FilteringLogic, IExpressionTree, IgxBooleanFilteringOperand, IgxDateFilteringOperand, IgxNumberFilteringOperand, IgxStringFilteringOperand } from 'igniteui-angular/core'; import { IgxQueryBuilderComponent } from 'igniteui-angular/query-builder'; @@ -6,7 +6,6 @@ import { IgxQueryBuilderComponent } from 'igniteui-angular/query-builder'; selector: 'app-query-builder-sample-1', styleUrls: ['./query-builder-sample-1.component.scss'], templateUrl: 'query-builder-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxQueryBuilderComponent] }) export class QueryBuilderSample1Component implements OnInit { @@ -85,7 +84,7 @@ export class QueryBuilderSample1Component implements OnInit { condition: IgxDateFilteringOperand.instance().condition('today'), conditionName: IgxDateFilteringOperand.instance().condition('today').name }); - + const tree = new FilteringExpressionsTree(FilteringLogic.And, undefined, 'Orders', ['*']); tree.filteringOperands.push({ fieldName: 'CompanyID', @@ -112,4 +111,4 @@ export class QueryBuilderSample1Component implements OnInit { public printExpressionTree(tree: IExpressionTree) { return tree ? JSON.stringify(tree, null, 2) : 'Please add an expression!'; } -} \ No newline at end of file +} diff --git a/src/app/interactions/query-builder/query-builder-sql-sample/query-builder-sql-sample.component.ts b/src/app/interactions/query-builder/query-builder-sql-sample/query-builder-sql-sample.component.ts index b7cb18654c..81df6f39a7 100644 --- a/src/app/interactions/query-builder/query-builder-sql-sample/query-builder-sql-sample.component.ts +++ b/src/app/interactions/query-builder/query-builder-sql-sample/query-builder-sql-sample.component.ts @@ -1,5 +1,5 @@ import { HttpClient } from '@angular/common/http'; -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; import { EntityType, FilteringExpressionsTree, IExpressionTree, IgxNumberFilteringOperand, IgxStringFilteringOperand } from 'igniteui-angular/core'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -12,7 +12,6 @@ const API_ENDPOINT = 'https://data-northwind.indigo.design'; selector: 'app-query-builder-sql-sample', styleUrls: ['./query-builder-sql-sample.component.scss'], templateUrl: 'query-builder-sql-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxQueryBuilderComponent, IgxGridComponent, IgxColumnComponent] }) export class QueryBuilderSqlSampleComponent implements OnInit, AfterViewInit { @@ -116,7 +115,7 @@ export class QueryBuilderSqlSampleComponent implements OnInit, AfterViewInit { `${tree.returnFields.join(',')}` : '*'; - const selectClause = `SELECT ${selectFields}`; + const selectClause = `SELECT ${selectFields}`; const fromClause = `FROM ${tree.entity}`; const whereClause = this.buildWhereClause(tree); @@ -188,7 +187,7 @@ export class QueryBuilderSqlSampleComponent implements OnInit, AfterViewInit { break; } } - + public onChange() { const sqlQuery = this.transformExpressionTreeToSqlQuery(this.expressionTree); this.sqlQuery = format(sqlQuery); @@ -212,4 +211,4 @@ export class QueryBuilderSqlSampleComponent implements OnInit, AfterViewInit { this.grid.columns.forEach(column => column.hidden = !this.expressionTree.returnFields.includes(column.field)); } } -} \ No newline at end of file +} diff --git a/src/app/interactions/query-builder/query-builder-style/query-builder-style.component.ts b/src/app/interactions/query-builder/query-builder-style/query-builder-style.component.ts index e0802fc37e..de24bdd9d5 100644 --- a/src/app/interactions/query-builder/query-builder-style/query-builder-style.component.ts +++ b/src/app/interactions/query-builder/query-builder-style/query-builder-style.component.ts @@ -1,11 +1,10 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { IgxQueryBuilderComponent } from 'igniteui-angular/query-builder'; @Component({ selector: 'app-query-builder-style-sample', styleUrls: ['./query-builder-style.component.scss'], templateUrl: 'query-builder-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxQueryBuilderComponent] }) export class QueryBuilderStyleComponent implements OnInit { @@ -55,6 +54,6 @@ export class QueryBuilderStyleComponent implements OnInit { name: "Orders", fields: this.ordersFields } - ]; + ]; } } diff --git a/src/app/interactions/query-builder/query-builder-tailwind-style/query-builder-tailwind-style.component.ts b/src/app/interactions/query-builder/query-builder-tailwind-style/query-builder-tailwind-style.component.ts index b20f0fa88e..0240f65050 100644 --- a/src/app/interactions/query-builder/query-builder-tailwind-style/query-builder-tailwind-style.component.ts +++ b/src/app/interactions/query-builder/query-builder-tailwind-style/query-builder-tailwind-style.component.ts @@ -1,11 +1,10 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { IgxQueryBuilderComponent } from 'igniteui-angular/query-builder'; @Component({ selector: 'app-query-builder-tailwind-style-sample', styleUrls: ['./query-builder-tailwind-style.component.scss'], templateUrl: 'query-builder-tailwind-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxQueryBuilderComponent] }) export class QueryBuilderTailwindStyleComponent implements OnInit { diff --git a/src/app/interactions/query-builder/query-builder-template-sample/query-builder-template-sample.component.ts b/src/app/interactions/query-builder/query-builder-template-sample/query-builder-template-sample.component.ts index af71b19f11..186333e69d 100644 --- a/src/app/interactions/query-builder/query-builder-template-sample/query-builder-template-sample.component.ts +++ b/src/app/interactions/query-builder/query-builder-template-sample/query-builder-template-sample.component.ts @@ -1,5 +1,5 @@ import { NgTemplateOutlet } from '@angular/common'; -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { FilteringExpressionsTree, FilteringLogic, IExpressionTree, IgxNumberFilteringOperand, IgxStringFilteringOperand } from 'igniteui-angular/core'; import { IgxComboModule } from 'igniteui-angular/combo'; @@ -11,7 +11,6 @@ import { IgxSelectModule } from 'igniteui-angular/select'; selector: 'app-query-builder-template-sample', styleUrls: ['./query-builder-template-sample.component.scss'], templateUrl: 'query-builder-template-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxQueryBuilderComponent, IgxQueryBuilderHeaderComponent, diff --git a/src/app/interactions/ripple/ripple-sample-2/ripple-sample-2.component.ts b/src/app/interactions/ripple/ripple-sample-2/ripple-sample-2.component.ts index aa82a16e22..ed4cd8a31d 100644 --- a/src/app/interactions/ripple/ripple-sample-2/ripple-sample-2.component.ts +++ b/src/app/interactions/ripple/ripple-sample-2/ripple-sample-2.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-ripple-sample-2', styleUrls: ['./ripple-sample-2.component.scss'], templateUrl: './ripple-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxRippleDirective, IgxButtonDirective] }) export class RippleSample2Component { } diff --git a/src/app/interactions/ripple/ripple-sample-3/ripple-sample-3.component.ts b/src/app/interactions/ripple/ripple-sample-3/ripple-sample-3.component.ts index c5a0630438..b6894e53a8 100644 --- a/src/app/interactions/ripple/ripple-sample-3/ripple-sample-3.component.ts +++ b/src/app/interactions/ripple/ripple-sample-3/ripple-sample-3.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-ripple-sample-3', styleUrls: ['./ripple-sample-3.component.scss'], templateUrl: './ripple-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective] }) export class RippleSample3Component { } diff --git a/src/app/interactions/ripple/ripple-sample-4/ripple-sample-4.component.ts b/src/app/interactions/ripple/ripple-sample-4/ripple-sample-4.component.ts index 5d009f614c..9a0fde7f28 100644 --- a/src/app/interactions/ripple/ripple-sample-4/ripple-sample-4.component.ts +++ b/src/app/interactions/ripple/ripple-sample-4/ripple-sample-4.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-ripple-sample-4', styleUrls: ['./ripple-sample-4.component.scss'], templateUrl: './ripple-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective] }) export class RippleSample4Component { } diff --git a/src/app/interactions/ripple/ripple-sample-5/ripple-sample-5.component.ts b/src/app/interactions/ripple/ripple-sample-5/ripple-sample-5.component.ts index bc24bf810d..ca35500d94 100644 --- a/src/app/interactions/ripple/ripple-sample-5/ripple-sample-5.component.ts +++ b/src/app/interactions/ripple/ripple-sample-5/ripple-sample-5.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-ripple-sample-5', styleUrls: ['./ripple-sample-5.component.scss'], templateUrl: './ripple-sample-5.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective] }) export class RippleSample5Component { } diff --git a/src/app/interactions/ripple/ripple-sample-6/ripple-sample-6.component.ts b/src/app/interactions/ripple/ripple-sample-6/ripple-sample-6.component.ts index 6fd8eeae5f..24c03c931d 100644 --- a/src/app/interactions/ripple/ripple-sample-6/ripple-sample-6.component.ts +++ b/src/app/interactions/ripple/ripple-sample-6/ripple-sample-6.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-ripple-sample-6', styleUrls: ['./ripple-sample-6.component.scss'], templateUrl: './ripple-sample-6.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective] }) export class RippleSample6Component { } diff --git a/src/app/interactions/ripple/ripple-stying/ripple-styling-sample.component.ts b/src/app/interactions/ripple/ripple-stying/ripple-styling-sample.component.ts index b6727a8e1a..ba4081527e 100644 --- a/src/app/interactions/ripple/ripple-stying/ripple-styling-sample.component.ts +++ b/src/app/interactions/ripple/ripple-stying/ripple-styling-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @@ -7,7 +7,6 @@ import { IgxAvatarComponent } from 'igniteui-angular/avatar'; selector: 'app-ripple-styling-sample', styleUrls: ['./ripple-styling-sample.component.scss'], templateUrl: './ripple-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective, IgxIconButtonDirective, IgxIconComponent, IgxAvatarComponent] }) export class RippleStylingSampleComponent { } diff --git a/src/app/interactions/slider/discrete-slider-ticks-bottom/discrete-slider-ticks-bottom.component.ts b/src/app/interactions/slider/discrete-slider-ticks-bottom/discrete-slider-ticks-bottom.component.ts index 7018a0b5fe..64338ad1d6 100644 --- a/src/app/interactions/slider/discrete-slider-ticks-bottom/discrete-slider-ticks-bottom.component.ts +++ b/src/app/interactions/slider/discrete-slider-ticks-bottom/discrete-slider-ticks-bottom.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSliderComponent, IgxSliderType } from 'igniteui-angular/slider'; @Component({ selector: 'app-discrete-slider-bottom-ticks', styleUrls: ['./discrete-slider-ticks-bottom.component.scss'], templateUrl: './discrete-slider-ticks-bottom.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent] }) export class SliderDiscreteTicksBottomComponent { diff --git a/src/app/interactions/slider/slider-primary-ticks-top/slider-primary-ticks-top.component.ts b/src/app/interactions/slider/slider-primary-ticks-top/slider-primary-ticks-top.component.ts index d14e41764a..d35f2e94b3 100644 --- a/src/app/interactions/slider/slider-primary-ticks-top/slider-primary-ticks-top.component.ts +++ b/src/app/interactions/slider/slider-primary-ticks-top/slider-primary-ticks-top.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSliderComponent, TicksOrientation } from 'igniteui-angular/slider'; @Component({ selector: 'app-slider-primary-ticks-top', styleUrls: ['./slider-primary-ticks-top.component.scss'], templateUrl: './slider-primary-ticks-top.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent] }) export class SliderPrimaryTicksTopComponent { diff --git a/src/app/interactions/slider/slider-sample-1/slider-sample-1.component.ts b/src/app/interactions/slider/slider-sample-1/slider-sample-1.component.ts index c27260c57f..7bb4d45868 100644 --- a/src/app/interactions/slider/slider-sample-1/slider-sample-1.component.ts +++ b/src/app/interactions/slider/slider-sample-1/slider-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSliderComponent, IgxSliderType } from 'igniteui-angular/slider'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxPrefixDirective } from 'igniteui-angular/input-group'; import { FormsModule } from '@angular/forms'; @@ -7,7 +7,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-slider-sample-1', styleUrls: ['./slider-sample-1.component.scss'], templateUrl: './slider-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent, IgxInputGroupComponent, IgxLabelDirective, IgxPrefixDirective, FormsModule, IgxInputDirective] }) export class SliderSample1Component { diff --git a/src/app/interactions/slider/slider-sample-2/slider-sample-2.component.ts b/src/app/interactions/slider/slider-sample-2/slider-sample-2.component.ts index 6149e4bc4c..089d47158b 100644 --- a/src/app/interactions/slider/slider-sample-2/slider-sample-2.component.ts +++ b/src/app/interactions/slider/slider-sample-2/slider-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { IgxSliderComponent } from 'igniteui-angular/slider'; import { FormsModule } from '@angular/forms'; @@ -6,7 +6,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-slider-sample-2', styleUrls: ['./slider-sample-2.component.scss'], templateUrl: './slider-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent, FormsModule] }) export class SliderSample2Component implements OnInit { diff --git a/src/app/interactions/slider/slider-sample-3/slider-sample-3.component.ts b/src/app/interactions/slider/slider-sample-3/slider-sample-3.component.ts index 24ddd8076d..34ad1be7d0 100644 --- a/src/app/interactions/slider/slider-sample-3/slider-sample-3.component.ts +++ b/src/app/interactions/slider/slider-sample-3/slider-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxSliderComponent } from 'igniteui-angular/slider'; import { FormsModule } from '@angular/forms'; @@ -7,7 +7,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-slider-sample-3', styleUrls: ['./slider-sample-3.component.scss'], templateUrl: './slider-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent, FormsModule, IgxInputGroupComponent, IgxInputDirective, IgxLabelDirective, IgxSuffixDirective] }) export class SliderSample3Component { diff --git a/src/app/interactions/slider/slider-sample-4/slider-sample-4.component.ts b/src/app/interactions/slider/slider-sample-4/slider-sample-4.component.ts index 1c2fc3b81e..3f48fd9b70 100644 --- a/src/app/interactions/slider/slider-sample-4/slider-sample-4.component.ts +++ b/src/app/interactions/slider/slider-sample-4/slider-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSliderComponent, IgxSliderType } from 'igniteui-angular/slider'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxPrefixDirective } from 'igniteui-angular/input-group'; import { FormsModule } from '@angular/forms'; @@ -7,7 +7,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-slider-sample-4', styleUrls: ['./slider-sample-4.component.scss'], templateUrl: './slider-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent, IgxInputGroupComponent, IgxLabelDirective, IgxPrefixDirective, FormsModule, IgxInputDirective] }) export class SliderSample4Component { diff --git a/src/app/interactions/slider/slider-sample-5/slider-sample-5.component.ts b/src/app/interactions/slider/slider-sample-5/slider-sample-5.component.ts index c30c8d0aa3..0b3f3c488b 100644 --- a/src/app/interactions/slider/slider-sample-5/slider-sample-5.component.ts +++ b/src/app/interactions/slider/slider-sample-5/slider-sample-5.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSliderComponent, IgxSliderType } from 'igniteui-angular/slider'; @Component({ selector: 'app-slider-sample-5', styleUrls: ['./slider-sample-5.component.scss'], templateUrl: './slider-sample-5.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent] }) export class SliderSample5Component { diff --git a/src/app/interactions/slider/slider-sample-6/slider-sample-6.component.ts b/src/app/interactions/slider/slider-sample-6/slider-sample-6.component.ts index a8e222d9fa..25f037d8b8 100644 --- a/src/app/interactions/slider/slider-sample-6/slider-sample-6.component.ts +++ b/src/app/interactions/slider/slider-sample-6/slider-sample-6.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSliderComponent, IgxSliderType, IgxThumbFromTemplateDirective, IgxThumbToTemplateDirective } from 'igniteui-angular/slider'; @Component({ selector: 'app-slider-sample-6', styleUrls: ['./slider-sample-6.component.scss'], templateUrl: './slider-sample-6.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent, IgxThumbFromTemplateDirective, IgxThumbToTemplateDirective] }) export class SliderSample6Component { diff --git a/src/app/interactions/slider/slider-secondary-ticks-mirror/slider-secondary-ticks-mirror.component.ts b/src/app/interactions/slider/slider-secondary-ticks-mirror/slider-secondary-ticks-mirror.component.ts index 22782b875b..62a5b6f431 100644 --- a/src/app/interactions/slider/slider-secondary-ticks-mirror/slider-secondary-ticks-mirror.component.ts +++ b/src/app/interactions/slider/slider-secondary-ticks-mirror/slider-secondary-ticks-mirror.component.ts @@ -1,11 +1,10 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxSliderComponent, TicksOrientation } from 'igniteui-angular/slider'; @Component({ selector: 'app-slider-bottom-ticks', styleUrls: ['./slider-secondary-ticks-mirror.component.scss'], templateUrl: './slider-secondary-ticks-mirror.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent] }) export class SliderSecondaryTicksMirrorComponent { diff --git a/src/app/interactions/slider/slider-styling-sample/app-slider-styling.component.ts b/src/app/interactions/slider/slider-styling-sample/app-slider-styling.component.ts index d8eca6f814..0ffc4a436b 100644 --- a/src/app/interactions/slider/slider-styling-sample/app-slider-styling.component.ts +++ b/src/app/interactions/slider/slider-styling-sample/app-slider-styling.component.ts @@ -1,11 +1,10 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxSliderComponent, TicksOrientation } from 'igniteui-angular/slider'; @Component({ selector: 'app-slider-styling', styleUrls: ['./app-slider-styling.component.scss'], templateUrl: './app-slider-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent] }) export class AppSliderStylingComponent { diff --git a/src/app/interactions/slider/slider-tailwind-styling-sample/slider-tailwind-styling.component.ts b/src/app/interactions/slider/slider-tailwind-styling-sample/slider-tailwind-styling.component.ts index e6309c1f7c..5484107728 100644 --- a/src/app/interactions/slider/slider-tailwind-styling-sample/slider-tailwind-styling.component.ts +++ b/src/app/interactions/slider/slider-tailwind-styling-sample/slider-tailwind-styling.component.ts @@ -1,11 +1,10 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxSliderComponent, TicksOrientation } from 'igniteui-angular/slider'; @Component({ selector: 'slider-tailwind-styling', styleUrls: ['./slider-tailwind-styling.component.scss'], templateUrl: './slider-tailwind-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent] }) export class SliderTailwindStylingComponent { diff --git a/src/app/interactions/slider/slider-tick-labels-template/tick-labels-template.component.ts b/src/app/interactions/slider/slider-tick-labels-template/tick-labels-template.component.ts index 3796358017..bfa453e810 100644 --- a/src/app/interactions/slider/slider-tick-labels-template/tick-labels-template.component.ts +++ b/src/app/interactions/slider/slider-tick-labels-template/tick-labels-template.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSliderComponent, IgxTickLabelTemplateDirective } from 'igniteui-angular/slider'; @Component({ selector: 'app-tick-labels-template', styleUrls: ['./tick-labels-template.component.scss'], templateUrl: './tick-labels-template.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent, IgxTickLabelTemplateDirective] }) export class TickLabelsTemplateComponent { diff --git a/src/app/interactions/slider/slider-ticks-bottomtotop-labels/slider-ticks-bottomtotop-labels.component.ts b/src/app/interactions/slider/slider-ticks-bottomtotop-labels/slider-ticks-bottomtotop-labels.component.ts index e2d3c2613c..15bf608961 100644 --- a/src/app/interactions/slider/slider-ticks-bottomtotop-labels/slider-ticks-bottomtotop-labels.component.ts +++ b/src/app/interactions/slider/slider-ticks-bottomtotop-labels/slider-ticks-bottomtotop-labels.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSliderComponent, IgxSliderType, TickLabelsOrientation } from 'igniteui-angular/slider'; @Component({ selector: 'app-slider-ticks-bottomtotop-labels', styleUrls: ['./slider-ticks-bottomtotop-labels.component.scss'], templateUrl: './slider-ticks-bottomtotop-labels.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent] }) export class SliderTicksBottomtotopLabelsComponent { diff --git a/src/app/interactions/slider/slider-timeframe/slider-timeframe.component.ts b/src/app/interactions/slider/slider-timeframe/slider-timeframe.component.ts index 3cf16ab583..5e08bd20fe 100644 --- a/src/app/interactions/slider/slider-timeframe/slider-timeframe.component.ts +++ b/src/app/interactions/slider/slider-timeframe/slider-timeframe.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSliderComponent, IgxSliderType } from 'igniteui-angular/slider'; @Component({ selector: 'app-slider-timeframe', styleUrls: ['./slider-timeframe.component.scss'], templateUrl: './slider-timeframe.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent] }) export class SliderTimeframeComponent { diff --git a/src/app/interactions/toggle/toggle-sample-1/toggle-sample-1.component.ts b/src/app/interactions/toggle/toggle-sample-1/toggle-sample-1.component.ts index 03ab42f46e..bf63372678 100644 --- a/src/app/interactions/toggle/toggle-sample-1/toggle-sample-1.component.ts +++ b/src/app/interactions/toggle/toggle-sample-1/toggle-sample-1.component.ts @@ -1,11 +1,10 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxButtonDirective, IgxToggleDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-toggle-sample-1', styleUrls: ['./toggle-sample-1.component.scss', '../toggle-samples.scss'], templateUrl: './toggle-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleDirective] }) export class ToggleSample1Component { diff --git a/src/app/interactions/toggle/toggle-sample-2/toggle-sample-2.component.ts b/src/app/interactions/toggle/toggle-sample-2/toggle-sample-2.component.ts index 11fa6e3539..add7919139 100644 --- a/src/app/interactions/toggle/toggle-sample-2/toggle-sample-2.component.ts +++ b/src/app/interactions/toggle/toggle-sample-2/toggle-sample-2.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxToggleActionDirective, IgxToggleDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-toggle-sample-2', styleUrls: ['../toggle-samples.scss'], templateUrl: './toggle-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleActionDirective, IgxToggleDirective] }) export class ToggleSample2Component { } diff --git a/src/app/interactions/toggle/toggle-sample-3/toggle-sample-3.component.ts b/src/app/interactions/toggle/toggle-sample-3/toggle-sample-3.component.ts index 46435d6c01..967e7e266d 100644 --- a/src/app/interactions/toggle/toggle-sample-3/toggle-sample-3.component.ts +++ b/src/app/interactions/toggle/toggle-sample-3/toggle-sample-3.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxToggleActionDirective, IgxToggleDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-toggle-sample-3', styleUrls: ['../toggle-samples.scss'], templateUrl: './toggle-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxToggleActionDirective, IgxButtonDirective, IgxToggleDirective] }) export class ToggleSample3Component { } diff --git a/src/app/interactions/toggle/toggle-sample-4/toggle-sample-4.component.ts b/src/app/interactions/toggle/toggle-sample-4/toggle-sample-4.component.ts index 147723e574..79832b2ecd 100644 --- a/src/app/interactions/toggle/toggle-sample-4/toggle-sample-4.component.ts +++ b/src/app/interactions/toggle/toggle-sample-4/toggle-sample-4.component.ts @@ -1,11 +1,10 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxButtonDirective, IgxToggleActionDirective, IgxToggleDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-toggle-sample-4', styleUrls: ['../toggle-samples.scss'], templateUrl: './toggle-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleActionDirective, IgxToggleDirective] }) export class ToggleSample4Component { diff --git a/src/app/interactions/toggle/toggle.component.ts b/src/app/interactions/toggle/toggle.component.ts index 9feb67b9eb..71cf12e5f0 100644 --- a/src/app/interactions/toggle/toggle.component.ts +++ b/src/app/interactions/toggle/toggle.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, ViewChild } from '@angular/core'; import { ConnectedPositioningStrategy, HorizontalAlignment, OverlaySettings, VerticalAlignment } from 'igniteui-angular/core'; import { IgxButtonDirective, IgxToggleDirective } from 'igniteui-angular/directives'; @@ -7,7 +7,6 @@ import { IgxButtonDirective, IgxToggleDirective } from 'igniteui-angular/directi selector: 'app-toggle', styleUrls: ['./toggle-samples.scss'], templateUrl: './toggle.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleDirective] }) export class ToggleComponent { diff --git a/src/app/interactions/tooltip/tooltip-advanced/tooltip-advanced.component.ts b/src/app/interactions/tooltip/tooltip-advanced/tooltip-advanced.component.ts index cb48ac49fb..8f8efcdf8a 100644 --- a/src/app/interactions/tooltip/tooltip-advanced/tooltip-advanced.component.ts +++ b/src/app/interactions/tooltip/tooltip-advanced/tooltip-advanced.component.ts @@ -1,4 +1,4 @@ -import { Component, inject, ChangeDetectionStrategy } from "@angular/core"; +import { Component, inject } from "@angular/core"; import { IgxButtonDirective, IgxTooltipDirective, IgxTooltipTargetDirective } from 'igniteui-angular/directives'; import { IgxListActionDirective, IgxListComponent, IgxListItemComponent, IgxListLineTitleDirective, IgxListThumbnailDirective } from 'igniteui-angular/list'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @@ -13,7 +13,6 @@ import { IncomeTaxes } from "./IncomeTaxes"; selector: "app-tooltip-advanced", styleUrls: ["./tooltip-advanced.component.scss"], templateUrl: "./tooltip-advanced.component.html", - changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxOverlayOutletDirective, IgxTooltipTargetDirective, diff --git a/src/app/interactions/tooltip/tooltip-placement/tooltip-placement.component.ts b/src/app/interactions/tooltip/tooltip-placement/tooltip-placement.component.ts index bc863e25b4..72e3c39aa6 100644 --- a/src/app/interactions/tooltip/tooltip-placement/tooltip-placement.component.ts +++ b/src/app/interactions/tooltip/tooltip-placement/tooltip-placement.component.ts @@ -1,4 +1,4 @@ -import { Component, QueryList, ViewChild, ViewChildren, ChangeDetectionStrategy } from "@angular/core"; +import { Component, QueryList, ViewChild, ViewChildren } from "@angular/core"; import { IgxButtonDirective, IgxTooltipDirective, TooltipPositionStrategy } from 'igniteui-angular/directives'; import { HorizontalAlignment, OverlaySettings, PositionSettings, VerticalAlignment } from 'igniteui-angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: "app-tooltip-placement", styleUrls: ["./tooltip-placement.component.scss"], templateUrl: "./tooltip-placement.component.html", - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxTooltipDirective, IgxIconComponent] }) export class TooltipPlacementComponent { diff --git a/src/app/interactions/tooltip/tooltip-rich/tooltip-rich.component.ts b/src/app/interactions/tooltip/tooltip-rich/tooltip-rich.component.ts index 4619a80b18..2551556dfc 100644 --- a/src/app/interactions/tooltip/tooltip-rich/tooltip-rich.component.ts +++ b/src/app/interactions/tooltip/tooltip-rich/tooltip-rich.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { IgxTooltipDirective, IgxTooltipTargetDirective } from 'igniteui-angular/directives'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @@ -7,7 +7,6 @@ import { IgxAvatarComponent } from 'igniteui-angular/avatar'; selector: 'app-tooltip-rich', styleUrls: ['./tooltip-rich.component.scss'], templateUrl: './tooltip-rich.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent, IgxTooltipTargetDirective, IgxTooltipDirective, IgxAvatarComponent] }) export class TooltipRichComponent { } diff --git a/src/app/interactions/tooltip/tooltip-simple/tooltip-simple.component.ts b/src/app/interactions/tooltip/tooltip-simple/tooltip-simple.component.ts index f0b8f50019..580f372990 100644 --- a/src/app/interactions/tooltip/tooltip-simple/tooltip-simple.component.ts +++ b/src/app/interactions/tooltip/tooltip-simple/tooltip-simple.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; import { IgxTooltipDirective, IgxTooltipTargetDirective } from 'igniteui-angular/directives'; @@ -6,7 +6,6 @@ import { IgxTooltipDirective, IgxTooltipTargetDirective } from 'igniteui-angular selector: 'app-tooltip-simple', styleUrls: ['./tooltip-simple.component.scss'], templateUrl: './tooltip-simple.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent, IgxTooltipTargetDirective, IgxTooltipDirective] }) export class TooltipSimpleComponent { } diff --git a/src/app/interactions/tooltip/tooltip-style/tooltip-style.component.ts b/src/app/interactions/tooltip/tooltip-style/tooltip-style.component.ts index b7692cb1e2..ecf19c4a55 100644 --- a/src/app/interactions/tooltip/tooltip-style/tooltip-style.component.ts +++ b/src/app/interactions/tooltip/tooltip-style/tooltip-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; import { IgxTooltipDirective, IgxTooltipTargetDirective } from 'igniteui-angular/directives'; import { IgxOverlayOutletDirective } from 'igniteui-angular/core'; @@ -7,7 +7,6 @@ import { IgxOverlayOutletDirective } from 'igniteui-angular/core'; selector: 'app-tooltip-style', styleUrls: ['./tooltip-style.component.scss'], templateUrl: './tooltip-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent, IgxTooltipTargetDirective, IgxOverlayOutletDirective, IgxTooltipDirective] }) export class TooltipStyleComponent { } diff --git a/src/app/interactions/tooltip/tooltip-tailwind-style/tooltip-tailwind-style.component.ts b/src/app/interactions/tooltip/tooltip-tailwind-style/tooltip-tailwind-style.component.ts index 7dcc68788f..0affa8500a 100644 --- a/src/app/interactions/tooltip/tooltip-tailwind-style/tooltip-tailwind-style.component.ts +++ b/src/app/interactions/tooltip/tooltip-tailwind-style/tooltip-tailwind-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; import { IgxTooltipDirective, IgxTooltipTargetDirective } from 'igniteui-angular/directives'; import { IgxOverlayOutletDirective } from 'igniteui-angular/core'; @@ -7,7 +7,6 @@ import { IgxOverlayOutletDirective } from 'igniteui-angular/core'; selector: 'app-tooltip-tailwind-style', styleUrls: ['./tooltip-tailwind-style.component.scss'], templateUrl: './tooltip-tailwind-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent, IgxTooltipTargetDirective, IgxOverlayOutletDirective, IgxTooltipDirective] }) export class TooltipTailwindStyleComponent { } diff --git a/src/app/interactions/tooltip/tooltip-triggers/tooltip-triggers.component.ts b/src/app/interactions/tooltip/tooltip-triggers/tooltip-triggers.component.ts index 50003a0a51..544f265896 100644 --- a/src/app/interactions/tooltip/tooltip-triggers/tooltip-triggers.component.ts +++ b/src/app/interactions/tooltip/tooltip-triggers/tooltip-triggers.component.ts @@ -1,4 +1,4 @@ -import { Component, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy } from "@angular/core"; +import { Component, CUSTOM_ELEMENTS_SCHEMA } from "@angular/core"; import { IgxTooltipTargetDirective, IgxTooltipDirective, @@ -17,7 +17,6 @@ defineComponents(IgcInputComponent); styleUrls: ["./tooltip-triggers.component.scss"], templateUrl: "./tooltip-triggers.component.html", schemas: [CUSTOM_ELEMENTS_SCHEMA], - changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxTooltipTargetDirective, IgxTooltipDirective, diff --git a/src/app/layouts/accordion/accordion-sample-1/accordion-sample-1.component.ts b/src/app/layouts/accordion/accordion-sample-1/accordion-sample-1.component.ts index 9c85367267..1f0be5e2e5 100644 --- a/src/app/layouts/accordion/accordion-sample-1/accordion-sample-1.component.ts +++ b/src/app/layouts/accordion/accordion-sample-1/accordion-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; import { IgxAccordionComponent } from 'igniteui-angular/accordion'; import { IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective } from 'igniteui-angular/expansion-panel'; @@ -8,7 +8,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-accordion-sample-1', styleUrls: ['./accordion-sample-1.component.scss'], templateUrl: './accordion-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxAccordionComponent, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelBodyComponent] }) export class AccordionSample1Component { diff --git a/src/app/layouts/accordion/accordion-sample-2/accordion-sample-2.component.ts b/src/app/layouts/accordion/accordion-sample-2/accordion-sample-2.component.ts index b180b65dc4..a474f09611 100644 --- a/src/app/layouts/accordion/accordion-sample-2/accordion-sample-2.component.ts +++ b/src/app/layouts/accordion/accordion-sample-2/accordion-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; import { IgxAccordionComponent } from 'igniteui-angular/accordion'; import { IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective } from 'igniteui-angular/expansion-panel'; @@ -8,7 +8,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-accordion-sample-2', styleUrls: ['./accordion-sample-2.component.scss'], templateUrl: './accordion-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxAccordionComponent, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelBodyComponent] }) export class AccordionSample2Component { diff --git a/src/app/layouts/accordion/accordion-sample-3/accordion-sample-3.component.ts b/src/app/layouts/accordion/accordion-sample-3/accordion-sample-3.component.ts index e8ae021109..e7ec1d4ae7 100644 --- a/src/app/layouts/accordion/accordion-sample-3/accordion-sample-3.component.ts +++ b/src/app/layouts/accordion/accordion-sample-3/accordion-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSliderComponent, IgxSliderType } from 'igniteui-angular/slider'; import { IgxAccordionComponent } from 'igniteui-angular/accordion'; import { IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective } from 'igniteui-angular/expansion-panel'; @@ -14,7 +14,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-accordion-sample-3', styleUrls: ['./accordion-sample-3.component.scss'], templateUrl: './accordion-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAccordionComponent, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelBodyComponent, IgxCheckboxComponent, FormsModule, IgxSliderComponent, IgxRadioComponent, IgxIconComponent, IgxTimePickerComponent, IgxLabelDirective] }) export class AccordionSample3Component { diff --git a/src/app/layouts/accordion/accordion-style/accordion-style.component.ts b/src/app/layouts/accordion/accordion-style/accordion-style.component.ts index 0017eea836..36d70999e7 100644 --- a/src/app/layouts/accordion/accordion-style/accordion-style.component.ts +++ b/src/app/layouts/accordion/accordion-style/accordion-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxAccordionComponent } from 'igniteui-angular/accordion'; import { IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective } from 'igniteui-angular/expansion-panel'; import { FormsModule } from '@angular/forms'; @@ -7,7 +7,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-accordion-style', styleUrls: ['./accordion-style.component.scss'], templateUrl: './accordion-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, IgxAccordionComponent, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelBodyComponent] }) export class AccordionStyleComponent { diff --git a/src/app/layouts/avatar/avatar-css-variables/avatar-css-variables.component.ts b/src/app/layouts/avatar/avatar-css-variables/avatar-css-variables.component.ts index 677975a628..dc1d6c334b 100644 --- a/src/app/layouts/avatar/avatar-css-variables/avatar-css-variables.component.ts +++ b/src/app/layouts/avatar/avatar-css-variables/avatar-css-variables.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @Component({ selector: 'app-avatar-styling', styleUrls: ['./avatar-css-variables.component.scss'], templateUrl: './avatar-css-variables.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent] }) diff --git a/src/app/layouts/avatar/avatar-sample-1/avatar-sample-1.component.ts b/src/app/layouts/avatar/avatar-sample-1/avatar-sample-1.component.ts index 4029bf52a0..c5c9d11c52 100644 --- a/src/app/layouts/avatar/avatar-sample-1/avatar-sample-1.component.ts +++ b/src/app/layouts/avatar/avatar-sample-1/avatar-sample-1.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @Component({ selector: 'app-avatar-sample-1', styleUrls: ['./avatar-sample-1.component.scss'], templateUrl: './avatar-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent] }) export class AvatarSample1Component { diff --git a/src/app/layouts/avatar/avatar-sample-2/avatar-sample-2.component.ts b/src/app/layouts/avatar/avatar-sample-2/avatar-sample-2.component.ts index 4020fc4875..e2d13706ab 100644 --- a/src/app/layouts/avatar/avatar-sample-2/avatar-sample-2.component.ts +++ b/src/app/layouts/avatar/avatar-sample-2/avatar-sample-2.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @Component({ selector: 'app-avatar-sample-2', styleUrls: ['./avatar-sample-2.component.scss'], templateUrl: './avatar-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent] }) export class AvatarSample2Component { diff --git a/src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.ts b/src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.ts index cd6d9d61b4..862712634d 100644 --- a/src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.ts +++ b/src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @Component({ selector: 'app-avatar-sample-3', styleUrls: ['./avatar-sample-3.component.scss'], templateUrl: './avatar-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent] }) export class AvatarSample3Component { diff --git a/src/app/layouts/avatar/avatar-sample-4/avatar-sample-4.component.ts b/src/app/layouts/avatar/avatar-sample-4/avatar-sample-4.component.ts index 267b980c10..ce11a0ef7e 100644 --- a/src/app/layouts/avatar/avatar-sample-4/avatar-sample-4.component.ts +++ b/src/app/layouts/avatar/avatar-sample-4/avatar-sample-4.component.ts @@ -1,11 +1,10 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @Component({ selector: 'app-avatar-sample-4', styleUrls: ['./avatar-sample-4.component.scss'], templateUrl: './avatar-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent] }) diff --git a/src/app/layouts/avatar/avatar-styling/avatar-styling.component.ts b/src/app/layouts/avatar/avatar-styling/avatar-styling.component.ts index 86b0f923f3..6e05afd61b 100644 --- a/src/app/layouts/avatar/avatar-styling/avatar-styling.component.ts +++ b/src/app/layouts/avatar/avatar-styling/avatar-styling.component.ts @@ -1,11 +1,10 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @Component({ selector: 'app-avatar-styling', styleUrls: ['./avatar-styling.component.scss'], templateUrl: './avatar-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent] }) diff --git a/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.ts b/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.ts index 419e929468..db1a0a5dee 100644 --- a/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.ts +++ b/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @Component({ selector: 'app-avatar-tailwind-styling', styleUrls: ['./avatar-tailwind-styling.component.scss'], templateUrl: './avatar-tailwind-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent] }) diff --git a/src/app/layouts/card/card-sample-1/card-sample-1.component.ts b/src/app/layouts/card/card-sample-1/card-sample-1.component.ts index 1fdd86ad2b..0282a53d3b 100644 --- a/src/app/layouts/card/card-sample-1/card-sample-1.component.ts +++ b/src/app/layouts/card/card-sample-1/card-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { Card } from '../card.blueprint'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; import { IgxDividerDirective, IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -10,7 +10,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-igx-card-simple', styleUrls: ['./card-sample-1.component.scss'], templateUrl: './card-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardMediaDirective, IgxDividerDirective, IgxCardActionsComponent, IgxIconButtonDirective, IgxRippleDirective, IgxSuffixDirective, IgxIconComponent] }) export class CardSample1Component { diff --git a/src/app/layouts/card/card-sample-2/card-sample-2.component.ts b/src/app/layouts/card/card-sample-2/card-sample-2.component.ts index 338ffe01c5..209b479962 100644 --- a/src/app/layouts/card/card-sample-2/card-sample-2.component.ts +++ b/src/app/layouts/card/card-sample-2/card-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { Card } from '../card.blueprint'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; import { IgxDividerDirective, IgxFlexDirective, IgxIconButtonDirective, IgxLayoutDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -10,7 +10,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-card-sample-2', styleUrls: ['./card-sample-2.component.scss'], templateUrl: './card-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxLayoutDirective, IgxFlexDirective, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardMediaDirective, IgxCardContentDirective, IgxDividerDirective, IgxCardActionsComponent, IgxIconButtonDirective, IgxRippleDirective, IgxSuffixDirective, IgxIconComponent] }) export class CardSample2Component { diff --git a/src/app/layouts/card/card-sample-3/card-sample-3.component.ts b/src/app/layouts/card/card-sample-3/card-sample-3.component.ts index b3af204cac..24963119b2 100644 --- a/src/app/layouts/card/card-sample-3/card-sample-3.component.ts +++ b/src/app/layouts/card/card-sample-3/card-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { Card } from '../card.blueprint'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; import { IgxButtonDirective, IgxFlexDirective, IgxLayoutDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -10,7 +10,6 @@ import { IgxPrefixDirective } from 'igniteui-angular/input-group'; selector: 'app-card-sample-3', styleUrls: ['./card-sample-3.component.scss'], templateUrl: './card-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxLayoutDirective, IgxFlexDirective, IgxCardHeaderComponent, IgxAvatarComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardContentDirective, IgxCardActionsComponent, IgxButtonDirective, IgxRippleDirective, IgxPrefixDirective, IgxCardMediaDirective] }) export class CardSample3Component { diff --git a/src/app/layouts/card/card-sample-4/card-sample-4.component.ts b/src/app/layouts/card/card-sample-4/card-sample-4.component.ts index 249776b690..591d84f416 100644 --- a/src/app/layouts/card/card-sample-4/card-sample-4.component.ts +++ b/src/app/layouts/card/card-sample-4/card-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild, inject } from '@angular/core'; import { IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent } from 'igniteui-angular/expansion-panel'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; @@ -22,7 +22,6 @@ import { selector: 'app-card-sample-4', styleUrls: ['./card-sample-4.component.scss'], templateUrl: './card-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardContentDirective, IgxChipComponent, IgxIconComponent, IgxSliderComponent, IgxExpansionPanelComponent, IgxExpansionPanelBodyComponent, IgxListComponent, IgxListItemComponent, IgxDividerDirective, IgxCardActionsComponent, IgxButtonDirective, IgxRippleDirective, IgxPrefixDirective, IgxCardMediaDirective, IgxAvatarComponent] }) export class CardSample4Component implements OnInit { diff --git a/src/app/layouts/card/card-styling-sample/card-styling-sample.component.ts b/src/app/layouts/card/card-styling-sample/card-styling-sample.component.ts index 2179ca0349..36edbf29cf 100644 --- a/src/app/layouts/card/card-styling-sample/card-styling-sample.component.ts +++ b/src/app/layouts/card/card-styling-sample/card-styling-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, inject, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, inject, OnInit } from '@angular/core'; import { Card } from '../card.blueprint'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; import { IgxDividerModule, IgxIconButtonDirective } from 'igniteui-angular/directives'; @@ -10,10 +10,9 @@ import { IgxChipComponent } from 'igniteui-angular/chips'; selector: 'app-card-styling-sample', templateUrl: './card-styling-sample.component.html', styleUrls: ['./card-styling-sample.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, - imports: [IgxCardComponent, IgxCardMediaDirective, IgxCardHeaderComponent, - IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, - IgxCardContentDirective, IgxCardActionsComponent, IgxIconButtonDirective, + imports: [IgxCardComponent, IgxCardMediaDirective, IgxCardHeaderComponent, + IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, + IgxCardContentDirective, IgxCardActionsComponent, IgxIconButtonDirective, IgxIconComponent, IgxAvatarComponent, IgxDividerModule, IgxChipComponent] }) export class CardStylingSampleComponent implements OnInit { diff --git a/src/app/layouts/card/card-tailwind-styling-sample/card-tailwind-styling-sample.component.ts b/src/app/layouts/card/card-tailwind-styling-sample/card-tailwind-styling-sample.component.ts index a2a0a05720..59c146a849 100644 --- a/src/app/layouts/card/card-tailwind-styling-sample/card-tailwind-styling-sample.component.ts +++ b/src/app/layouts/card/card-tailwind-styling-sample/card-tailwind-styling-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { Card } from '../card.blueprint'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; import { IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -10,7 +10,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-card-tailwind-styling-sample', templateUrl: './card-tailwind-styling-sample.component.html', styleUrls: ['./card-tailwind-styling-sample.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxCardMediaDirective, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardContentDirective, IgxCardActionsComponent, IgxIconButtonDirective, IgxRippleDirective, IgxSuffixDirective, IgxIconComponent] }) export class CardTailwindStylingSampleComponent { diff --git a/src/app/layouts/card/card.component.ts b/src/app/layouts/card/card.component.ts index 416467589b..d6eb777150 100644 --- a/src/app/layouts/card/card.component.ts +++ b/src/app/layouts/card/card.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { Card } from './card.blueprint'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; import { IgxButtonDirective, IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -10,7 +10,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-card', styleUrls: ['./card.component.scss'], templateUrl: './card.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxCardMediaDirective, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardContentDirective, IgxCardActionsComponent, IgxButtonDirective, IgxRippleDirective, IgxPrefixDirective, IgxIconButtonDirective, IgxSuffixDirective, IgxIconComponent] }) export class CardComponent { diff --git a/src/app/layouts/carousel/carousel-animations-sample/carousel-animations-sample.component.ts b/src/app/layouts/carousel/carousel-animations-sample/carousel-animations-sample.component.ts index 02be5b3a7c..a2cb7bf53a 100644 --- a/src/app/layouts/carousel/carousel-animations-sample/carousel-animations-sample.component.ts +++ b/src/app/layouts/carousel/carousel-animations-sample/carousel-animations-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxCarouselComponent, IgxSlideComponent } from 'igniteui-angular/carousel'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; @@ -12,7 +12,6 @@ import { TitleCasePipe } from '@angular/common'; selector: 'app-carousel', styleUrls: ['./carousel-animations-sample.component.scss'], templateUrl: './carousel-animations-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSelectComponent, IgxSwitchComponent, FormsModule, IgxSelectItemComponent, IgxCarouselComponent, IgxSlideComponent, IgxCardComponent, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardContentDirective, IgxCardMediaDirective, IgxCardActionsComponent, IgxButtonDirective, IgxPrefixDirective, TitleCasePipe] }) export class CarouselAnimationsSampleComponent { diff --git a/src/app/layouts/carousel/carousel-no-navigation-sample/carousel-no-navigation-sample.component.ts b/src/app/layouts/carousel/carousel-no-navigation-sample/carousel-no-navigation-sample.component.ts index f4bfddcce5..e848ec5553 100644 --- a/src/app/layouts/carousel/carousel-no-navigation-sample/carousel-no-navigation-sample.component.ts +++ b/src/app/layouts/carousel/carousel-no-navigation-sample/carousel-no-navigation-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { ISlideEventArgs, IgxCarouselComponent, IgxSlideComponent } from 'igniteui-angular/carousel'; import { IListItemClickEventArgs, IgxListComponent, IgxListItemComponent, IgxListThumbnailDirective } from 'igniteui-angular/list'; import { NgStyle, NgClass, CurrencyPipe } from '@angular/common'; @@ -7,7 +7,6 @@ import { NgStyle, NgClass, CurrencyPipe } from '@angular/common'; selector: 'app-carousel', styleUrls: ['./carousel-no-navigation-sample.component.scss'], templateUrl: './carousel-no-navigation-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCarouselComponent, IgxSlideComponent, NgStyle, NgClass, IgxListComponent, IgxListItemComponent, IgxListThumbnailDirective, CurrencyPipe] }) export class CarouselNoNavigationSampleComponent implements OnInit { diff --git a/src/app/layouts/carousel/carousel-styling-sample/carousel-styling-sample.component.ts b/src/app/layouts/carousel/carousel-styling-sample/carousel-styling-sample.component.ts index dfb2e09354..b8c53cf230 100644 --- a/src/app/layouts/carousel/carousel-styling-sample/carousel-styling-sample.component.ts +++ b/src/app/layouts/carousel/carousel-styling-sample/carousel-styling-sample.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCarouselComponent, IgxSlideComponent } from 'igniteui-angular/carousel'; @Component({ selector: 'app-carousel', styleUrls: ['./carousel-styling-sample.component.scss'], templateUrl: './carousel-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCarouselComponent, IgxSlideComponent] }) diff --git a/src/app/layouts/carousel/carousel-tailwind-sample/carousel-tailwind-sample.component.ts b/src/app/layouts/carousel/carousel-tailwind-sample/carousel-tailwind-sample.component.ts index 8eaaded0ee..58903f63e3 100644 --- a/src/app/layouts/carousel/carousel-tailwind-sample/carousel-tailwind-sample.component.ts +++ b/src/app/layouts/carousel/carousel-tailwind-sample/carousel-tailwind-sample.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCarouselComponent, IgxSlideComponent } from 'igniteui-angular/carousel'; @Component({ selector: 'app-carousel', styleUrls: ['./carousel-tailwind-sample.component.scss'], templateUrl: './carousel-tailwind-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCarouselComponent, IgxSlideComponent] }) diff --git a/src/app/layouts/carousel/carousel-with-components-sample/carousel-with-components-sample.component.ts b/src/app/layouts/carousel/carousel-with-components-sample/carousel-with-components-sample.component.ts index afdcfc2562..02c4a0a0a3 100644 --- a/src/app/layouts/carousel/carousel-with-components-sample/carousel-with-components-sample.component.ts +++ b/src/app/layouts/carousel/carousel-with-components-sample/carousel-with-components-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCarouselComponent, IgxSlideComponent } from 'igniteui-angular/carousel'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxPrefixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -9,7 +9,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-carousel', styleUrls: ['./carousel-with-components-sample.component.scss'], templateUrl: './carousel-with-components-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCarouselComponent, IgxSlideComponent, FormsModule, IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, IgxLabelDirective, IgxInputDirective, IgxButtonDirective] }) diff --git a/src/app/layouts/carousel/carousel.component.ts b/src/app/layouts/carousel/carousel.component.ts index b590a9c811..083bbe7709 100644 --- a/src/app/layouts/carousel/carousel.component.ts +++ b/src/app/layouts/carousel/carousel.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCarouselComponent, IgxSlideComponent } from 'igniteui-angular/carousel'; @@ -6,7 +6,6 @@ import { IgxCarouselComponent, IgxSlideComponent } from 'igniteui-angular/carous selector: 'app-carousel', styleUrls: ['./carousel.component.scss'], templateUrl: './carousel.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCarouselComponent, IgxSlideComponent] }) diff --git a/src/app/layouts/divider/dashed/divider-dashed.component.ts b/src/app/layouts/divider/dashed/divider-dashed.component.ts index 26e734b601..8dbfe5fa0a 100644 --- a/src/app/layouts/divider/dashed/divider-dashed.component.ts +++ b/src/app/layouts/divider/dashed/divider-dashed.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxDividerDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-divider-dashed', styleUrls: ['./divider-dashed.component.scss'], templateUrl: './divider-dashed.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDividerDirective] }) export class DividerDashedComponent { diff --git a/src/app/layouts/divider/default/divider-default.component.ts b/src/app/layouts/divider/default/divider-default.component.ts index fbd3fb688b..4603601a19 100644 --- a/src/app/layouts/divider/default/divider-default.component.ts +++ b/src/app/layouts/divider/default/divider-default.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxDividerDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-divider-default', styleUrls: ['./divider-default.component.scss'], templateUrl: './divider-default.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDividerDirective] }) export class DividerDefaultComponent { diff --git a/src/app/layouts/divider/inset/divider-inset.component.ts b/src/app/layouts/divider/inset/divider-inset.component.ts index 5f7d3459fe..dbf452c56a 100644 --- a/src/app/layouts/divider/inset/divider-inset.component.ts +++ b/src/app/layouts/divider/inset/divider-inset.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxDividerDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-divider-inset', styleUrls: ['./divider-inset.component.scss'], templateUrl: './divider-inset.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDividerDirective] }) export class DividerInsetComponent { diff --git a/src/app/layouts/divider/vertical/divider-vertical.component.ts b/src/app/layouts/divider/vertical/divider-vertical.component.ts index 8363a6e5ae..bfdbffbd00 100644 --- a/src/app/layouts/divider/vertical/divider-vertical.component.ts +++ b/src/app/layouts/divider/vertical/divider-vertical.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxDividerDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-divider-vertical', styleUrls: ['./divider-vertical.component.scss'], templateUrl: './divider-vertical.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDividerDirective] }) export class DividerVerticalComponent { diff --git a/src/app/layouts/dock-manager/dock-manager-sample/dock-manager.component.ts b/src/app/layouts/dock-manager/dock-manager-sample/dock-manager.component.ts index 0baa38be46..30637998f9 100644 --- a/src/app/layouts/dock-manager/dock-manager-sample/dock-manager.component.ts +++ b/src/app/layouts/dock-manager/dock-manager-sample/dock-manager.component.ts @@ -1,4 +1,4 @@ -import { Component, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy } from '@angular/core'; +import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { IgcDockManagerLayout, IgcDockManagerPaneType, IgcSplitPaneOrientation } from 'igniteui-dockmanager'; @@ -7,7 +7,6 @@ import { IgcDockManagerLayout, selector: 'app-dock-manager', styleUrls: ['./dock-manager.component.scss'], templateUrl: './dock-manager.component.html', - changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class DockManagerComponent { diff --git a/src/app/layouts/expansion-panel/expansion-sample-1/expansion-sample-1.component.ts b/src/app/layouts/expansion-panel/expansion-sample-1/expansion-sample-1.component.ts index bbfdd6b1f5..a5fe89acd4 100644 --- a/src/app/layouts/expansion-panel/expansion-sample-1/expansion-sample-1.component.ts +++ b/src/app/layouts/expansion-panel/expansion-sample-1/expansion-sample-1.component.ts @@ -1,11 +1,10 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective } from 'igniteui-angular/expansion-panel'; @Component({ // tslint:disable-next-line:component-selector selector: 'app-expansion-sample-1', styleUrls: ['./expansion-sample-1.component.scss'], templateUrl: './expansion-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelBodyComponent] }) export class ExpansionPanelSample1Component { diff --git a/src/app/layouts/expansion-panel/expansion-sample-2/expansion-sample-2.component.ts b/src/app/layouts/expansion-panel/expansion-sample-2/expansion-sample-2.component.ts index 3e208e6b98..56b9a42838 100644 --- a/src/app/layouts/expansion-panel/expansion-sample-2/expansion-sample-2.component.ts +++ b/src/app/layouts/expansion-panel/expansion-sample-2/expansion-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective } from 'igniteui-angular/expansion-panel'; import { IgxToastComponent } from 'igniteui-angular/toast'; @@ -7,7 +7,6 @@ import { IgxToastComponent } from 'igniteui-angular/toast'; selector: 'app-expansion-sample-2', styleUrls: ['./expansion-sample-2.component.scss'], templateUrl: './expansion-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelBodyComponent, IgxToastComponent] }) export class ExpansionPanelSample2Component { diff --git a/src/app/layouts/expansion-panel/expansion-sample-3/expansion-sample-3.component.ts b/src/app/layouts/expansion-panel/expansion-sample-3/expansion-sample-3.component.ts index c991c59854..c870e53d7c 100644 --- a/src/app/layouts/expansion-panel/expansion-sample-3/expansion-sample-3.component.ts +++ b/src/app/layouts/expansion-panel/expansion-sample-3/expansion-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelHeaderComponent, IgxExpansionPanelIconDirective, IgxExpansionPanelTitleDirective } from 'igniteui-angular/expansion-panel'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -8,7 +8,6 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-expansion-sample-3', styleUrls: ['./expansion-sample-3.component.scss'], templateUrl: './expansion-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelIconDirective, IgxExpansionPanelBodyComponent, IgxButtonDirective] }) diff --git a/src/app/layouts/expansion-panel/expansion-sample-4/expansion-sample-4.component.ts b/src/app/layouts/expansion-panel/expansion-sample-4/expansion-sample-4.component.ts index 832ad4d808..67fdaaf179 100644 --- a/src/app/layouts/expansion-panel/expansion-sample-4/expansion-sample-4.component.ts +++ b/src/app/layouts/expansion-panel/expansion-sample-4/expansion-sample-4.component.ts @@ -1,11 +1,10 @@ -import { Component, QueryList, ViewChildren, ChangeDetectionStrategy } from '@angular/core'; +import { Component, QueryList, ViewChildren } from '@angular/core'; import { IExpansionPanelEventArgs, IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective } from 'igniteui-angular/expansion-panel'; @Component({ // tslint:disable-next-line:component-selector selector: 'app-expansion-sample-4', styleUrls: ['./expansion-sample-4.component.scss'], templateUrl: './expansion-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelBodyComponent] }) export class ExpansionPanelSample4Component { diff --git a/src/app/layouts/expansion-panel/expansion-sample-5/expansion-sample-5.component.ts b/src/app/layouts/expansion-panel/expansion-sample-5/expansion-sample-5.component.ts index 772e10627b..8d1109b378 100644 --- a/src/app/layouts/expansion-panel/expansion-sample-5/expansion-sample-5.component.ts +++ b/src/app/layouts/expansion-panel/expansion-sample-5/expansion-sample-5.component.ts @@ -1,5 +1,5 @@ import { useAnimation } from '@angular/animations'; -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective } from 'igniteui-angular/expansion-panel'; import { slideInLeft, slideOutRight } from 'igniteui-angular/animations'; @@ -9,7 +9,6 @@ import { slideInLeft, slideOutRight } from 'igniteui-angular/animations'; selector: 'app-expansion-sample-5', styleUrls: ['./expansion-sample-5.component.scss'], templateUrl: './expansion-sample-5.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelBodyComponent] }) export class ExpansionPanelSample5Component { diff --git a/src/app/layouts/expansion-panel/expansion-styling/expansion-styling.component.ts b/src/app/layouts/expansion-panel/expansion-styling/expansion-styling.component.ts index 255413be81..8a3d968cd4 100644 --- a/src/app/layouts/expansion-panel/expansion-styling/expansion-styling.component.ts +++ b/src/app/layouts/expansion-panel/expansion-styling/expansion-styling.component.ts @@ -1,4 +1,4 @@ -import {Component, ChangeDetectionStrategy} from '@angular/core'; +import {Component} from '@angular/core'; import { IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective } from 'igniteui-angular/expansion-panel'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -7,7 +7,6 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-expansion-styling', styleUrls: ['./expansion-styling.component.scss'], templateUrl: './expansion-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelBodyComponent, IgxButtonDirective] }) diff --git a/src/app/layouts/expansion-panel/expansion-tailwind-styling/expansion-tailwind-styling.component.ts b/src/app/layouts/expansion-panel/expansion-tailwind-styling/expansion-tailwind-styling.component.ts index dde089c631..f2c42922c2 100644 --- a/src/app/layouts/expansion-panel/expansion-tailwind-styling/expansion-tailwind-styling.component.ts +++ b/src/app/layouts/expansion-panel/expansion-tailwind-styling/expansion-tailwind-styling.component.ts @@ -1,4 +1,4 @@ -import {Component, ChangeDetectionStrategy} from '@angular/core'; +import {Component} from '@angular/core'; import { IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective } from 'igniteui-angular/expansion-panel'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -7,7 +7,6 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-expansion-tailwind-styling', styleUrls: ['./expansion-tailwind-styling.component.scss'], templateUrl: './expansion-tailwind-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelBodyComponent, IgxButtonDirective] }) diff --git a/src/app/layouts/layout/layout-align-items/layout-align-items.component.ts b/src/app/layouts/layout/layout-align-items/layout-align-items.component.ts index 8af943c85e..516c91689f 100644 --- a/src/app/layouts/layout/layout-align-items/layout-align-items.component.ts +++ b/src/app/layouts/layout/layout-align-items/layout-align-items.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewEncapsulation } from '@angular/core'; import { ButtonGroupAlignment, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxButtonDirective, IgxFlexDirective, IgxLayoutDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -8,7 +8,6 @@ import { IgxButtonDirective, IgxFlexDirective, IgxLayoutDirective, IgxRippleDire selector: 'app-layout-align-items', styleUrls: ['./layout-align-items.component.scss'], templateUrl: './layout-align-items.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective, IgxLayoutDirective, IgxFlexDirective] }) diff --git a/src/app/layouts/layout/layout-content-space/layout-content-space.component.ts b/src/app/layouts/layout/layout-content-space/layout-content-space.component.ts index fcb7398ccd..7fecdc6751 100644 --- a/src/app/layouts/layout/layout-content-space/layout-content-space.component.ts +++ b/src/app/layouts/layout/layout-content-space/layout-content-space.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewEncapsulation } from '@angular/core'; import { ButtonGroupAlignment, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxButtonDirective, IgxLayoutDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -8,7 +8,6 @@ import { IgxButtonDirective, IgxLayoutDirective, IgxRippleDirective } from 'igni selector: 'app-layout-content-space', styleUrls: ['./layout-content-space.component.scss'], templateUrl: './layout-content-space.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective, IgxLayoutDirective] }) diff --git a/src/app/layouts/layout/layout-custom-order/layout-custom-order.component.ts b/src/app/layouts/layout/layout-custom-order/layout-custom-order.component.ts index 05f85b937f..a6cfe649b8 100644 --- a/src/app/layouts/layout/layout-custom-order/layout-custom-order.component.ts +++ b/src/app/layouts/layout/layout-custom-order/layout-custom-order.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewEncapsulation } from '@angular/core'; import { ButtonGroupAlignment } from 'igniteui-angular/button-group'; import { IgxFlexDirective, IgxLayoutDirective } from 'igniteui-angular/directives'; @@ -7,7 +7,6 @@ import { IgxFlexDirective, IgxLayoutDirective } from 'igniteui-angular/directive selector: 'app-layout-custom-order', styleUrls: ['./layout-custom-order.component.scss'], templateUrl: './layout-custom-order.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLayoutDirective, IgxFlexDirective] }) diff --git a/src/app/layouts/layout/layout-direction-column/layout-direction-column.component.ts b/src/app/layouts/layout/layout-direction-column/layout-direction-column.component.ts index 9bdbf20e43..53560f34b7 100644 --- a/src/app/layouts/layout/layout-direction-column/layout-direction-column.component.ts +++ b/src/app/layouts/layout/layout-direction-column/layout-direction-column.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewEncapsulation } from '@angular/core'; import { ButtonGroupAlignment, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxButtonDirective, IgxFlexDirective, IgxLayoutDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -8,7 +8,6 @@ import { IgxButtonDirective, IgxFlexDirective, IgxLayoutDirective, IgxRippleDire selector: 'app-layout-direction-column', styleUrls: ['./layout-direction-column.component.scss'], templateUrl: './layout-direction-column.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective, IgxLayoutDirective, IgxFlexDirective] }) diff --git a/src/app/layouts/layout/layout-direction-row/layout-direction-row.component.ts b/src/app/layouts/layout/layout-direction-row/layout-direction-row.component.ts index b26cca04b8..3342c50d6e 100644 --- a/src/app/layouts/layout/layout-direction-row/layout-direction-row.component.ts +++ b/src/app/layouts/layout/layout-direction-row/layout-direction-row.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewEncapsulation } from '@angular/core'; import { ButtonGroupAlignment, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxButtonDirective, IgxFlexDirective, IgxLayoutDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -8,7 +8,6 @@ import { IgxButtonDirective, IgxFlexDirective, IgxLayoutDirective, IgxRippleDire selector: 'app-layout-direction-row', styleUrls: ['./layout-direction-row.component.scss'], templateUrl: './layout-direction-row.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective, IgxLayoutDirective, IgxFlexDirective] }) diff --git a/src/app/layouts/layout/layout-justify-content/layout-justify-content.component.ts b/src/app/layouts/layout/layout-justify-content/layout-justify-content.component.ts index 89a67616b7..d3deaa6cfe 100644 --- a/src/app/layouts/layout/layout-justify-content/layout-justify-content.component.ts +++ b/src/app/layouts/layout/layout-justify-content/layout-justify-content.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewEncapsulation } from '@angular/core'; import { ButtonGroupAlignment, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxButtonDirective, IgxLayoutDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -8,7 +8,6 @@ import { IgxButtonDirective, IgxLayoutDirective, IgxRippleDirective } from 'igni selector: 'app-layout-justify-content', styleUrls: ['./layout-justify-content.component.scss'], templateUrl: './layout-justify-content.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective, IgxLayoutDirective] }) diff --git a/src/app/layouts/layout/layout-sample/layout-sample.component.ts b/src/app/layouts/layout/layout-sample/layout-sample.component.ts index 1228ccbf09..144b70c22a 100644 --- a/src/app/layouts/layout/layout-sample/layout-sample.component.ts +++ b/src/app/layouts/layout/layout-sample/layout-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewEncapsulation } from '@angular/core'; import { IgxFlexDirective, IgxLayoutDirective } from 'igniteui-angular/directives'; @Component({ @@ -6,7 +6,6 @@ import { IgxFlexDirective, IgxLayoutDirective } from 'igniteui-angular/directive selector: 'app-layout-sample', styleUrls: ['./layout-sample.component.scss'], templateUrl: './layout-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLayoutDirective, IgxFlexDirective] }) diff --git a/src/app/layouts/layout/layout-wrap/layout-wrap.component.ts b/src/app/layouts/layout/layout-wrap/layout-wrap.component.ts index 648d979042..11145cf947 100644 --- a/src/app/layouts/layout/layout-wrap/layout-wrap.component.ts +++ b/src/app/layouts/layout/layout-wrap/layout-wrap.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewEncapsulation } from '@angular/core'; import { IgxFlexDirective, IgxLayoutDirective } from 'igniteui-angular/directives'; @Component({ @@ -6,7 +6,6 @@ import { IgxFlexDirective, IgxLayoutDirective } from 'igniteui-angular/directive selector: 'app-layout-wrap', styleUrls: ['./layout-wrap.component.scss'], templateUrl: './layout-wrap.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLayoutDirective, IgxFlexDirective] }) diff --git a/src/app/layouts/splitter/splitter-collapsible-sample/splitter-collapsible-sample.component.ts b/src/app/layouts/splitter/splitter-collapsible-sample/splitter-collapsible-sample.component.ts index bfce400981..50aadc38bb 100644 --- a/src/app/layouts/splitter/splitter-collapsible-sample/splitter-collapsible-sample.component.ts +++ b/src/app/layouts/splitter/splitter-collapsible-sample/splitter-collapsible-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxSplitterComponent, IgxSplitterPaneComponent } from 'igniteui-angular/splitter'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -6,7 +6,6 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-splitter-collapsible-sample', styleUrls: ['splitter-collapsible-sample.component.scss'], templateUrl: 'splitter-collapsible-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSplitterComponent, IgxSplitterPaneComponent, IgxButtonDirective] }) export class SplitterCollapsibleSampleComponent { diff --git a/src/app/layouts/splitter/splitter-horizontal-sample/splitter-horizontal-sample.component.ts b/src/app/layouts/splitter/splitter-horizontal-sample/splitter-horizontal-sample.component.ts index 2eb7089078..4931d38076 100644 --- a/src/app/layouts/splitter/splitter-horizontal-sample/splitter-horizontal-sample.component.ts +++ b/src/app/layouts/splitter/splitter-horizontal-sample/splitter-horizontal-sample.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSplitterComponent, IgxSplitterPaneComponent, SplitterType } from 'igniteui-angular/splitter'; @Component({ selector: 'app-splitter-horizontal-sample', styleUrls: ['splitter-horizontal-sample.component.scss'], templateUrl: 'splitter-horizontal-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSplitterComponent, IgxSplitterPaneComponent] }) export class SplitterHorizontalSampleComponent { diff --git a/src/app/layouts/splitter/splitter-nested-sample/splitter-nested-sample.component.ts b/src/app/layouts/splitter/splitter-nested-sample/splitter-nested-sample.component.ts index ce1d06288d..06c6b01f05 100644 --- a/src/app/layouts/splitter/splitter-nested-sample/splitter-nested-sample.component.ts +++ b/src/app/layouts/splitter/splitter-nested-sample/splitter-nested-sample.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSplitterComponent, IgxSplitterPaneComponent, SplitterType } from 'igniteui-angular/splitter'; @Component({ selector: 'app-splitter-nested-sample', styleUrls: ['splitter-nested-sample.component.scss'], templateUrl: 'splitter-nested-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSplitterComponent, IgxSplitterPaneComponent] }) export class SplitterNestedSampleComponent { diff --git a/src/app/layouts/splitter/splitter-styling-sample/splitter-styling-sample.component.ts b/src/app/layouts/splitter/splitter-styling-sample/splitter-styling-sample.component.ts index fbff903259..2dca887ee3 100644 --- a/src/app/layouts/splitter/splitter-styling-sample/splitter-styling-sample.component.ts +++ b/src/app/layouts/splitter/splitter-styling-sample/splitter-styling-sample.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSplitterComponent, IgxSplitterPaneComponent, SplitterType } from 'igniteui-angular/splitter'; @Component({ selector: 'app-splitter-styling-sample', styleUrls: ['splitter-styling-sample.component.scss'], templateUrl: 'splitter-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSplitterComponent, IgxSplitterPaneComponent] }) export class SplitterStylingSampleComponent { diff --git a/src/app/layouts/splitter/splitter-tailwind-styling-sample/splitter-tailwind-styling-sample.component.ts b/src/app/layouts/splitter/splitter-tailwind-styling-sample/splitter-tailwind-styling-sample.component.ts index e7e315ce36..079dfdcaa9 100644 --- a/src/app/layouts/splitter/splitter-tailwind-styling-sample/splitter-tailwind-styling-sample.component.ts +++ b/src/app/layouts/splitter/splitter-tailwind-styling-sample/splitter-tailwind-styling-sample.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSplitterComponent, IgxSplitterPaneComponent, SplitterType } from 'igniteui-angular/splitter'; @Component({ selector: 'app-splitter-tailwind-styling-sample', styleUrls: ['splitter-tailwind-styling-sample.component.scss'], templateUrl: 'splitter-tailwind-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSplitterComponent, IgxSplitterPaneComponent] }) export class SplitterTailwindStylingSampleComponent { diff --git a/src/app/layouts/stepper/stepper-label-position-and-orientation-sample/stepper-label-position-and-orientation-sample.component.ts b/src/app/layouts/stepper/stepper-label-position-and-orientation-sample/stepper-label-position-and-orientation-sample.component.ts index 0268d73bed..f3f47d2a48 100644 --- a/src/app/layouts/stepper/stepper-label-position-and-orientation-sample/stepper-label-position-and-orientation-sample.component.ts +++ b/src/app/layouts/stepper/stepper-label-position-and-orientation-sample/stepper-label-position-and-orientation-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IButtonGroupEventArgs, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxStepComponent, IgxStepContentDirective, IgxStepTitleDirective, IgxStepperComponent, IgxStepperOrientation, IgxStepperTitlePosition } from 'igniteui-angular/stepper'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -7,7 +7,6 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-stepper-label-position-and-orientation-sample', styleUrls: ['./stepper-label-position-and-orientation-sample.component.scss'], templateUrl: './stepper-label-position-and-orientation-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxStepperComponent, IgxStepComponent, IgxStepTitleDirective, IgxStepContentDirective, IgxButtonDirective] }) export class StepperLabelPositionAndOrientationSampleComponent { diff --git a/src/app/layouts/stepper/stepper-linear-sample/stepper-linear-sample.component.ts b/src/app/layouts/stepper/stepper-linear-sample/stepper-linear-sample.component.ts index 5704a13154..2336cc4042 100644 --- a/src/app/layouts/stepper/stepper-linear-sample/stepper-linear-sample.component.ts +++ b/src/app/layouts/stepper/stepper-linear-sample/stepper-linear-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IButtonGroupEventArgs, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxStepActiveIndicatorDirective, IgxStepComponent, IgxStepContentDirective, IgxStepSubtitleDirective, IgxStepTitleDirective, IgxStepperComponent } from 'igniteui-angular/stepper'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -12,7 +12,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-stepper-linear-sample', styleUrls: ['./stepper-linear-sample.component.scss'], templateUrl: './stepper-linear-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxStepperComponent, IgxStepActiveIndicatorDirective, IgxIconComponent, IgxStepComponent, IgxStepTitleDirective, IgxStepContentDirective, FormsModule, IgxInputGroupComponent, IgxInputDirective, IgxLabelDirective, IgxButtonDirective, IgxStepSubtitleDirective, IgxRadioGroupDirective, IgxRadioComponent] }) export class StepperLinearSampleComponent { diff --git a/src/app/layouts/stepper/stepper-overview-sample/stepper-overview-sample.component.ts b/src/app/layouts/stepper/stepper-overview-sample/stepper-overview-sample.component.ts index d6d2245ee5..2cf5594890 100644 --- a/src/app/layouts/stepper/stepper-overview-sample/stepper-overview-sample.component.ts +++ b/src/app/layouts/stepper/stepper-overview-sample/stepper-overview-sample.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, ViewChild, inject } from '@angular/core'; import { NgForm, FormsModule } from '@angular/forms'; import { IgxStepComponent, IgxStepContentDirective, IgxStepTitleDirective, IgxStepperComponent } from 'igniteui-angular/stepper'; import { IgxCardComponent, IgxCardContentDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; @@ -15,7 +15,6 @@ import { NgClass, DatePipe } from '@angular/common'; selector: 'app-stepper-overview-sample', styleUrls: ['./stepper-overview-sample.component.scss'], templateUrl: './stepper-overview-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxStepperComponent, IgxStepComponent, IgxStepTitleDirective, IgxStepContentDirective, IgxBadgeComponent, IgxCardComponent, NgClass, IgxCardMediaDirective, IgxCardContentDirective, FormsModule, IgxInputGroupComponent, IgxInputDirective, IgxLabelDirective, IgxSelectComponent, IgxSelectItemComponent, IgxMaskDirective, IgxCheckboxComponent, IgxHintDirective, IgxRadioGroupDirective, IgxRadioComponent, IgxButtonDirective, IgxIconComponent, DatePipe] }) export class StepperOverviewSampleComponent { diff --git a/src/app/layouts/stepper/stepper-sample-reactive-forms/stepper-sample-reactive-forms.component.ts b/src/app/layouts/stepper/stepper-sample-reactive-forms/stepper-sample-reactive-forms.component.ts index 40fb4c2fa9..f2e5d7ccd1 100644 --- a/src/app/layouts/stepper/stepper-sample-reactive-forms/stepper-sample-reactive-forms.component.ts +++ b/src/app/layouts/stepper/stepper-sample-reactive-forms/stepper-sample-reactive-forms.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, ViewChild, inject } from '@angular/core'; import { FormControl, FormGroup, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms'; import { IgxStepComponent, IgxStepContentDirective, IgxStepTitleDirective, IgxStepperComponent } from 'igniteui-angular/stepper'; import { IgxCardComponent, IgxCardContentDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; @@ -45,7 +45,6 @@ export interface ShippingDetails{ selector: 'app-stepper-sample-reactive-forms', styleUrls: ['./stepper-sample-reactive-forms.component.scss'], templateUrl: './stepper-sample-reactive-forms.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxStepperComponent, IgxStepComponent, IgxStepTitleDirective, IgxStepContentDirective, IgxBadgeComponent, IgxCardComponent, NgClass, IgxCardMediaDirective, IgxCardContentDirective, FormsModule, ReactiveFormsModule, IgxInputGroupComponent, IgxInputDirective, IgxLabelDirective, IgxSelectComponent, IgxSelectItemComponent, IgxMaskDirective, IgxCheckboxComponent, IgxHintDirective, IgxRadioGroupDirective, IgxRadioComponent, IgxButtonDirective, IgxIconComponent, DatePipe] }) export class StepperSampleReactiveFormsComponent { diff --git a/src/app/layouts/stepper/stepper-steptypes-sample/stepper-steptypes-sample.component.ts b/src/app/layouts/stepper/stepper-steptypes-sample/stepper-steptypes-sample.component.ts index 957a7cf03b..bd75db42cc 100644 --- a/src/app/layouts/stepper/stepper-steptypes-sample/stepper-steptypes-sample.component.ts +++ b/src/app/layouts/stepper/stepper-steptypes-sample/stepper-steptypes-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IButtonGroupEventArgs, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxStepComponent, IgxStepTitleDirective, IgxStepType, IgxStepperComponent } from 'igniteui-angular/stepper'; @@ -6,7 +6,6 @@ import { IgxStepComponent, IgxStepTitleDirective, IgxStepType, IgxStepperCompone selector: 'app-stepper-steptypes-sample', styleUrls: ['./stepper-steptypes-sample.component.scss'], templateUrl: './stepper-steptypes-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxStepperComponent, IgxStepComponent, IgxStepTitleDirective] }) export class StepperStepTypesSampleComponent { diff --git a/src/app/layouts/stepper/stepper-styling-sample/stepper-styling-sample.component.ts b/src/app/layouts/stepper/stepper-styling-sample/stepper-styling-sample.component.ts index 22522ea11a..f3a3981429 100644 --- a/src/app/layouts/stepper/stepper-styling-sample/stepper-styling-sample.component.ts +++ b/src/app/layouts/stepper/stepper-styling-sample/stepper-styling-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IStepChangingEventArgs, IgxStepActiveIndicatorDirective, IgxStepCompletedIndicatorDirective, IgxStepComponent, IgxStepContentDirective, IgxStepSubtitleDirective, IgxStepTitleDirective, IgxStepperComponent } from 'igniteui-angular/stepper'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -7,7 +7,6 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-stepper-styling-sample', styleUrls: ['./stepper-styling-sample.component.scss'], templateUrl: './stepper-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxStepperComponent, IgxStepActiveIndicatorDirective, IgxIconComponent, IgxStepCompletedIndicatorDirective, IgxStepComponent, IgxStepTitleDirective, IgxStepSubtitleDirective, IgxStepContentDirective, IgxButtonDirective] }) export class StepperStylingSampleComponent { diff --git a/src/app/layouts/stepper/stepper-tailwind-styling-sample/stepper-tailwind-styling-sample.component.ts b/src/app/layouts/stepper/stepper-tailwind-styling-sample/stepper-tailwind-styling-sample.component.ts index 74884efa21..adbe5489e7 100644 --- a/src/app/layouts/stepper/stepper-tailwind-styling-sample/stepper-tailwind-styling-sample.component.ts +++ b/src/app/layouts/stepper/stepper-tailwind-styling-sample/stepper-tailwind-styling-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IStepChangingEventArgs, IgxStepActiveIndicatorDirective, IgxStepCompletedIndicatorDirective, IgxStepComponent, IgxStepContentDirective, IgxStepSubtitleDirective, IgxStepTitleDirective, IgxStepperComponent } from 'igniteui-angular/stepper'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -7,7 +7,6 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-stepper-tailwind-styling-sample', styleUrls: ['./stepper-tailwind-styling-sample.component.scss'], templateUrl: './stepper-tailwind-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxStepperComponent, IgxStepActiveIndicatorDirective, IgxIconComponent, IgxStepCompletedIndicatorDirective, IgxStepComponent, IgxStepTitleDirective, IgxStepSubtitleDirective, IgxStepContentDirective, IgxButtonDirective] }) export class StepperTailwindStylingSampleComponent { diff --git a/src/app/layouts/tabbar/tabbar-sample-1/tabbar-sample-1.component.ts b/src/app/layouts/tabbar/tabbar-sample-1/tabbar-sample-1.component.ts index 3ae1303c20..04748ddab8 100644 --- a/src/app/layouts/tabbar/tabbar-sample-1/tabbar-sample-1.component.ts +++ b/src/app/layouts/tabbar/tabbar-sample-1/tabbar-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxBottomNavComponent, IgxBottomNavContentComponent, IgxBottomNavHeaderComponent, IgxBottomNavItemComponent } from 'igniteui-angular/bottom-nav'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -6,7 +6,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-tabbar-sample-1', styleUrls: ['./tabbar-sample-1.component.scss'], templateUrl: './tabbar-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxBottomNavComponent, IgxBottomNavItemComponent, IgxBottomNavHeaderComponent, IgxIconComponent, IgxBottomNavContentComponent] }) export class TabbarSample1Component { diff --git a/src/app/layouts/tabbar/tabbar-sample-2/tabbar-sample-2.component.ts b/src/app/layouts/tabbar/tabbar-sample-2/tabbar-sample-2.component.ts index 162d8773c7..857c99340d 100644 --- a/src/app/layouts/tabbar/tabbar-sample-2/tabbar-sample-2.component.ts +++ b/src/app/layouts/tabbar/tabbar-sample-2/tabbar-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from "@angular/core"; +import { Component } from "@angular/core"; import { IgxBottomNavComponent, IgxBottomNavContentComponent, IgxBottomNavHeaderComponent, IgxBottomNavHeaderIconDirective, IgxBottomNavHeaderLabelDirective, IgxBottomNavItemComponent } from 'igniteui-angular/bottom-nav'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: "app-tabbar-sample-2", styleUrls: ["./tabbar-sample-2.component.scss"], templateUrl: "./tabbar-sample-2.component.html", - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxBottomNavComponent, IgxBottomNavItemComponent, IgxBottomNavHeaderComponent, IgxIconComponent, IgxBottomNavHeaderIconDirective, IgxBottomNavHeaderLabelDirective, IgxBottomNavContentComponent] }) export class TabbarSample2Component { diff --git a/src/app/layouts/tabbar/tabbar-sample-3/components/tabbar-sample-3.component.ts b/src/app/layouts/tabbar/tabbar-sample-3/components/tabbar-sample-3.component.ts index fdcd9d1ccf..38dc79a81d 100644 --- a/src/app/layouts/tabbar/tabbar-sample-3/components/tabbar-sample-3.component.ts +++ b/src/app/layouts/tabbar/tabbar-sample-3/components/tabbar-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, inject } from '@angular/core'; import { NavigationEnd, Router, RouterOutlet, RouterLinkActive, RouterLink } from '@angular/router'; import { filter } from 'rxjs/operators'; import { IgxBottomNavComponent, IgxBottomNavHeaderComponent, IgxBottomNavHeaderIconDirective, IgxBottomNavItemComponent } from 'igniteui-angular/bottom-nav'; @@ -8,7 +8,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-tabbar-sample-3', styleUrls: ['./tabbar-sample-3.component.scss'], templateUrl: './tabbar-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [RouterOutlet, IgxBottomNavComponent, IgxBottomNavItemComponent, RouterLinkActive, IgxBottomNavHeaderComponent, RouterLink, IgxIconComponent, IgxBottomNavHeaderIconDirective] }) export class TabbarSample3Component implements OnInit { diff --git a/src/app/layouts/tabbar/tabbar-style/tabbar-style.component.ts b/src/app/layouts/tabbar/tabbar-style/tabbar-style.component.ts index 7241dd0a0b..7512e4bfa8 100644 --- a/src/app/layouts/tabbar/tabbar-style/tabbar-style.component.ts +++ b/src/app/layouts/tabbar/tabbar-style/tabbar-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from "@angular/core"; +import { Component, OnInit } from "@angular/core"; import { IgxBottomNavComponent, IgxBottomNavContentComponent, IgxBottomNavHeaderComponent, IgxBottomNavHeaderIconDirective, IgxBottomNavHeaderLabelDirective, IgxBottomNavItemComponent } from 'igniteui-angular/bottom-nav'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: "app-tabbar-style", styleUrls: ["./tabbar-style.component.scss"], templateUrl: "./tabbar-style.component.html", - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxBottomNavComponent, IgxBottomNavItemComponent, IgxBottomNavHeaderComponent, IgxIconComponent, IgxBottomNavHeaderIconDirective, IgxBottomNavHeaderLabelDirective, IgxBottomNavContentComponent] }) export class TabbarStyleComponent { diff --git a/src/app/layouts/tabbar/tabbar-tailwind-style/tabbar-tailwind-style.component.ts b/src/app/layouts/tabbar/tabbar-tailwind-style/tabbar-tailwind-style.component.ts index c94d69c48f..f7d4b7cad8 100644 --- a/src/app/layouts/tabbar/tabbar-tailwind-style/tabbar-tailwind-style.component.ts +++ b/src/app/layouts/tabbar/tabbar-tailwind-style/tabbar-tailwind-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from "@angular/core"; +import { Component } from "@angular/core"; import { IgxBottomNavComponent, IgxBottomNavContentComponent, IgxBottomNavHeaderComponent, IgxBottomNavHeaderIconDirective, IgxBottomNavHeaderLabelDirective, IgxBottomNavItemComponent } from 'igniteui-angular/bottom-nav'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: "app-tabbar-tailwind-style", styleUrls: ["./tabbar-tailwind-style.component.scss"], templateUrl: "./tabbar-tailwind-style.component.html", - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxBottomNavComponent, IgxBottomNavItemComponent, IgxBottomNavHeaderComponent, IgxIconComponent, IgxBottomNavHeaderIconDirective, IgxBottomNavHeaderLabelDirective, IgxBottomNavContentComponent] }) export class TabbarTailwindStyleComponent { diff --git a/src/app/layouts/tabbar/views/view1/view1.component.ts b/src/app/layouts/tabbar/views/view1/view1.component.ts index 33e6dfbe70..f94c38bab1 100644 --- a/src/app/layouts/tabbar/views/view1/view1.component.ts +++ b/src/app/layouts/tabbar/views/view1/view1.component.ts @@ -1,8 +1,7 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'app-view1', - changeDetection: ChangeDetectionStrategy.Eager, templateUrl: './view1.component.html' }) export class TabbarView1Component { } diff --git a/src/app/layouts/tabbar/views/view2/view2.component.ts b/src/app/layouts/tabbar/views/view2/view2.component.ts index 9138a112b5..353fab685c 100644 --- a/src/app/layouts/tabbar/views/view2/view2.component.ts +++ b/src/app/layouts/tabbar/views/view2/view2.component.ts @@ -1,8 +1,7 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'app-view2', - changeDetection: ChangeDetectionStrategy.Eager, templateUrl: './view2.component.html' }) export class TabbarView2Component { } diff --git a/src/app/layouts/tabbar/views/view3/view3.component.ts b/src/app/layouts/tabbar/views/view3/view3.component.ts index c103966a82..d22d588015 100644 --- a/src/app/layouts/tabbar/views/view3/view3.component.ts +++ b/src/app/layouts/tabbar/views/view3/view3.component.ts @@ -1,8 +1,7 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'app-view3', - changeDetection: ChangeDetectionStrategy.Eager, templateUrl: './view3.component.html' }) export class TabbarView3Component { } diff --git a/src/app/layouts/tabs/tabs-alignment/tabs-alignment.component.ts b/src/app/layouts/tabs/tabs-alignment/tabs-alignment.component.ts index ef757d511a..346339e173 100644 --- a/src/app/layouts/tabs/tabs-alignment/tabs-alignment.component.ts +++ b/src/app/layouts/tabs/tabs-alignment/tabs-alignment.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxTabContentComponent, IgxTabHeaderComponent, IgxTabHeaderLabelDirective, IgxTabItemComponent, IgxTabsComponent } from 'igniteui-angular/tabs'; @Component({ selector: 'app-tabs-alignment', templateUrl: './tabs-alignment.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxTabsComponent, IgxTabItemComponent, IgxTabHeaderComponent, IgxTabHeaderLabelDirective, IgxTabContentComponent] }) export class TabsAlignmentComponent { diff --git a/src/app/layouts/tabs/tabs-header-prefix-suffix/tabs-header-prefix-suffix.ts b/src/app/layouts/tabs/tabs-header-prefix-suffix/tabs-header-prefix-suffix.ts index 75320d662c..bfff56bd7c 100644 --- a/src/app/layouts/tabs/tabs-header-prefix-suffix/tabs-header-prefix-suffix.ts +++ b/src/app/layouts/tabs/tabs-header-prefix-suffix/tabs-header-prefix-suffix.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxTabContentComponent, IgxTabHeaderComponent, IgxTabItemComponent, IgxTabsComponent } from 'igniteui-angular/tabs'; import { IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; @@ -8,7 +8,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; @Component({ selector: 'app-tabs-header-prefix-suffix', templateUrl: './tabs-header-prefix-suffix.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTabsComponent, IgxTabItemComponent, IgxTabHeaderComponent, IgxPrefixDirective, IgxIconButtonDirective, IgxSuffixDirective, IgxIconComponent, IgxTabContentComponent] }) export class TabsHeaderPrefixSuffixComponent { diff --git a/src/app/layouts/tabs/tabs-sample-1/tabs-sample-1.component.ts b/src/app/layouts/tabs/tabs-sample-1/tabs-sample-1.component.ts index 00c134d8d6..1b99abb8e3 100644 --- a/src/app/layouts/tabs/tabs-sample-1/tabs-sample-1.component.ts +++ b/src/app/layouts/tabs/tabs-sample-1/tabs-sample-1.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxTabContentComponent, IgxTabHeaderComponent, IgxTabHeaderLabelDirective, IgxTabItemComponent, IgxTabsComponent } from 'igniteui-angular/tabs'; @Component({ selector: 'app-tabs-sample-1', styleUrls: ['./tabs-sample-1.component.scss'], templateUrl: './tabs-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTabsComponent, IgxTabItemComponent, IgxTabHeaderComponent, IgxTabHeaderLabelDirective, IgxTabContentComponent] }) export class TabsSample1Component { } diff --git a/src/app/layouts/tabs/tabs-sample-2/tabs-sample-2.component.ts b/src/app/layouts/tabs/tabs-sample-2/tabs-sample-2.component.ts index 6332973cfd..0e27ffe1a7 100644 --- a/src/app/layouts/tabs/tabs-sample-2/tabs-sample-2.component.ts +++ b/src/app/layouts/tabs/tabs-sample-2/tabs-sample-2.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxTabContentComponent, IgxTabHeaderComponent, IgxTabHeaderLabelDirective, IgxTabItemComponent, IgxTabsComponent } from 'igniteui-angular/tabs'; @Component({ selector: 'app-tabs-sample-2', styleUrls: ['./tabs-sample-2.component.scss'], templateUrl: './tabs-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTabsComponent, IgxTabItemComponent, IgxTabHeaderComponent, IgxTabHeaderLabelDirective, IgxTabContentComponent] }) export class TabsSample2Component { diff --git a/src/app/layouts/tabs/tabs-sample-3/tabs-sample-3.component.ts b/src/app/layouts/tabs/tabs-sample-3/tabs-sample-3.component.ts index ad60b1a97c..910a1a98bc 100644 --- a/src/app/layouts/tabs/tabs-sample-3/tabs-sample-3.component.ts +++ b/src/app/layouts/tabs/tabs-sample-3/tabs-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxTabContentComponent, IgxTabHeaderComponent, IgxTabHeaderIconDirective, IgxTabHeaderLabelDirective, IgxTabItemComponent, IgxTabsComponent } from 'igniteui-angular/tabs'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -6,7 +6,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-tabs-sample-3', styleUrls: ['./tabs-sample-3.component.scss'], templateUrl: './tabs-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTabsComponent, IgxTabItemComponent, IgxTabHeaderComponent, IgxIconComponent, IgxTabHeaderIconDirective, IgxTabHeaderLabelDirective, IgxTabContentComponent] }) export class TabsSample3Component { } diff --git a/src/app/layouts/tabs/tabs-sample-4/components/tabs-sample-4.component.ts b/src/app/layouts/tabs/tabs-sample-4/components/tabs-sample-4.component.ts index 1bf814ab78..78db9b213c 100644 --- a/src/app/layouts/tabs/tabs-sample-4/components/tabs-sample-4.component.ts +++ b/src/app/layouts/tabs/tabs-sample-4/components/tabs-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, inject } from '@angular/core'; import { NavigationEnd, Router, RouterLinkActive, RouterLink, RouterOutlet } from '@angular/router'; import { filter } from 'rxjs/operators'; import { IgxTabHeaderComponent, IgxTabHeaderLabelDirective, IgxTabItemComponent, IgxTabsComponent } from 'igniteui-angular/tabs'; @@ -7,7 +7,6 @@ import { IgxTabHeaderComponent, IgxTabHeaderLabelDirective, IgxTabItemComponent, selector: 'app-tabs-sample-4', styleUrls: ['./tabs-sample-4.component.scss'], templateUrl: './tabs-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTabsComponent, IgxTabItemComponent, RouterLinkActive, IgxTabHeaderComponent, RouterLink, IgxTabHeaderLabelDirective, RouterOutlet] }) export class TabsSample4Component implements OnInit { diff --git a/src/app/layouts/tabs/tabs-style/tabs-style.component.ts b/src/app/layouts/tabs/tabs-style/tabs-style.component.ts index fd65146975..c0a43419e5 100644 --- a/src/app/layouts/tabs/tabs-style/tabs-style.component.ts +++ b/src/app/layouts/tabs/tabs-style/tabs-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxTabContentComponent, IgxTabHeaderComponent, IgxTabHeaderIconDirective, IgxTabHeaderLabelDirective, IgxTabItemComponent, IgxTabsComponent } from 'igniteui-angular/tabs'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -6,7 +6,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-tabs-style', styleUrls: ['./tabs-style.component.scss'], templateUrl: './tabs-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTabsComponent, IgxTabItemComponent, IgxTabHeaderComponent, IgxIconComponent, IgxTabHeaderIconDirective, IgxTabHeaderLabelDirective, IgxTabContentComponent] }) export class TabsStyleComponent { } diff --git a/src/app/layouts/tabs/tabs-tailwind-style/tabs-tailwind-style.component.ts b/src/app/layouts/tabs/tabs-tailwind-style/tabs-tailwind-style.component.ts index 5fe1a7572a..1a1a925db8 100644 --- a/src/app/layouts/tabs/tabs-tailwind-style/tabs-tailwind-style.component.ts +++ b/src/app/layouts/tabs/tabs-tailwind-style/tabs-tailwind-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxTabContentComponent, IgxTabHeaderComponent, IgxTabHeaderIconDirective, IgxTabHeaderLabelDirective, IgxTabItemComponent, IgxTabsComponent } from 'igniteui-angular/tabs'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -6,7 +6,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-tabs-tailwind-style', styleUrls: ['./tabs-tailwind-style.component.scss'], templateUrl: './tabs-tailwind-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTabsComponent, IgxTabItemComponent, IgxTabHeaderComponent, IgxIconComponent, IgxTabHeaderIconDirective, IgxTabHeaderLabelDirective, IgxTabContentComponent] }) export class TabsTailwindStyleComponent { } diff --git a/src/app/layouts/tabs/views/view1/view1.component.ts b/src/app/layouts/tabs/views/view1/view1.component.ts index 6dcfcbbedf..b9b28ff9af 100644 --- a/src/app/layouts/tabs/views/view1/view1.component.ts +++ b/src/app/layouts/tabs/views/view1/view1.component.ts @@ -1,8 +1,7 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'app-view1', - changeDetection: ChangeDetectionStrategy.Eager, templateUrl: './view1.component.html' }) export class View1Component { } diff --git a/src/app/layouts/tabs/views/view2/view2.component.ts b/src/app/layouts/tabs/views/view2/view2.component.ts index 28df4880ce..8dcb038e37 100644 --- a/src/app/layouts/tabs/views/view2/view2.component.ts +++ b/src/app/layouts/tabs/views/view2/view2.component.ts @@ -1,8 +1,7 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'app-view2', - changeDetection: ChangeDetectionStrategy.Eager, templateUrl: './view2.component.html' }) export class View2Component { } diff --git a/src/app/layouts/tabs/views/view3/view3.component.ts b/src/app/layouts/tabs/views/view3/view3.component.ts index 7331f77fdf..a02c858866 100644 --- a/src/app/layouts/tabs/views/view3/view3.component.ts +++ b/src/app/layouts/tabs/views/view3/view3.component.ts @@ -1,8 +1,7 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'app-view3', - changeDetection: ChangeDetectionStrategy.Eager, templateUrl: './view3.component.html' }) export class View3Component { } diff --git a/src/app/layouts/tile-manager/tile-manager-sample/tile-manager.component.ts b/src/app/layouts/tile-manager/tile-manager-sample/tile-manager.component.ts index ec37a15aae..5f515fefdb 100644 --- a/src/app/layouts/tile-manager/tile-manager-sample/tile-manager.component.ts +++ b/src/app/layouts/tile-manager/tile-manager-sample/tile-manager.component.ts @@ -1,4 +1,4 @@ -import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; import { IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardThumbnailDirective } from 'igniteui-angular/card'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; @@ -12,7 +12,6 @@ defineComponents(IgcTileManagerComponent); styleUrls: ['./tile-manager.component.scss'], templateUrl: './tile-manager.component.html', imports: [IgxCardComponent, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardThumbnailDirective, IgxCardContentDirective, IgxListComponent, IgxListItemComponent, IgxListThumbnailDirective, IgxAvatarComponent, IgxIconComponent], - changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class TileManagerComponent implements OnInit { @@ -22,15 +21,15 @@ export class TileManagerComponent implements OnInit { public ngOnInit() { const listIcon = ''; - + const calendarIcon = '' - + const productIcon = '' - + this._iconService.addSvgIconFromText("list", listIcon, "material"); this._iconService.addSvgIconFromText("calendar", calendarIcon, "material"); this._iconService.addSvgIconFromText("product", productIcon, "material"); } -} \ No newline at end of file +} diff --git a/src/app/lists/combo/combo-binding/combo-binding.component.ts b/src/app/lists/combo/combo-binding/combo-binding.component.ts index 7005aae0bc..563ccf1724 100644 --- a/src/app/lists/combo/combo-binding/combo-binding.component.ts +++ b/src/app/lists/combo/combo-binding/combo-binding.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxComboComponent } from 'igniteui-angular/combo'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxCardComponent, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective } from 'igniteui-angular/card'; @@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-combo-binding', templateUrl: 'combo-binding.component.html', styleUrls: ['combo-binding.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxComboComponent, FormsModule, IgxButtonDirective, IgxCardComponent, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective] }) export class ComboBindingComponent { diff --git a/src/app/lists/combo/combo-features/combo-features.component.ts b/src/app/lists/combo/combo-features/combo-features.component.ts index 8e8db5ac3d..79bf967fa5 100644 --- a/src/app/lists/combo/combo-features/combo-features.component.ts +++ b/src/app/lists/combo/combo-features/combo-features.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxComboComponent } from 'igniteui-angular/combo'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; import { localData } from './local-data'; @@ -8,7 +8,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-combo', styleUrls: ['./combo-features.component.scss'], templateUrl: './combo-features.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxComboComponent, IgxSwitchComponent, FormsModule] }) export class ComboFeaturesComponent implements OnInit{ diff --git a/src/app/lists/combo/combo-main/combo-main.component.ts b/src/app/lists/combo/combo-main/combo-main.component.ts index 1a93565d44..7ec7619400 100644 --- a/src/app/lists/combo/combo-main/combo-main.component.ts +++ b/src/app/lists/combo/combo-main/combo-main.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { localData } from './local-data'; import { IgxComboComponent } from 'igniteui-angular/combo'; @@ -6,7 +6,6 @@ import { IgxComboComponent } from 'igniteui-angular/combo'; selector: 'app-combo-main', styleUrls: ['./combo-main.component.scss'], templateUrl: './combo-main.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxComboComponent] }) diff --git a/src/app/lists/combo/combo-overlay/combo-overlay.component.ts b/src/app/lists/combo/combo-overlay/combo-overlay.component.ts index 311545317c..ede80c3d91 100644 --- a/src/app/lists/combo/combo-overlay/combo-overlay.component.ts +++ b/src/app/lists/combo/combo-overlay/combo-overlay.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { GlobalPositionStrategy, OverlaySettings } from 'igniteui-angular/core'; import { IgxComboComponent } from 'igniteui-angular/combo'; import { scaleInCenter, scaleOutCenter } from 'igniteui-angular/animations'; @@ -7,7 +7,6 @@ import { scaleInCenter, scaleOutCenter } from 'igniteui-angular/animations'; selector: 'app-combo-overlay', templateUrl: 'combo-overlay.component.html', styleUrls: ['combo-overlay.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxComboComponent] }) export class ComboOverlayComponent { diff --git a/src/app/lists/combo/combo-remote/combo-remote.component.ts b/src/app/lists/combo/combo-remote/combo-remote.component.ts index f1c115c892..994071a9af 100644 --- a/src/app/lists/combo/combo-remote/combo-remote.component.ts +++ b/src/app/lists/combo/combo-remote/combo-remote.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; import { IComboSearchInputEventArgs, IComboSelectionChangingEventArgs, IgxComboComponent } from 'igniteui-angular/combo'; import { IForOfState } from 'igniteui-angular/directives'; import { IgxToastComponent } from 'igniteui-angular/toast'; @@ -11,7 +11,6 @@ import { AsyncPipe } from '@angular/common'; selector: 'app-combo-remote', styleUrls: ['./combo-remote.component.scss'], templateUrl: './combo-remote.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxComboComponent, IgxToastComponent, AsyncPipe] }) export class ComboRemoteComponent implements OnInit, AfterViewInit { diff --git a/src/app/lists/combo/combo-styling/combo-styling.component.ts b/src/app/lists/combo/combo-styling/combo-styling.component.ts index 7aab41dd86..63ebea26f0 100644 --- a/src/app/lists/combo/combo-styling/combo-styling.component.ts +++ b/src/app/lists/combo/combo-styling/combo-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, OnInit, ViewChild, inject } from '@angular/core'; import { IComboSelectionChangingEventArgs, IgxComboComponent } from 'igniteui-angular/combo'; import { IgxToastComponent } from 'igniteui-angular/toast'; import { VerticalAlignment } from 'igniteui-angular/core'; @@ -8,7 +8,6 @@ import { getHeroWeaponsData, IHeroWeapon } from '../../../data/heroData'; selector: 'app-combo', styleUrls: ['./combo-styling.component.scss'], templateUrl: './combo-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxComboComponent, IgxToastComponent] }) export class ComboStylingComponent implements OnInit { diff --git a/src/app/lists/combo/combo-tailwind-styling/combo-tailwind-styling.component.ts b/src/app/lists/combo/combo-tailwind-styling/combo-tailwind-styling.component.ts index ad5fcb51d8..0bb9922864 100644 --- a/src/app/lists/combo/combo-tailwind-styling/combo-tailwind-styling.component.ts +++ b/src/app/lists/combo/combo-tailwind-styling/combo-tailwind-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, OnInit, ViewChild, inject } from '@angular/core'; import { IComboSelectionChangingEventArgs, IgxComboComponent } from 'igniteui-angular/combo'; import { IgxToastComponent } from 'igniteui-angular/toast'; import { VerticalAlignment } from 'igniteui-angular/core'; @@ -8,7 +8,6 @@ import { getHeroWeaponsData, IHeroWeapon } from '../../../data/heroData'; selector: 'app-combo-tailwind-styling', styleUrls: ['./combo-tailwind-styling.component.scss'], templateUrl: './combo-tailwind-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxComboComponent, IgxToastComponent] }) export class ComboTailwindStylingComponent implements OnInit { diff --git a/src/app/lists/combo/combo-template/combo-template.component.ts b/src/app/lists/combo/combo-template/combo-template.component.ts index fb6af5b82f..aa9278e971 100644 --- a/src/app/lists/combo/combo-template/combo-template.component.ts +++ b/src/app/lists/combo/combo-template/combo-template.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, OnInit, inject } from '@angular/core'; import { localData } from './local-data'; import { IgxComboAddItemDirective, IgxComboClearIconDirective, IgxComboComponent, IgxComboEmptyDirective, IgxComboFooterDirective, IgxComboHeaderDirective, IgxComboHeaderItemDirective, IgxComboItemDirective, IgxComboToggleIconDirective } from 'igniteui-angular/combo'; import { IgxLabelDirective, IgxPrefixDirective } from 'igniteui-angular/input-group'; @@ -9,7 +9,6 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-combo-template', styleUrls: ['./combo-template.component.scss'], templateUrl: './combo-template.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxComboComponent, IgxLabelDirective, IgxPrefixDirective, IgxIconComponent, IgxComboItemDirective, IgxComboHeaderItemDirective, IgxComboHeaderDirective, IgxComboFooterDirective, IgxComboAddItemDirective, IgxButtonDirective, IgxComboToggleIconDirective, IgxComboClearIconDirective, IgxComboEmptyDirective] }) export class ComboTemplateComponent implements OnInit { diff --git a/src/app/lists/combo/combo-valuekey/combo-valuekey.component.ts b/src/app/lists/combo/combo-valuekey/combo-valuekey.component.ts index 022b1fc828..0184ca1113 100644 --- a/src/app/lists/combo/combo-valuekey/combo-valuekey.component.ts +++ b/src/app/lists/combo/combo-valuekey/combo-valuekey.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxComboComponent } from 'igniteui-angular/combo'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { CITIES, ICity } from './cities'; @@ -8,7 +8,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-combo-valuekey', templateUrl: 'combo-valuekey.component.html', styleUrls: ['combo-valuekey.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxComboComponent, FormsModule, IgxButtonDirective] }) export class ComboValueKeyComponent { diff --git a/src/app/lists/combo/simple-combo-cascading/simple-combo-cascading.component.ts b/src/app/lists/combo/simple-combo-cascading/simple-combo-cascading.component.ts index c7fba580f2..0e0ac0ae2c 100644 --- a/src/app/lists/combo/simple-combo-cascading/simple-combo-cascading.component.ts +++ b/src/app/lists/combo/simple-combo-cascading/simple-combo-cascading.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { ISimpleComboSelectionChangingEventArgs, IgxSimpleComboComponent } from 'igniteui-angular/simple-combo'; import { IgxLinearProgressBarComponent } from 'igniteui-angular/progressbar'; import { City, Country, getCitiesByCountry, getCountries, Region } from '../../../data/cities15000-regions-countries'; @@ -9,7 +9,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-simple-combo-cascading', templateUrl: 'simple-combo-cascading.component.html', styleUrls: ['simple-combo-cascading.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSimpleComboComponent, FormsModule, IgxLinearProgressBarComponent] }) export class SimpleComboCascadingComponent implements OnInit { diff --git a/src/app/lists/combo/simple-combo-main/simple-combo-main.component.ts b/src/app/lists/combo/simple-combo-main/simple-combo-main.component.ts index ab46a07652..a5c86e96de 100644 --- a/src/app/lists/combo/simple-combo-main/simple-combo-main.component.ts +++ b/src/app/lists/combo/simple-combo-main/simple-combo-main.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { IgRect } from 'igniteui-angular-core'; import { StockData, updatedStockData } from '../../../data/stocks-data'; import { IgxSimpleComboComponent } from 'igniteui-angular/simple-combo'; @@ -12,7 +12,6 @@ import { IgxFinancialChartCoreModule, IgxFinancialChartModule } from 'igniteui-a selector: 'app-simple-combo-main', templateUrl: 'simple-combo-main.component.html', styleUrls: ['simple-combo-main.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSimpleComboComponent, FormsModule, IgxButtonGroupComponent, IgxButtonDirective, IgxFinancialChartModule, IgxFinancialChartCoreModule] }) export class SimpleComboMainComponent implements OnInit { diff --git a/src/app/lists/combo/simple-combo-remote/simple-combo-remote.component.ts b/src/app/lists/combo/simple-combo-remote/simple-combo-remote.component.ts index e5ffeeac0a..1a7caaad9c 100644 --- a/src/app/lists/combo/simple-combo-remote/simple-combo-remote.component.ts +++ b/src/app/lists/combo/simple-combo-remote/simple-combo-remote.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; import { IComboSearchInputEventArgs } from 'igniteui-angular/combo'; import { IForOfState } from 'igniteui-angular/directives'; import { ISimpleComboSelectionChangingEventArgs, IgxSimpleComboComponent } from 'igniteui-angular/simple-combo'; @@ -12,7 +12,6 @@ import { AsyncPipe } from '@angular/common'; selector: 'app-simple-combo-remote', templateUrl: './simple-combo-remote.component.html', styleUrls: ['./simple-combo-remote.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSimpleComboComponent, IgxToastComponent, AsyncPipe] }) export class SimpleComboRemoteComponent implements OnInit, AfterViewInit { diff --git a/src/app/lists/combo/simple-combo-styling/simple-combo-styling.component.ts b/src/app/lists/combo/simple-combo-styling/simple-combo-styling.component.ts index 803c882113..b28e790883 100644 --- a/src/app/lists/combo/simple-combo-styling/simple-combo-styling.component.ts +++ b/src/app/lists/combo/simple-combo-styling/simple-combo-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, OnInit, inject } from '@angular/core'; import { City, getCitiesByPopulation } from '../../../data/cities15000-regions-countries'; import { IgxSimpleComboComponent } from 'igniteui-angular/simple-combo'; @@ -6,7 +6,6 @@ import { IgxSimpleComboComponent } from 'igniteui-angular/simple-combo'; selector: 'app-simple-combo-styling', templateUrl: 'simple-combo-styling.component.html', styleUrls: ['simple-combo-styling.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSimpleComboComponent] }) export class SimpleComboStylingComponent implements OnInit { diff --git a/src/app/lists/combo/simple-combo-usage/simple-combo-usage.component.ts b/src/app/lists/combo/simple-combo-usage/simple-combo-usage.component.ts index 43d8639971..1a87c034c9 100644 --- a/src/app/lists/combo/simple-combo-usage/simple-combo-usage.component.ts +++ b/src/app/lists/combo/simple-combo-usage/simple-combo-usage.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { City, getCitiesByPopulation } from '../../../data/cities15000-regions-countries'; import { IgxSimpleComboComponent } from 'igniteui-angular/simple-combo'; import { FormsModule } from '@angular/forms'; @@ -8,7 +8,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-simple-combo-usage', templateUrl: 'simple-combo-usage.component.html', styleUrls: ['simple-combo-usage.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSimpleComboComponent, FormsModule] }) export class SimpleComboUsageComponent implements OnInit { diff --git a/src/app/lists/list/list-chat-sample/list-chat-sample.component.ts b/src/app/lists/list/list-chat-sample/list-chat-sample.component.ts index cd7eff07c4..47e5145e4e 100644 --- a/src/app/lists/list/list-chat-sample/list-chat-sample.component.ts +++ b/src/app/lists/list/list-chat-sample/list-chat-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, ElementRef, TemplateRef, ViewChild, ViewEncapsulation, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, ElementRef, TemplateRef, ViewChild, ViewEncapsulation, inject } from '@angular/core'; import { ContactsService } from './services/contacts.service'; import { IMessage, MessagesService } from './services/messages.service'; import { FormsModule } from '@angular/forms'; @@ -14,7 +14,6 @@ import { NgClass, NgTemplateOutlet, DatePipe } from '@angular/common'; selector: 'app-list-chat-sample', styleUrls: ['./list-chat-sample.component.scss'], templateUrl: './list-chat-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, IgxListComponent, IgxListItemComponent, IgxAvatarComponent, NgClass, NgTemplateOutlet, IgxInputGroupComponent, IgxInputDirective, IgxSuffixDirective, IgxIconButtonDirective, IgxIconComponent, DatePipe] }) export class ListChatSampleComponent implements AfterViewInit { diff --git a/src/app/lists/list/list-item-selection/list-item-selection.component.ts b/src/app/lists/list/list-item-selection/list-item-selection.component.ts index 66ab11baa1..bfa1424a37 100644 --- a/src/app/lists/list/list-item-selection/list-item-selection.component.ts +++ b/src/app/lists/list/list-item-selection/list-item-selection.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxFilterOptions, IgxFilterPipe, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxInputDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-list-item-selection', templateUrl: './list-item-selection.component.html', styleUrls: ['./list-item-selection.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxListComponent, IgxListItemComponent, IgxAvatarComponent, IgxListThumbnailDirective, IgxListLineTitleDirective, IgxListLineSubTitleDirective, IgxListActionDirective, IgxRippleDirective, IgxFilterPipe] }) export class ListItemSelectionComponent { diff --git a/src/app/lists/list/list-sample-1/list-sample-1.component.ts b/src/app/lists/list/list-sample-1/list-sample-1.component.ts index e3af0bddfd..456fde939f 100644 --- a/src/app/lists/list/list-sample-1/list-sample-1.component.ts +++ b/src/app/lists/list/list-sample-1/list-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, ViewChild } from '@angular/core'; import { IgxEmptyListTemplateDirective, IgxListComponent, IgxListItemComponent } from 'igniteui-angular/list'; @@ -6,7 +6,6 @@ import { IgxEmptyListTemplateDirective, IgxListComponent, IgxListItemComponent } selector: 'app-igx-list-demo', styleUrls: ['./list-sample-1.component.scss'], templateUrl: './list-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxEmptyListTemplateDirective, IgxListItemComponent] }) export class ListSample1Component { diff --git a/src/app/lists/list/list-sample-2/list-sample-2.component.ts b/src/app/lists/list/list-sample-2/list-sample-2.component.ts index 770c0e859b..04e043fd5c 100644 --- a/src/app/lists/list/list-sample-2/list-sample-2.component.ts +++ b/src/app/lists/list/list-sample-2/list-sample-2.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxListComponent, IgxListItemComponent } from 'igniteui-angular/list'; @Component({ selector: 'app-igx-list-simple', styleUrls: ['./list-sample-2.component.scss'], templateUrl: './list-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxListItemComponent] }) export class ListSample2Component { diff --git a/src/app/lists/list/list-sample-3/list-sample-3.component.ts b/src/app/lists/list/list-sample-3/list-sample-3.component.ts index e2d7b58953..de8c56bde0 100644 --- a/src/app/lists/list/list-sample-3/list-sample-3.component.ts +++ b/src/app/lists/list/list-sample-3/list-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxListComponent, IgxListItemComponent, IgxListLineSubTitleDirective, IgxListLineTitleDirective } from 'igniteui-angular/list'; import { IgxRippleDirective } from 'igniteui-angular/directives'; @@ -6,7 +6,6 @@ import { IgxRippleDirective } from 'igniteui-angular/directives'; selector: 'app-contact-list', styleUrls: ['./list-sample-3.component.scss'], templateUrl: './list-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxListItemComponent, IgxRippleDirective, IgxListLineTitleDirective, IgxListLineSubTitleDirective] }) export class ListSample3Component { diff --git a/src/app/lists/list/list-sample-4/list-sample-4.component.ts b/src/app/lists/list/list-sample-4/list-sample-4.component.ts index 7a77768fdf..fc0b2032cc 100644 --- a/src/app/lists/list/list-sample-4/list-sample-4.component.ts +++ b/src/app/lists/list/list-sample-4/list-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostBinding, OnInit } from '@angular/core'; import { IgxFilterOptions, IgxFilterPipe, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxInputDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; @@ -11,7 +11,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-contact-list2', styleUrls: ['./list-sample-4.component.scss'], templateUrl: './list-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxListComponent, IgxListItemComponent, IgxRippleDirective, IgxAvatarComponent, IgxListThumbnailDirective, IgxListLineTitleDirective, IgxListLineSubTitleDirective, IgxListActionDirective, IgxFilterPipe] }) export class ListSample4Component implements OnInit { diff --git a/src/app/lists/list/list-sample-5/list-sample-5.component.ts b/src/app/lists/list/list-sample-5/list-sample-5.component.ts index 4acf3c6760..6f0ce5e184 100644 --- a/src/app/lists/list/list-sample-5/list-sample-5.component.ts +++ b/src/app/lists/list/list-sample-5/list-sample-5.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxEmptyListTemplateDirective, IgxListComponent } from 'igniteui-angular/list'; @Component({ selector: 'app-list-sample-5', styleUrls: ['./list-sample-5.component.scss'], templateUrl: './list-sample-5.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxEmptyListTemplateDirective] }) export class ListSample5Component { diff --git a/src/app/lists/list/list-sample-6/list-sample-6.component.ts b/src/app/lists/list/list-sample-6/list-sample-6.component.ts index 4f3f970c0c..fb591408d2 100644 --- a/src/app/lists/list/list-sample-6/list-sample-6.component.ts +++ b/src/app/lists/list/list-sample-6/list-sample-6.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxDataLoadingTemplateDirective, IgxEmptyListTemplateDirective, IgxListComponent, IgxListItemComponent } from 'igniteui-angular/list'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -7,7 +7,6 @@ import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directi selector: 'app-list-sample-6', styleUrls: ['./list-sample-6.component.scss'], templateUrl: './list-sample-6.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxListItemComponent, IgxRippleDirective, IgxEmptyListTemplateDirective, IgxButtonDirective, IgxDataLoadingTemplateDirective] }) export class ListSample6Component { diff --git a/src/app/lists/list/list-sample-7/list-sample-7.component.ts b/src/app/lists/list/list-sample-7/list-sample-7.component.ts index 1e8b940730..8c9e9a85ca 100644 --- a/src/app/lists/list/list-sample-7/list-sample-7.component.ts +++ b/src/app/lists/list/list-sample-7/list-sample-7.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxListActionDirective, IgxListComponent, IgxListItemComponent, IgxListItemLeftPanningTemplateDirective, IgxListItemRightPanningTemplateDirective, IgxListLineSubTitleDirective, IgxListLineTitleDirective, IgxListThumbnailDirective } from 'igniteui-angular/list'; import { IgxToastComponent } from 'igniteui-angular/toast'; @@ -13,7 +13,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-contact-list2', styleUrls: ['./list-sample-7.component.scss'], templateUrl: './list-sample-7.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent, FormsModule, IgxListComponent, IgxListItemLeftPanningTemplateDirective, IgxIconComponent, IgxListItemRightPanningTemplateDirective, IgxListItemComponent, IgxRippleDirective, IgxAvatarComponent, IgxListThumbnailDirective, IgxListLineTitleDirective, IgxListLineSubTitleDirective, IgxListActionDirective, IgxToastComponent, IgxButtonDirective] }) export class ListSample7Component implements OnInit { diff --git a/src/app/lists/list/list-sample-8/list-sample-8.component.ts b/src/app/lists/list/list-sample-8/list-sample-8.component.ts index e7cf1d231e..028d1dc185 100644 --- a/src/app/lists/list/list-sample-8/list-sample-8.component.ts +++ b/src/app/lists/list/list-sample-8/list-sample-8.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxListActionDirective, IgxListComponent, IgxListItemComponent, IgxListLineSubTitleDirective, IgxListLineTitleDirective, IgxListThumbnailDirective } from 'igniteui-angular/list'; import { IgxToastComponent } from 'igniteui-angular/toast'; @@ -11,7 +11,6 @@ import { IgxRippleDirective } from 'igniteui-angular/directives'; selector: 'app-list-8', styleUrls: ['./list-sample-8.component.scss'], templateUrl: './list-sample-8.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxListItemComponent, IgxAvatarComponent, IgxListThumbnailDirective, IgxListLineTitleDirective, IgxListLineSubTitleDirective, IgxIconComponent, IgxListActionDirective, IgxRippleDirective] }) export class ListSample8Component implements OnInit { diff --git a/src/app/lists/list/list-tailwind-styling/list-tailwind-styling.component.ts b/src/app/lists/list/list-tailwind-styling/list-tailwind-styling.component.ts index c567e465be..b1024da3f6 100644 --- a/src/app/lists/list/list-tailwind-styling/list-tailwind-styling.component.ts +++ b/src/app/lists/list/list-tailwind-styling/list-tailwind-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxListActionDirective, IgxListComponent, IgxListItemComponent, IgxListLineSubTitleDirective, IgxListLineTitleDirective, IgxListThumbnailDirective } from 'igniteui-angular/list'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @@ -10,7 +10,6 @@ import { IgxRippleDirective } from 'igniteui-angular/directives'; selector: 'app-list-tailwind-styling', styleUrls: ['./list-tailwind-styling.component.scss'], templateUrl: './list-tailwind-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxListItemComponent, IgxAvatarComponent, IgxListThumbnailDirective, IgxListLineTitleDirective, IgxListLineSubTitleDirective, IgxIconComponent, IgxListActionDirective, IgxRippleDirective] }) export class ListTailwindStylingComponent implements OnInit { diff --git a/src/app/lists/list/list.component.ts b/src/app/lists/list/list.component.ts index 9c4aa8fa66..8cf77dbf8b 100644 --- a/src/app/lists/list/list.component.ts +++ b/src/app/lists/list/list.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxFilterOptions, IgxFilterPipe, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxInputDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -11,7 +11,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-list', styleUrls: ['./list.component.scss'], templateUrl: './list.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxListComponent, IgxListItemComponent, IgxRippleDirective, IgxAvatarComponent, IgxListThumbnailDirective, IgxListLineTitleDirective, IgxListLineSubTitleDirective, IgxListActionDirective, IgxFilterPipe] }) export class ListComponent { diff --git a/src/app/lists/tree/tree-advanced-sample/tree-advanced-sample.component.ts b/src/app/lists/tree/tree-advanced-sample/tree-advanced-sample.component.ts index 7cfc8e4322..e391fdf023 100644 --- a/src/app/lists/tree/tree-advanced-sample/tree-advanced-sample.component.ts +++ b/src/app/lists/tree/tree-advanced-sample/tree-advanced-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, AfterViewInit, OnDestroy, PLATFORM_ID, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, AfterViewInit, OnDestroy, PLATFORM_ID, inject } from '@angular/core'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; import { IgxTreeComponent, IgxTreeNodeComponent } from 'igniteui-angular/tree'; import { IgxTooltipDirective, IgxTooltipTargetDirective } from 'igniteui-angular/directives'; @@ -13,7 +13,6 @@ import { isPlatformBrowser, NgTemplateOutlet } from '@angular/common'; templateUrl: './tree-advanced-sample.component.html', styleUrls: ['./tree-advanced-sample.component.scss'], providers: [DataService], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeComponent, IgxTreeNodeComponent, NgTemplateOutlet, IgxIconComponent, IgxTooltipTargetDirective, IgxTooltipDirective] }) export class TreeAdvancedSampleComponent implements AfterViewInit, OnDestroy { diff --git a/src/app/lists/tree/tree-basic-sample/tree-basic-sample.component.ts b/src/app/lists/tree/tree-basic-sample/tree-basic-sample.component.ts index 1b659ee2f6..d625328cdb 100644 --- a/src/app/lists/tree/tree-basic-sample/tree-basic-sample.component.ts +++ b/src/app/lists/tree/tree-basic-sample/tree-basic-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { DATA } from '../../../data/animations-data'; import { IgxTreeComponent, IgxTreeNodeComponent } from 'igniteui-angular/tree'; @@ -7,7 +7,6 @@ import { IgxTreeComponent, IgxTreeNodeComponent } from 'igniteui-angular/tree'; selector: 'app-tree-basic-sample', templateUrl: './tree-basic-sample.component.html', styleUrls: ['./tree-basic-sample.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeComponent, IgxTreeNodeComponent] }) export class TreeBasicSampleComponent { diff --git a/src/app/lists/tree/tree-styling/tree-styling.component.ts b/src/app/lists/tree/tree-styling/tree-styling.component.ts index a122925918..0ca13a51b3 100644 --- a/src/app/lists/tree/tree-styling/tree-styling.component.ts +++ b/src/app/lists/tree/tree-styling/tree-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { DATA } from '../../../data/animations-data'; import { IgxTreeComponent, IgxTreeNodeComponent } from 'igniteui-angular/tree'; @@ -7,7 +7,6 @@ import { IgxTreeComponent, IgxTreeNodeComponent } from 'igniteui-angular/tree'; selector: 'app-tree-styling', templateUrl: './tree-styling.component.html', styleUrls: ['./tree-styling.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeComponent, IgxTreeNodeComponent] }) export class TreeStylingComponent { diff --git a/src/app/lists/tree/tree-tailwind-styling/tree-tailwind-styling.component.ts b/src/app/lists/tree/tree-tailwind-styling/tree-tailwind-styling.component.ts index f93b414aea..4c9106408a 100644 --- a/src/app/lists/tree/tree-tailwind-styling/tree-tailwind-styling.component.ts +++ b/src/app/lists/tree/tree-tailwind-styling/tree-tailwind-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { DATA } from '../../../data/animations-data'; import { IgxTreeComponent, IgxTreeNodeComponent } from 'igniteui-angular/tree'; @@ -7,7 +7,6 @@ import { IgxTreeComponent, IgxTreeNodeComponent } from 'igniteui-angular/tree'; selector: 'app-tree-tailwind-styling', templateUrl: './tree-tailwind-styling.component.html', styleUrls: ['./tree-tailwind-styling.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeComponent, IgxTreeNodeComponent] }) export class TreeTailwindStylingComponent { diff --git a/src/app/menus/action-strip/action-strip-paragraph-menu/action-strip-paragraph-menu.component.ts b/src/app/menus/action-strip/action-strip-paragraph-menu/action-strip-paragraph-menu.component.ts index 44e6af1933..865ad52e05 100644 --- a/src/app/menus/action-strip/action-strip-paragraph-menu/action-strip-paragraph-menu.component.ts +++ b/src/app/menus/action-strip/action-strip-paragraph-menu/action-strip-paragraph-menu.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxActionStripComponent, IgxActionStripMenuItemDirective } from 'igniteui-angular/action-strip'; import { IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-action-strip-paragraph-menu', styleUrls: ['./action-strip-paragraph-menu.component.scss'], templateUrl: './action-strip-paragraph-menu.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxActionStripComponent, IgxActionStripMenuItemDirective, IgxRippleDirective, IgxIconComponent] }) export class ActionStripParagraphMenuComponent { diff --git a/src/app/menus/action-strip/action-strip-paragraph-styling/action-strip-paragraph-styling.component.ts b/src/app/menus/action-strip/action-strip-paragraph-styling/action-strip-paragraph-styling.component.ts index 4a89d87eec..470f5348fb 100644 --- a/src/app/menus/action-strip/action-strip-paragraph-styling/action-strip-paragraph-styling.component.ts +++ b/src/app/menus/action-strip/action-strip-paragraph-styling/action-strip-paragraph-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxActionStripComponent } from 'igniteui-angular/action-strip'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-action-strip-paragraph-styling', styleUrls: ['./action-strip-paragraph-styling.component.scss'], templateUrl: './action-strip-paragraph-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxActionStripComponent, IgxButtonDirective, IgxIconComponent] }) export class ActionStripStylingComponent { diff --git a/src/app/menus/action-strip/action-strip-paragraph/action-strip-paragraph.component.ts b/src/app/menus/action-strip/action-strip-paragraph/action-strip-paragraph.component.ts index f7b30cfb40..46c7ed09cd 100644 --- a/src/app/menus/action-strip/action-strip-paragraph/action-strip-paragraph.component.ts +++ b/src/app/menus/action-strip/action-strip-paragraph/action-strip-paragraph.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxActionStripComponent } from 'igniteui-angular/action-strip'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -8,7 +8,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-action-strip-paragraph', styleUrls: ['./action-strip-paragraph.component.scss'], templateUrl: './action-strip-paragraph.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxActionStripComponent, IgxButtonGroupComponent, IgxButtonDirective, IgxIconComponent] }) export class ActionStripParagraphComponent { diff --git a/src/app/menus/navbar/navbar-custom-title/navbar-custom-title.component.ts b/src/app/menus/navbar/navbar-custom-title/navbar-custom-title.component.ts index 37ea8eb442..9ea7b8ebb3 100644 --- a/src/app/menus/navbar/navbar-custom-title/navbar-custom-title.component.ts +++ b/src/app/menus/navbar/navbar-custom-title/navbar-custom-title.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxNavbarActionDirective, IgxNavbarComponent, IgxNavbarTitleDirective } from 'igniteui-angular/navbar'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-navbar-custom-title', templateUrl: './navbar-custom-title.component.html', styleUrls: ['./navbar-custom-title.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxNavbarActionDirective, IgxIconButtonDirective, IgxIconComponent, IgxNavbarTitleDirective] }) export class NavbarCustomTitleComponent { } diff --git a/src/app/menus/navbar/navbar-sample-1/navbar-sample-1.component.ts b/src/app/menus/navbar/navbar-sample-1/navbar-sample-1.component.ts index 56e56e558a..a8418a5132 100644 --- a/src/app/menus/navbar/navbar-sample-1/navbar-sample-1.component.ts +++ b/src/app/menus/navbar/navbar-sample-1/navbar-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewEncapsulation } from '@angular/core'; import { IgxNavbarActionDirective, IgxNavbarComponent } from 'igniteui-angular/navbar'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -8,7 +8,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-navbar-sample-1', styleUrls: ['./navbar-sample-1.component.scss'], templateUrl: './navbar-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxNavbarActionDirective, IgxIconButtonDirective, IgxIconComponent] }) export class NavbarSample1Component { } diff --git a/src/app/menus/navbar/navbar-sample-2/navbar-sample-2.component.ts b/src/app/menus/navbar/navbar-sample-2/navbar-sample-2.component.ts index 20b9fb1584..6074508913 100644 --- a/src/app/menus/navbar/navbar-sample-2/navbar-sample-2.component.ts +++ b/src/app/menus/navbar/navbar-sample-2/navbar-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewEncapsulation } from '@angular/core'; import { IgxNavbarActionDirective, IgxNavbarComponent } from 'igniteui-angular/navbar'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -8,7 +8,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-navbar-sample-2', styleUrls: ['./navbar-sample-2.component.scss'], templateUrl: './navbar-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxNavbarActionDirective, IgxIconButtonDirective, IgxIconComponent] }) export class NavbarSample2Component { } diff --git a/src/app/menus/navbar/navbar-sample-3/navbar-sample-3.component.ts b/src/app/menus/navbar/navbar-sample-3/navbar-sample-3.component.ts index ff93fa83c6..bb841c2fd4 100644 --- a/src/app/menus/navbar/navbar-sample-3/navbar-sample-3.component.ts +++ b/src/app/menus/navbar/navbar-sample-3/navbar-sample-3.component.ts @@ -1,5 +1,5 @@ import { Location, LocationStrategy, PathLocationStrategy } from '@angular/common'; -import { Component, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, inject } from '@angular/core'; import { IgxNavbarComponent } from 'igniteui-angular/navbar'; @Component({ @@ -7,7 +7,6 @@ import { IgxNavbarComponent } from 'igniteui-angular/navbar'; selector: 'app-navbar', styleUrls: ['./navbar-sample-3.component.scss'], templateUrl: './navbar-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent] }) export class NavbarSample3Component { diff --git a/src/app/menus/navbar/navbar-style/navbar-style.component.ts b/src/app/menus/navbar/navbar-style/navbar-style.component.ts index c02ace0a3e..433a2540f3 100644 --- a/src/app/menus/navbar/navbar-style/navbar-style.component.ts +++ b/src/app/menus/navbar/navbar-style/navbar-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxNavbarActionDirective, IgxNavbarComponent } from 'igniteui-angular/navbar'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-navbar-style', styleUrls: ['./navbar-style.component.scss'], templateUrl: './navbar-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxNavbarActionDirective, IgxIconButtonDirective, IgxIconComponent] }) diff --git a/src/app/menus/navbar/navbar-tailwind-style/navbar-tailwind-style.component.ts b/src/app/menus/navbar/navbar-tailwind-style/navbar-tailwind-style.component.ts index 3b7677f4ed..c521cb43fd 100644 --- a/src/app/menus/navbar/navbar-tailwind-style/navbar-tailwind-style.component.ts +++ b/src/app/menus/navbar/navbar-tailwind-style/navbar-tailwind-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxNavbarActionDirective, IgxNavbarComponent } from 'igniteui-angular/navbar'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-navbar-tailwind-style', styleUrls: ['./navbar-tailwind-style.component.scss'], templateUrl: './navbar-tailwind-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxNavbarActionDirective, IgxIconButtonDirective, IgxIconComponent] }) diff --git a/src/app/menus/navbar/navbar.component.ts b/src/app/menus/navbar/navbar.component.ts index ae653b3a0e..9a8c5cc6d4 100644 --- a/src/app/menus/navbar/navbar.component.ts +++ b/src/app/menus/navbar/navbar.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewEncapsulation } from '@angular/core'; import { IgxNavbarComponent } from 'igniteui-angular/navbar'; @Component({ @@ -6,7 +6,6 @@ import { IgxNavbarComponent } from 'igniteui-angular/navbar'; selector: 'app-navbar', styleUrls: ['./navbar.component.scss'], templateUrl: './navbar.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent] }) export class NavbarComponent { } diff --git a/src/app/menus/navdrawer/nav-drawer-hierarchical/nav-drawer-hierarchical.component.ts b/src/app/menus/navdrawer/nav-drawer-hierarchical/nav-drawer-hierarchical.component.ts index be6f570f20..88805ec4b1 100644 --- a/src/app/menus/navdrawer/nav-drawer-hierarchical/nav-drawer-hierarchical.component.ts +++ b/src/app/menus/navdrawer/nav-drawer-hierarchical/nav-drawer-hierarchical.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, ViewChild } from '@angular/core'; import { IgxTreeComponent, IgxTreeNodeComponent, IgxTreeNodeLinkDirective } from 'igniteui-angular/tree'; import { IgxFlexDirective, IgxIconButtonDirective, IgxLayoutDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxNavDrawerTemplateDirective, IgxNavigationDrawerComponent } from 'igniteui-angular/navigation-drawer'; @@ -10,7 +10,6 @@ import { RouterLink } from '@angular/router'; selector: 'app-nav-drawer-hierarchical', templateUrl: './nav-drawer-hierarchical.component.html', styleUrls: ['./nav-drawer-hierarchical.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLayoutDirective, IgxNavigationDrawerComponent, IgxNavDrawerTemplateDirective, IgxTreeComponent, IgxTreeNodeComponent, IgxTreeNodeLinkDirective, RouterLink, IgxFlexDirective, IgxIconButtonDirective, IgxToggleActionDirective, IgxIconComponent] }) export class NavDrawerHierarchicalComponent implements AfterViewInit { @@ -70,4 +69,4 @@ export class NavDrawerHierarchicalComponent implements AfterViewInit { this.selectedContent = node.data; }) } -} \ No newline at end of file +} diff --git a/src/app/menus/navdrawer/nav-drawer-mini/nav-drawer-mini.component.ts b/src/app/menus/navdrawer/nav-drawer-mini/nav-drawer-mini.component.ts index 677177deaa..0f97a56fd4 100644 --- a/src/app/menus/navdrawer/nav-drawer-mini/nav-drawer-mini.component.ts +++ b/src/app/menus/navdrawer/nav-drawer-mini/nav-drawer-mini.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxFlexDirective, IgxIconButtonDirective, IgxLayoutDirective, IgxRippleDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxNavDrawerItemDirective, IgxNavDrawerMiniTemplateDirective, IgxNavDrawerTemplateDirective, IgxNavigationDrawerComponent } from 'igniteui-angular/navigation-drawer'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -8,7 +8,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-nav-drawer-mini', styleUrls: ['./nav-drawer-mini.component.scss'], templateUrl: './nav-drawer-mini.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLayoutDirective, IgxNavigationDrawerComponent, IgxNavDrawerTemplateDirective, IgxNavDrawerItemDirective, IgxRippleDirective, IgxIconComponent, IgxNavDrawerMiniTemplateDirective, IgxFlexDirective, IgxIconButtonDirective, IgxToggleActionDirective] }) export class NavDrawerMiniComponent { diff --git a/src/app/menus/navdrawer/nav-drawer-pin/nav-drawer-pin.component.ts b/src/app/menus/navdrawer/nav-drawer-pin/nav-drawer-pin.component.ts index 058b3b3065..e18b8da185 100644 --- a/src/app/menus/navdrawer/nav-drawer-pin/nav-drawer-pin.component.ts +++ b/src/app/menus/navdrawer/nav-drawer-pin/nav-drawer-pin.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxFlexDirective, IgxIconButtonDirective, IgxLayoutDirective, IgxRippleDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxNavDrawerItemDirective, IgxNavDrawerTemplateDirective, IgxNavigationDrawerComponent } from 'igniteui-angular/navigation-drawer'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -8,7 +8,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-nav-drawer-pin', styleUrls: ['./nav-drawer-pin.component.scss'], templateUrl: './nav-drawer-pin.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLayoutDirective, IgxNavigationDrawerComponent, IgxNavDrawerTemplateDirective, IgxNavDrawerItemDirective, IgxRippleDirective, IgxIconComponent, IgxFlexDirective, IgxIconButtonDirective, IgxToggleActionDirective] }) export class NavDrawerPinComponent { diff --git a/src/app/menus/navdrawer/nav-drawer-routing/nav-drawer-routing.component.ts b/src/app/menus/navdrawer/nav-drawer-routing/nav-drawer-routing.component.ts index 1bba7b9ad4..d07442e5d3 100644 --- a/src/app/menus/navdrawer/nav-drawer-routing/nav-drawer-routing.component.ts +++ b/src/app/menus/navdrawer/nav-drawer-routing/nav-drawer-routing.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxNavDrawerItemDirective, IgxNavDrawerTemplateDirective, IgxNavigationDrawerComponent } from 'igniteui-angular/navigation-drawer'; import { IgxIconButtonDirective, IgxRippleDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -9,7 +9,6 @@ import { RouterLinkActive, RouterLink } from '@angular/router'; selector: 'app-nav-drawer-routing', styleUrls: ['./nav-drawer-routing.component.scss'], templateUrl: './nav-drawer-routing.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavigationDrawerComponent, IgxNavDrawerTemplateDirective, IgxNavDrawerItemDirective, IgxRippleDirective, RouterLinkActive, RouterLink, IgxIconButtonDirective, IgxToggleActionDirective, IgxIconComponent] }) export class NavDrawerRoutingComponent { diff --git a/src/app/menus/navdrawer/nav-drawer-simple/nav-drawer-simple.component.ts b/src/app/menus/navdrawer/nav-drawer-simple/nav-drawer-simple.component.ts index da34aee547..4c3517bce5 100644 --- a/src/app/menus/navdrawer/nav-drawer-simple/nav-drawer-simple.component.ts +++ b/src/app/menus/navdrawer/nav-drawer-simple/nav-drawer-simple.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxNavDrawerItemDirective, IgxNavDrawerTemplateDirective, IgxNavigationDrawerComponent } from 'igniteui-angular/navigation-drawer'; import { IgxIconButtonDirective, IgxRippleDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -8,7 +8,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-nav-drawer-simple', styleUrls: ['./nav-drawer-simple.component.scss'], templateUrl: './nav-drawer-simple.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavigationDrawerComponent, IgxNavDrawerTemplateDirective, IgxNavDrawerItemDirective, IgxRippleDirective, IgxIconComponent, IgxIconButtonDirective, IgxToggleActionDirective] }) export class NavDrawerSimpleComponent { diff --git a/src/app/menus/navdrawer/nav-drawer-styling/nav-drawer-styling.component.ts b/src/app/menus/navdrawer/nav-drawer-styling/nav-drawer-styling.component.ts index 060c43dc79..a785a9db8a 100644 --- a/src/app/menus/navdrawer/nav-drawer-styling/nav-drawer-styling.component.ts +++ b/src/app/menus/navdrawer/nav-drawer-styling/nav-drawer-styling.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { NavDrawerRoutingComponent } from '../nav-drawer-routing/nav-drawer-routing.component'; @Component({ selector: 'app-nav-drawer-styling', styleUrls: ['./nav-drawer-styling.component.scss'], templateUrl: './nav-drawer-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [NavDrawerRoutingComponent] }) export class NavDrawerStylingComponent { } diff --git a/src/app/notifications/banner/banner-advanced-sample/banner-advanced-sample.component.ts b/src/app/notifications/banner/banner-advanced-sample/banner-advanced-sample.component.ts index 4df14c7d50..d5e304444d 100644 --- a/src/app/notifications/banner/banner-advanced-sample/banner-advanced-sample.component.ts +++ b/src/app/notifications/banner/banner-advanced-sample/banner-advanced-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnDestroy, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnDestroy, OnInit, ViewChild } from '@angular/core'; import { IgxBannerActionsDirective, IgxBannerComponent } from 'igniteui-angular/banner'; import { IgxToastComponent } from 'igniteui-angular/toast'; import { VerticalAlignment } from 'igniteui-angular/core'; @@ -12,7 +12,6 @@ import { Subject } from 'rxjs'; selector: 'app-banner-advanced-sample', styleUrls: ['../banner-samples.scss'], templateUrl: 'banner-advanced-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxIconComponent, IgxBannerComponent, IgxBannerActionsDirective, IgxButtonDirective, IgxRippleDirective, IgxCardComponent, IgxToastComponent] }) diff --git a/src/app/notifications/banner/banner-sample-1/banner-sample-1.component.ts b/src/app/notifications/banner/banner-sample-1/banner-sample-1.component.ts index 8372c0c899..48a70208ba 100644 --- a/src/app/notifications/banner/banner-sample-1/banner-sample-1.component.ts +++ b/src/app/notifications/banner/banner-sample-1/banner-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxBannerComponent } from 'igniteui-angular/banner'; import { IgxNavbarComponent } from 'igniteui-angular/navbar'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -8,7 +8,6 @@ import { IgxCardComponent } from 'igniteui-angular/card'; selector: 'app-banner-sample-1', styleUrls: ['../banner-samples.scss'], templateUrl: 'banner-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxIconComponent, IgxBannerComponent, IgxCardComponent] }) diff --git a/src/app/notifications/banner/banner-sample-2/banner-sample-2.component.ts b/src/app/notifications/banner/banner-sample-2/banner-sample-2.component.ts index 69a9dc9708..ff4729361b 100644 --- a/src/app/notifications/banner/banner-sample-2/banner-sample-2.component.ts +++ b/src/app/notifications/banner/banner-sample-2/banner-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxBannerActionsDirective, IgxBannerComponent } from 'igniteui-angular/banner'; import { IgxNavbarComponent } from 'igniteui-angular/navbar'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -9,7 +9,6 @@ import { IgxCardComponent } from 'igniteui-angular/card'; selector: 'app-banner-sample-2', styleUrls: ['../banner-samples.scss'], templateUrl: 'banner-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxIconComponent, IgxBannerComponent, IgxBannerActionsDirective, IgxButtonDirective, IgxRippleDirective, IgxCardComponent] }) diff --git a/src/app/notifications/banner/banner-sample-3/banner-sample-3.component.ts b/src/app/notifications/banner/banner-sample-3/banner-sample-3.component.ts index 364d81be97..8e3bd06d82 100644 --- a/src/app/notifications/banner/banner-sample-3/banner-sample-3.component.ts +++ b/src/app/notifications/banner/banner-sample-3/banner-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxBannerActionsDirective, IgxBannerComponent } from 'igniteui-angular/banner'; import { IgxNavbarComponent } from 'igniteui-angular/navbar'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -10,7 +10,6 @@ import { slideInLeft, slideOutRight } from 'igniteui-angular/animations'; selector: 'app-banner-sample-3', styleUrls: ['../banner-samples.scss'], templateUrl: 'banner-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxIconComponent, IgxBannerComponent, IgxBannerActionsDirective, IgxButtonDirective, IgxRippleDirective, IgxCardComponent] }) diff --git a/src/app/notifications/banner/banner-sample-4/banner-sample-4.component.ts b/src/app/notifications/banner/banner-sample-4/banner-sample-4.component.ts index 1e50a4a423..b109b89ac9 100644 --- a/src/app/notifications/banner/banner-sample-4/banner-sample-4.component.ts +++ b/src/app/notifications/banner/banner-sample-4/banner-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxBannerActionsDirective, IgxBannerComponent } from 'igniteui-angular/banner'; import { IgxNavbarComponent } from 'igniteui-angular/navbar'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -12,7 +12,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-banner-sample-4', templateUrl: './banner-sample-4.component.html', styleUrls: ['./banner-sample-4.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxIconComponent, IgxBannerComponent, IgxBannerActionsDirective, IgxButtonDirective, IgxRippleDirective, IgxAvatarComponent, IgxSwitchComponent, FormsModule, IgxInputGroupComponent, IgxInputDirective] }) export class BannerSample4Component implements OnInit { diff --git a/src/app/notifications/banner/banner-styling/banner-styling.component.ts b/src/app/notifications/banner/banner-styling/banner-styling.component.ts index 4147471858..132ec924e8 100644 --- a/src/app/notifications/banner/banner-styling/banner-styling.component.ts +++ b/src/app/notifications/banner/banner-styling/banner-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, OnDestroy, OnInit, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnDestroy, OnInit, ViewChild, ViewEncapsulation } from '@angular/core'; import { IgxBannerActionsDirective, IgxBannerComponent } from 'igniteui-angular/banner'; import { IgxToastComponent } from 'igniteui-angular/toast'; import { VerticalAlignment } from 'igniteui-angular/core'; @@ -14,7 +14,6 @@ import { Subject } from 'rxjs'; styleUrls: ['banner-styling.component.scss', '../banner-samples.scss'], templateUrl: 'banner-styling.component.html', encapsulation: ViewEncapsulation.None, - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxIconComponent, IgxBannerComponent, IgxBannerActionsDirective, IgxButtonDirective, IgxRippleDirective, IgxCardComponent, IgxToastComponent] }) diff --git a/src/app/notifications/snackbar/snackbar-sample-1/snackbar-sample-1.component.ts b/src/app/notifications/snackbar/snackbar-sample-1/snackbar-sample-1.component.ts index 6c6bd3a230..fdc94536fd 100644 --- a/src/app/notifications/snackbar/snackbar-sample-1/snackbar-sample-1.component.ts +++ b/src/app/notifications/snackbar/snackbar-sample-1/snackbar-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; @@ -6,7 +6,6 @@ import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; selector: 'app-snackbar-sample-1', styleUrls: ['./snackbar-sample-1.component.scss'], templateUrl: './snackbar-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxSnackbarComponent] }) export class SnackbarSample1Component { } diff --git a/src/app/notifications/snackbar/snackbar-sample-2/snackbar-sample-2.component.ts b/src/app/notifications/snackbar/snackbar-sample-2/snackbar-sample-2.component.ts index f7ff491dc7..a50c5bf3c8 100644 --- a/src/app/notifications/snackbar/snackbar-sample-2/snackbar-sample-2.component.ts +++ b/src/app/notifications/snackbar/snackbar-sample-2/snackbar-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-snackbar-sample-2', styleUrls: ['./snackbar-sample-2.component.scss'], templateUrl: './snackbar-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxSnackbarComponent, IgxIconComponent] }) export class SnackbarSample2Component { diff --git a/src/app/notifications/snackbar/snackbar-sample-4/snackbar-sample-4.component.ts b/src/app/notifications/snackbar/snackbar-sample-4/snackbar-sample-4.component.ts index f792f4469f..8c6847b0af 100644 --- a/src/app/notifications/snackbar/snackbar-sample-4/snackbar-sample-4.component.ts +++ b/src/app/notifications/snackbar/snackbar-sample-4/snackbar-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; import { IgxListActionDirective, IgxListComponent, IgxListItemComponent, IgxListLineTitleDirective, IgxListThumbnailDirective } from 'igniteui-angular/list'; import { IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -10,7 +10,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-snackbar-sample-4', styleUrls: ['./snackbar-sample-4.component.scss'], templateUrl: './snackbar-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxListItemComponent, IgxRippleDirective, IgxAvatarComponent, IgxListThumbnailDirective, IgxListLineTitleDirective, IgxListActionDirective, IgxIconButtonDirective, IgxIconComponent, IgxSnackbarComponent] }) export class SnackbarSample4Component implements OnInit { diff --git a/src/app/notifications/snackbar/snackbar-sample-5/snackbar-sample-5.component.ts b/src/app/notifications/snackbar/snackbar-sample-5/snackbar-sample-5.component.ts index 0e2ad72037..039445559d 100644 --- a/src/app/notifications/snackbar/snackbar-sample-5/snackbar-sample-5.component.ts +++ b/src/app/notifications/snackbar/snackbar-sample-5/snackbar-sample-5.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; @@ -6,7 +6,6 @@ import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; selector: 'app-snackbar-sample-5', styleUrls: ['./snackbar-sample-5.component.scss'], templateUrl: './snackbar-sample-5.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxSnackbarComponent] }) export class SnackbarSample5Component { } diff --git a/src/app/notifications/snackbar/snackbar-style/snackbar-style.component.ts b/src/app/notifications/snackbar/snackbar-style/snackbar-style.component.ts index 5ca01ecb90..dea33c79a2 100644 --- a/src/app/notifications/snackbar/snackbar-style/snackbar-style.component.ts +++ b/src/app/notifications/snackbar/snackbar-style/snackbar-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, inject } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; @@ -6,7 +6,6 @@ import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; selector: 'app-snackbar-style', styleUrls: ['./snackbar-style.component.scss'], templateUrl: './snackbar-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxSnackbarComponent] }) export class SnackbarStyleComponent { diff --git a/src/app/notifications/snackbar/snackbar-tailwind-style/snackbar-tailwind-style.component.ts b/src/app/notifications/snackbar/snackbar-tailwind-style/snackbar-tailwind-style.component.ts index 8cc955b602..77fc490856 100644 --- a/src/app/notifications/snackbar/snackbar-tailwind-style/snackbar-tailwind-style.component.ts +++ b/src/app/notifications/snackbar/snackbar-tailwind-style/snackbar-tailwind-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, inject } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; @@ -6,7 +6,6 @@ import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; selector: 'app-snackbar-tailwind-style', styleUrls: ['./snackbar-tailwind-style.component.scss'], templateUrl: './snackbar-tailwind-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxSnackbarComponent] }) export class SnackbarTailwindStyleComponent { diff --git a/src/app/notifications/toast/toast-sample-1/toast-sample-1.component.ts b/src/app/notifications/toast/toast-sample-1/toast-sample-1.component.ts index b3cfe5028f..0b561d79af 100644 --- a/src/app/notifications/toast/toast-sample-1/toast-sample-1.component.ts +++ b/src/app/notifications/toast/toast-sample-1/toast-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxToastComponent } from 'igniteui-angular/toast'; import { VerticalAlignment } from 'igniteui-angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -7,7 +7,6 @@ import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directi selector: 'app-toast-sample-1', styleUrls: ['./toast-sample-1.component.scss'], templateUrl: './toast-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective, IgxToastComponent] }) export class ToastSample1Component { diff --git a/src/app/notifications/toast/toast-sample-2/toast-sample-2.component.ts b/src/app/notifications/toast/toast-sample-2/toast-sample-2.component.ts index f2fb8ce48d..30dd1b0582 100644 --- a/src/app/notifications/toast/toast-sample-2/toast-sample-2.component.ts +++ b/src/app/notifications/toast/toast-sample-2/toast-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxToastComponent } from 'igniteui-angular/toast'; @@ -6,7 +6,6 @@ import { IgxToastComponent } from 'igniteui-angular/toast'; selector: 'app-toast-sample-2', styleUrls: ['./toast-sample-2.component.scss'], templateUrl: './toast-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToastComponent] }) diff --git a/src/app/notifications/toast/toast-sample-3/toast-sample-3.component.ts b/src/app/notifications/toast/toast-sample-3/toast-sample-3.component.ts index 2bcff14517..ab144aef71 100644 --- a/src/app/notifications/toast/toast-sample-3/toast-sample-3.component.ts +++ b/src/app/notifications/toast/toast-sample-3/toast-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxToastComponent } from 'igniteui-angular/toast'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-toast-sample-3', styleUrls: ['./toast-sample-3.component.scss'], templateUrl: './toast-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToastComponent, IgxIconComponent] }) diff --git a/src/app/notifications/toast/toast-sample-4/toast-sample-4.component.ts b/src/app/notifications/toast/toast-sample-4/toast-sample-4.component.ts index b15622b7c6..7d547ff4d6 100644 --- a/src/app/notifications/toast/toast-sample-4/toast-sample-4.component.ts +++ b/src/app/notifications/toast/toast-sample-4/toast-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxToastComponent } from 'igniteui-angular/toast'; @@ -6,7 +6,6 @@ import { IgxToastComponent } from 'igniteui-angular/toast'; selector: 'app-toast-sample-4', styleUrls: ['./toast-sample-4.component.scss'], templateUrl: './toast-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToastComponent] }) export class ToastSample4Component { } diff --git a/src/app/notifications/toast/toast-sample-5/toast-sample-5.component.ts b/src/app/notifications/toast/toast-sample-5/toast-sample-5.component.ts index 0a7d38f490..8e0aa61222 100644 --- a/src/app/notifications/toast/toast-sample-5/toast-sample-5.component.ts +++ b/src/app/notifications/toast/toast-sample-5/toast-sample-5.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { VerticalAlignment } from 'igniteui-angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxToastComponent } from 'igniteui-angular/toast'; @@ -6,7 +6,6 @@ import { IgxToastComponent } from 'igniteui-angular/toast'; selector: 'app-toast-sample-5', styleUrls: ['./toast-sample-5.component.scss'], templateUrl: './toast-sample-5.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToastComponent] }) diff --git a/src/app/notifications/toast/toast-style/toast-style.component.ts b/src/app/notifications/toast/toast-style/toast-style.component.ts index e0a6a5dfa8..111c5a3c4d 100644 --- a/src/app/notifications/toast/toast-style/toast-style.component.ts +++ b/src/app/notifications/toast/toast-style/toast-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, inject } from '@angular/core'; import { IgxToastComponent } from 'igniteui-angular/toast'; import { VerticalAlignment } from 'igniteui-angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -7,7 +7,6 @@ import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directi selector: 'app-toast-style', styleUrls: ['./toast-style.component.scss'], templateUrl: './toast-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective, IgxToastComponent] }) export class ToastStyleComponent { diff --git a/src/app/notifications/toast/toast-tailwind-style/toast-tailwind-style.component.ts b/src/app/notifications/toast/toast-tailwind-style/toast-tailwind-style.component.ts index 9911102eee..2223a9f1d1 100644 --- a/src/app/notifications/toast/toast-tailwind-style/toast-tailwind-style.component.ts +++ b/src/app/notifications/toast/toast-tailwind-style/toast-tailwind-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, inject } from '@angular/core'; import { IgxToastComponent } from 'igniteui-angular/toast'; import { VerticalAlignment } from 'igniteui-angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -7,7 +7,6 @@ import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directi selector: 'app-toast-tailwind-style', styleUrls: ['./toast-tailwind-style.component.scss'], templateUrl: './toast-tailwind-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective, IgxToastComponent] }) export class ToastTailwindStyleComponent { diff --git a/src/app/pagination/paginator/pagination-sample.component.ts b/src/app/pagination/paginator/pagination-sample.component.ts index b02f98a1f0..fda7f16b53 100644 --- a/src/app/pagination/paginator/pagination-sample.component.ts +++ b/src/app/pagination/paginator/pagination-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, ViewChild, inject } from '@angular/core'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; import { IgxButtonDirective, IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -10,7 +10,6 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-pagination-sample', styleUrls: ['./pagination-sample.component.scss'], templateUrl: './pagination-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxCardMediaDirective, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardContentDirective, IgxCardHeaderSubtitleDirective, IgxCardActionsComponent, IgxButtonDirective, IgxRippleDirective, IgxIconButtonDirective, IgxIconComponent, IgxPaginatorComponent, CurrencyPipe] }) export class PaginationSampleComponent implements AfterViewInit { diff --git a/src/app/pivot-grid/pivot-basic-sample/pivot-grid-basic-sample.component.ts b/src/app/pivot-grid/pivot-basic-sample/pivot-grid-basic-sample.component.ts index 48eaecc0c1..63cbb1f66f 100644 --- a/src/app/pivot-grid/pivot-basic-sample/pivot-grid-basic-sample.component.ts +++ b/src/app/pivot-grid/pivot-basic-sample/pivot-grid-basic-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from "@angular/core"; +import { Component } from "@angular/core"; import { DATA } from '../../data/pivot-data'; import { IPivotConfiguration, IgxPivotNumericAggregate } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPivotGridComponent } from 'igniteui-angular/grids/pivot-grid'; selector: 'app-pivot-grid-basic-sample', styleUrls: ['./pivot-grid-basic-sample.component.scss'], templateUrl: './pivot-grid-basic-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxPivotGridComponent] }) export class PivotGridBasicSampleComponent { @@ -21,7 +20,7 @@ export class PivotGridBasicSampleComponent { memberFunction: (data) => data.Product.Name, enabled: true } - + ], rows: [ { diff --git a/src/app/pivot-grid/pivot-datasource/pivot-data-selector-sample.component.ts b/src/app/pivot-grid/pivot-datasource/pivot-data-selector-sample.component.ts index 2d2e8da2b8..358202d91a 100644 --- a/src/app/pivot-grid/pivot-datasource/pivot-data-selector-sample.component.ts +++ b/src/app/pivot-grid/pivot-datasource/pivot-data-selector-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from "@angular/core"; +import { Component } from "@angular/core"; import { GridColumnDataType } from 'igniteui-angular/core'; import { IPivotConfiguration, IgxPivotDateDimension, IgxPivotNumericAggregate } from 'igniteui-angular/grids/core'; import { IgxPivotDataSelectorComponent, IgxPivotGridComponent } from 'igniteui-angular/grids/pivot-grid'; @@ -7,7 +7,6 @@ import { SALES_DATA_NEW } from '../../data/salesDataNew'; selector: 'app-pivot-data-selector-sample', styleUrls: ['./pivot-data-selector-sample.component.scss'], templateUrl: './pivot-data-selector-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxPivotGridComponent, IgxPivotDataSelectorComponent] }) export class PivotDataSelectorSampleComponent { diff --git a/src/app/pivot-grid/pivot-export/pivot-export.component.ts b/src/app/pivot-grid/pivot-export/pivot-export.component.ts index 39a34b5fae..a949c4eead 100644 --- a/src/app/pivot-grid/pivot-export/pivot-export.component.ts +++ b/src/app/pivot-grid/pivot-export/pivot-export.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, inject, ChangeDetectionStrategy } from "@angular/core"; +import { Component, ViewChild, inject } from "@angular/core"; import { IPivotConfiguration, @@ -46,7 +46,6 @@ export class IgxTotalSaleAggregate { selector: 'app-pivot-export-sample', styleUrls: ['./pivot-export.component.scss'], templateUrl: './pivot-export.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxPivotGridComponent] }) export class PivotExportComponent { diff --git a/src/app/pivot-grid/pivot-features/pivot-features.component.ts b/src/app/pivot-grid/pivot-features/pivot-features.component.ts index 73aec3304b..a5feee54f4 100644 --- a/src/app/pivot-grid/pivot-features/pivot-features.component.ts +++ b/src/app/pivot-grid/pivot-features/pivot-features.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from "@angular/core"; +import { Component } from "@angular/core"; import { IPivotConfiguration, IgxPivotDateDimension, IgxPivotNumericAggregate, PivotAggregation } from 'igniteui-angular/grids/core'; import { FilteringExpressionsTree, FilteringLogic, IgxStringFilteringOperand } from 'igniteui-angular/core'; @@ -36,7 +36,6 @@ export class IgxTotalSaleAggregate { selector: 'app-pivot-features-sample', styleUrls: ['./pivot-features.component.scss'], templateUrl: './pivot-features.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxPivotGridComponent, IgxPivotDataSelectorComponent] }) export class PivotFeaturesComponent { diff --git a/src/app/pivot-grid/pivot-grid-noop-persistence/pivot-grid-noop-persistence-sample.component.ts b/src/app/pivot-grid/pivot-grid-noop-persistence/pivot-grid-noop-persistence-sample.component.ts index 4a5064df07..4f0108ca79 100644 --- a/src/app/pivot-grid/pivot-grid-noop-persistence/pivot-grid-noop-persistence-sample.component.ts +++ b/src/app/pivot-grid/pivot-grid-noop-persistence/pivot-grid-noop-persistence-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, ViewChild, inject, ChangeDetectionStrategy } from "@angular/core"; +import { AfterViewInit, Component, ViewChild, inject } from "@angular/core"; import { IGridState, IGridStateOptions, IPivotConfiguration, IgxGridStateDirective, IgxPivotNumericAggregate, NoopPivotDimensionsStrategy } from 'igniteui-angular/grids/core'; import { IgxPivotGridComponent } from 'igniteui-angular/grids/pivot-grid'; import { NoopSortingStrategy } from 'igniteui-angular/core'; @@ -12,7 +12,6 @@ import { take } from 'rxjs/operators'; styleUrls: ['./pivot-grid-noop-persistence-sample.component.scss'], templateUrl: './pivot-grid-noop-persistence-sample.component.html', providers: [PivotDataService], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxIconComponent, IgxPivotGridComponent, IgxGridStateDirective] }) export class PivotGridNoopPersistenceSampleComponent implements AfterViewInit { diff --git a/src/app/pivot-grid/pivot-grid-noop/pivot-grid-noop-sample.component.ts b/src/app/pivot-grid/pivot-grid-noop/pivot-grid-noop-sample.component.ts index 85583e984d..f96ac9a29f 100644 --- a/src/app/pivot-grid/pivot-grid-noop/pivot-grid-noop-sample.component.ts +++ b/src/app/pivot-grid/pivot-grid-noop/pivot-grid-noop-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, ViewChild, inject, ChangeDetectionStrategy } from "@angular/core"; +import { AfterViewInit, Component, ViewChild, inject } from "@angular/core"; import { IPivotConfiguration, IgxPivotNumericAggregate, NoopPivotDimensionsStrategy } from 'igniteui-angular/grids/core'; import { IgxPivotGridComponent } from 'igniteui-angular/grids/pivot-grid'; @@ -9,7 +9,6 @@ import { PivotDataService } from "../../services/pivotRemoteData.service"; styleUrls: ['./pivot-grid-noop-sample.component.scss'], templateUrl: './pivot-grid-noop-sample.component.html', providers: [PivotDataService], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxPivotGridComponent] }) export class PivotGridNoopSampleComponent implements AfterViewInit { diff --git a/src/app/pivot-grid/pivot-layout/pivot-layout.component.ts b/src/app/pivot-grid/pivot-layout/pivot-layout.component.ts index 31966ef323..f7a7d0ae33 100644 --- a/src/app/pivot-grid/pivot-layout/pivot-layout.component.ts +++ b/src/app/pivot-grid/pivot-layout/pivot-layout.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from "@angular/core"; +import { Component, ViewChild } from "@angular/core"; import { IPivotConfiguration, IPivotUISettings, IgxPivotDateDimension, IgxPivotNumericAggregate, PivotAggregation, PivotRowLayoutType, PivotSummaryPosition } from 'igniteui-angular/grids/core'; import { FilteringExpressionsTree, FilteringLogic, IgxStringFilteringOperand } from 'igniteui-angular/core'; @@ -38,7 +38,6 @@ export class IgxTotalSaleAggregate { selector: 'app-pivot-layout-sample', styleUrls: ['./pivot-layout.component.scss'], templateUrl: './pivot-layout.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, IgxPivotGridComponent] }) export class PivotGridLayoutComponent { diff --git a/src/app/pivot-grid/pivot-state-persistence/about.component.ts b/src/app/pivot-grid/pivot-state-persistence/about.component.ts index 505c5e7d3a..670ecf7b4c 100644 --- a/src/app/pivot-grid/pivot-state-persistence/about.component.ts +++ b/src/app/pivot-grid/pivot-state-persistence/about.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { RouterLink } from '@angular/router'; @Component({ selector: 'app-about', templateUrl: './about.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, RouterLink] }) export class PivotGridAboutComponent { diff --git a/src/app/pivot-grid/pivot-state-persistence/pivot-grid-state-persistence-sample.component.ts b/src/app/pivot-grid/pivot-state-persistence/pivot-grid-state-persistence-sample.component.ts index 73984fb080..83a09ac4b6 100644 --- a/src/app/pivot-grid/pivot-state-persistence/pivot-grid-state-persistence-sample.component.ts +++ b/src/app/pivot-grid/pivot-state-persistence/pivot-grid-state-persistence-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnInit, QueryList, ViewChild, ViewChildren, inject, ChangeDetectionStrategy } from "@angular/core"; +import { AfterViewInit, Component, OnInit, QueryList, ViewChild, ViewChildren, inject } from "@angular/core"; import { NavigationStart, Router, RouterLink } from "@angular/router"; import { GridFeatures, IGridState, IGridStateOptions, IPivotAggregator, IPivotConfiguration, IPivotDimension, IPivotValue, IgxGridStateDirective, IgxPivotDateDimension, IgxPivotNumericAggregate, PivotAggregation } from 'igniteui-angular/grids/core'; @@ -42,7 +42,6 @@ export class IgxTotalSaleAggregate { selector: 'app-pivot-grid-state-persistence-sample', styleUrls: ['./pivot-grid-state-persistence-sample.component.scss'], templateUrl: './pivot-grid-state-persistence-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxIconComponent, RouterLink, IgxCheckboxComponent, IgxPivotGridComponent, IgxGridStateDirective] }) export class PivotGridStatePersistenceSampleComponent implements OnInit, AfterViewInit { diff --git a/src/app/scheduling/calendar/calendar-days-view/calendar-days-view.component.ts b/src/app/scheduling/calendar/calendar-days-view/calendar-days-view.component.ts index 6765fb16b1..f13fe8679c 100644 --- a/src/app/scheduling/calendar/calendar-days-view/calendar-days-view.component.ts +++ b/src/app/scheduling/calendar/calendar-days-view/calendar-days-view.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent } from 'igniteui-angular/card'; import { IgxDaysViewComponent } from 'igniteui-angular/calendar'; @@ -6,7 +6,6 @@ import { IgxDaysViewComponent } from 'igniteui-angular/calendar'; selector: 'app-calendar-views', styleUrls: ['./calendar-days-view.component.scss'], templateUrl: './calendar-days-view.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxCardHeaderComponent, IgxCardContentDirective, IgxDaysViewComponent] }) export class CalendarDaysViewComponent { } diff --git a/src/app/scheduling/calendar/calendar-months-view/calendar-months-view.component.ts b/src/app/scheduling/calendar/calendar-months-view/calendar-months-view.component.ts index e141ac1a4d..100fdd8c31 100644 --- a/src/app/scheduling/calendar/calendar-months-view/calendar-months-view.component.ts +++ b/src/app/scheduling/calendar/calendar-months-view/calendar-months-view.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent } from 'igniteui-angular/card'; import { IgxMonthsViewComponent } from 'igniteui-angular/calendar'; @@ -6,7 +6,6 @@ import { IgxMonthsViewComponent } from 'igniteui-angular/calendar'; selector: 'app-calendar-views', styleUrls: ['./calendar-months-view.component.scss'], templateUrl: './calendar-months-view.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxCardHeaderComponent, IgxCardContentDirective, IgxMonthsViewComponent] }) export class CalendarMonthsViewComponent { } diff --git a/src/app/scheduling/calendar/calendar-rtl-sample/calendar-rtl-sample.component.ts b/src/app/scheduling/calendar/calendar-rtl-sample/calendar-rtl-sample.component.ts index 5cea2f5c33..0afe40d532 100644 --- a/src/app/scheduling/calendar/calendar-rtl-sample/calendar-rtl-sample.component.ts +++ b/src/app/scheduling/calendar/calendar-rtl-sample/calendar-rtl-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxCalendarComponent } from 'igniteui-angular/calendar'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -6,7 +6,6 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-calendar', styleUrls: ['./calendar-rtl-sample.component.scss'], templateUrl: './calendar-rtl-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxCalendarComponent] }) export class CalendarRtlSampleComponent { diff --git a/src/app/scheduling/calendar/calendar-sample-1/calendar-sample-1.component.ts b/src/app/scheduling/calendar/calendar-sample-1/calendar-sample-1.component.ts index b9e66ca1f1..4a54c443b2 100644 --- a/src/app/scheduling/calendar/calendar-sample-1/calendar-sample-1.component.ts +++ b/src/app/scheduling/calendar/calendar-sample-1/calendar-sample-1.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCalendarComponent } from 'igniteui-angular/calendar'; @Component({ selector: 'app-calendar', styleUrls: ['./calendar-sample-1.component.scss'], templateUrl: './calendar-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCalendarComponent] }) export class CalendarSample1Component { } diff --git a/src/app/scheduling/calendar/calendar-sample-2/calendar-sample-2.component.ts b/src/app/scheduling/calendar/calendar-sample-2/calendar-sample-2.component.ts index f50b9dbfba..b50aaf556b 100644 --- a/src/app/scheduling/calendar/calendar-sample-2/calendar-sample-2.component.ts +++ b/src/app/scheduling/calendar/calendar-sample-2/calendar-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxCalendarComponent } from 'igniteui-angular/calendar'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; import { IgxPrefixDirective } from 'igniteui-angular/input-group'; @@ -13,7 +13,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-calendar', styleUrls: ['./calendar-sample-2.component.scss'], templateUrl: './calendar-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSelectComponent, FormsModule, IgxPrefixDirective, IgxSelectItemComponent, IgxCalendarComponent] }) export class CalendarSample2Component implements OnInit{ diff --git a/src/app/scheduling/calendar/calendar-sample-3/calendar-sample-3.component.ts b/src/app/scheduling/calendar/calendar-sample-3/calendar-sample-3.component.ts index 1973e8bfad..aa0e91b993 100644 --- a/src/app/scheduling/calendar/calendar-sample-3/calendar-sample-3.component.ts +++ b/src/app/scheduling/calendar/calendar-sample-3/calendar-sample-3.component.ts @@ -1,5 +1,5 @@ -import { Component, ViewChild, DOCUMENT, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, DOCUMENT, inject } from '@angular/core'; import { IViewDateChangeEventArgs, IgxCalendarComponent, IgxCalendarView } from 'igniteui-angular/calendar'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; @@ -7,7 +7,6 @@ import { IgxDialogComponent } from 'igniteui-angular/dialog'; selector: 'app-calendar', styleUrls: ['./calendar-sample-3.component.scss'], templateUrl: './calendar-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCalendarComponent] }) export class CalendarSample3Component { diff --git a/src/app/scheduling/calendar/calendar-sample-4/calendar-sample-4.component.ts b/src/app/scheduling/calendar/calendar-sample-4/calendar-sample-4.component.ts index 5a565a0b9b..c768f94db3 100644 --- a/src/app/scheduling/calendar/calendar-sample-4/calendar-sample-4.component.ts +++ b/src/app/scheduling/calendar/calendar-sample-4/calendar-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, inject } from '@angular/core'; import { DateParser } from '../../../date-parser'; import { IgxCalendarComponent, IgxCalendarHeaderTemplateDirective, IgxCalendarSubheaderTemplateDirective } from 'igniteui-angular/calendar'; import { TitleCasePipe } from '@angular/common'; @@ -8,7 +8,6 @@ import { TitleCasePipe } from '@angular/common'; selector: 'app-calendar', styleUrls: ['./calendar-sample-4.component.scss'], templateUrl: './calendar-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCalendarComponent, IgxCalendarHeaderTemplateDirective, IgxCalendarSubheaderTemplateDirective, TitleCasePipe] }) diff --git a/src/app/scheduling/calendar/calendar-sample-5/calendar-sample-5.component.ts b/src/app/scheduling/calendar/calendar-sample-5/calendar-sample-5.component.ts index 2c0382a37e..5151c674e6 100644 --- a/src/app/scheduling/calendar/calendar-sample-5/calendar-sample-5.component.ts +++ b/src/app/scheduling/calendar/calendar-sample-5/calendar-sample-5.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCalendarComponent } from 'igniteui-angular/calendar'; @Component({ selector: 'app-calendar', styleUrls: ['./calendar-sample-5.component.scss'], templateUrl: './calendar-sample-5.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCalendarComponent] }) export class CalendarSample5Component { } diff --git a/src/app/scheduling/calendar/calendar-sample-6/calendar-sample-6.component.ts b/src/app/scheduling/calendar/calendar-sample-6/calendar-sample-6.component.ts index de923c2e64..f34ce362f0 100644 --- a/src/app/scheduling/calendar/calendar-sample-6/calendar-sample-6.component.ts +++ b/src/app/scheduling/calendar/calendar-sample-6/calendar-sample-6.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { DateRangeType } from 'igniteui-angular/core'; import { IgxCalendarComponent } from 'igniteui-angular/calendar'; import { DatePipe } from '@angular/common'; @@ -7,7 +7,6 @@ import { DatePipe } from '@angular/common'; selector: 'app-calendar', styleUrls: ['./calendar-sample-6.component.scss'], templateUrl: './calendar-sample-6.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCalendarComponent, DatePipe] }) export class CalendarSample6Component implements OnInit{ diff --git a/src/app/scheduling/calendar/calendar-sample-7/calendar-sample-7.component.ts b/src/app/scheduling/calendar/calendar-sample-7/calendar-sample-7.component.ts index e00c112f4a..73051b3823 100644 --- a/src/app/scheduling/calendar/calendar-sample-7/calendar-sample-7.component.ts +++ b/src/app/scheduling/calendar/calendar-sample-7/calendar-sample-7.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { DateRangeType } from 'igniteui-angular/core'; import { IgxCalendarComponent } from 'igniteui-angular/calendar'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; @@ -8,7 +8,6 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-calendar', styleUrls: ['./calendar-sample-7.component.scss'], templateUrl: './calendar-sample-7.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCalendarComponent, IgxDialogComponent, IgxButtonDirective] }) export class CalendarSample7Component { diff --git a/src/app/scheduling/calendar/calendar-sample-8/calendar-sample-8.component.ts b/src/app/scheduling/calendar/calendar-sample-8/calendar-sample-8.component.ts index 6f34dc692b..6f71d19aa9 100644 --- a/src/app/scheduling/calendar/calendar-sample-8/calendar-sample-8.component.ts +++ b/src/app/scheduling/calendar/calendar-sample-8/calendar-sample-8.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCalendarComponent } from 'igniteui-angular/calendar'; @Component({ selector: 'app-calendar', styleUrls: ['./calendar-sample-8.component.scss'], templateUrl: './calendar-sample-8.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCalendarComponent] }) export class CalendarSample8Component { } diff --git a/src/app/scheduling/calendar/calendar-sample-9/calendar-sample-9.component.ts b/src/app/scheduling/calendar/calendar-sample-9/calendar-sample-9.component.ts index 52e88e9d76..7e2cf60ab0 100644 --- a/src/app/scheduling/calendar/calendar-sample-9/calendar-sample-9.component.ts +++ b/src/app/scheduling/calendar/calendar-sample-9/calendar-sample-9.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxCalendarComponent } from 'igniteui-angular/calendar'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -11,7 +11,6 @@ type Orientation = (typeof orientations)[number]; selector: 'app-calendar', styleUrls: ['./calendar-sample-9.component.scss'], templateUrl: './calendar-sample-9.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCalendarComponent, IgxButtonGroupComponent, IgxButtonDirective] }) diff --git a/src/app/scheduling/calendar/calendar-styling-sample/calendar-styling-sample.component.ts b/src/app/scheduling/calendar/calendar-styling-sample/calendar-styling-sample.component.ts index a7c240f631..5aa6d4352e 100644 --- a/src/app/scheduling/calendar/calendar-styling-sample/calendar-styling-sample.component.ts +++ b/src/app/scheduling/calendar/calendar-styling-sample/calendar-styling-sample.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCalendarComponent } from 'igniteui-angular/calendar'; @Component({ selector: 'app-calendar', styleUrls: ['./calendar-styling-sample.component.scss'], templateUrl: './calendar-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCalendarComponent] }) export class CalendarStylingSampleComponent { } diff --git a/src/app/scheduling/calendar/calendar-tailwind-styling-sample/calendar-tailwind-styling-sample.component.ts b/src/app/scheduling/calendar/calendar-tailwind-styling-sample/calendar-tailwind-styling-sample.component.ts index 73080fdf68..4d1f50c86d 100644 --- a/src/app/scheduling/calendar/calendar-tailwind-styling-sample/calendar-tailwind-styling-sample.component.ts +++ b/src/app/scheduling/calendar/calendar-tailwind-styling-sample/calendar-tailwind-styling-sample.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCalendarComponent } from 'igniteui-angular/calendar'; @Component({ selector: 'app-calendar-tailwind-styling', styleUrls: ['./calendar-tailwind-styling-sample.component.scss'], templateUrl: './calendar-tailwind-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCalendarComponent] }) export class CalendarTailwindStylingSampleComponent { } diff --git a/src/app/scheduling/calendar/calendar-years-view/calendar-years-view.component.ts b/src/app/scheduling/calendar/calendar-years-view/calendar-years-view.component.ts index 755fc84cd8..0ba2660fa4 100644 --- a/src/app/scheduling/calendar/calendar-years-view/calendar-years-view.component.ts +++ b/src/app/scheduling/calendar/calendar-years-view/calendar-years-view.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent } from 'igniteui-angular/card'; import { IgxYearsViewComponent } from 'igniteui-angular/calendar'; @@ -6,7 +6,6 @@ import { IgxYearsViewComponent } from 'igniteui-angular/calendar'; selector: 'app-calendar-views', styleUrls: ['./calendar-years-view.component.scss'], templateUrl: './calendar-years-view.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxCardHeaderComponent, IgxCardContentDirective, IgxYearsViewComponent] }) export class CalendarYearsViewComponent { } diff --git a/src/app/scheduling/calendar/multiview/multiview.component.ts b/src/app/scheduling/calendar/multiview/multiview.component.ts index 370479092b..de14b8fa46 100644 --- a/src/app/scheduling/calendar/multiview/multiview.component.ts +++ b/src/app/scheduling/calendar/multiview/multiview.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxCalendarComponent } from 'igniteui-angular/calendar'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -8,7 +8,6 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-calendar', styleUrls: ['./multiview.component.scss'], templateUrl: './multiview.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCalendarComponent, IgxDialogComponent, IgxButtonDirective] }) export class CalendarMultiViewComponent { diff --git a/src/app/scheduling/datepicker/datepicker-dropdown/datepicker-dropdown.component.ts b/src/app/scheduling/datepicker/datepicker-dropdown/datepicker-dropdown.component.ts index 2bfd600255..6bb8239b07 100644 --- a/src/app/scheduling/datepicker/datepicker-dropdown/datepicker-dropdown.component.ts +++ b/src/app/scheduling/datepicker/datepicker-dropdown/datepicker-dropdown.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; import { FormsModule } from '@angular/forms'; @@ -8,7 +8,6 @@ import { DatePipe } from '@angular/common'; selector: 'app-datepicker-dropdown', styleUrls: ['./datepicker-dropdown.component.scss'], templateUrl: './datepicker-dropdown.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDatePickerComponent, FormsModule, IgxLabelDirective, DatePipe] }) export class DatepickerDropdownComponent { diff --git a/src/app/scheduling/datepicker/datepicker-sample-1/datepicker-sample-1.component.ts b/src/app/scheduling/datepicker/datepicker-sample-1/datepicker-sample-1.component.ts index 706a880f4e..f535e25cf7 100644 --- a/src/app/scheduling/datepicker/datepicker-sample-1/datepicker-sample-1.component.ts +++ b/src/app/scheduling/datepicker/datepicker-sample-1/datepicker-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; import { FormsModule } from '@angular/forms'; @@ -7,7 +7,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-datepicker-sample-1', styleUrls: ['./datepicker-sample-1.component.scss'], templateUrl: './datepicker-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDatePickerComponent, FormsModule, IgxLabelDirective] }) export class DatepickerSample1Component { diff --git a/src/app/scheduling/datepicker/datepicker-sample-2/datepicker-sample-2.component.ts b/src/app/scheduling/datepicker/datepicker-sample-2/datepicker-sample-2.component.ts index 072d3e5a6b..2b2e1c3e9b 100644 --- a/src/app/scheduling/datepicker/datepicker-sample-2/datepicker-sample-2.component.ts +++ b/src/app/scheduling/datepicker/datepicker-sample-2/datepicker-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -6,7 +6,6 @@ import { IgxLabelDirective } from 'igniteui-angular/input-group'; selector: 'app-datepicker-sample-2', styleUrls: ['./datepicker-sample-2.component.scss'], templateUrl: './datepicker-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDatePickerComponent, IgxLabelDirective] }) export class DatepickerSample2Component { diff --git a/src/app/scheduling/datepicker/datepicker-sample-3/datepicker-sample-3.component.ts b/src/app/scheduling/datepicker/datepicker-sample-3/datepicker-sample-3.component.ts index 83b9ccac25..75444ac23e 100644 --- a/src/app/scheduling/datepicker/datepicker-sample-3/datepicker-sample-3.component.ts +++ b/src/app/scheduling/datepicker/datepicker-sample-3/datepicker-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; import { FormsModule } from '@angular/forms'; @@ -6,7 +6,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-datepicker-sample-3', styleUrls: ['./datepicker-sample-3.component.scss'], templateUrl: './datepicker-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDatePickerComponent, FormsModule] }) export class DatepickerSample3Component { diff --git a/src/app/scheduling/datepicker/datepicker-sample-4/datepicker-sample-4.component.ts b/src/app/scheduling/datepicker/datepicker-sample-4/datepicker-sample-4.component.ts index 3f1d9c41ff..44ecb0623f 100644 --- a/src/app/scheduling/datepicker/datepicker-sample-4/datepicker-sample-4.component.ts +++ b/src/app/scheduling/datepicker/datepicker-sample-4/datepicker-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -6,7 +6,6 @@ import { IgxLabelDirective } from 'igniteui-angular/input-group'; selector: 'app-datepicker-sample-4', styleUrls: ['./datepicker-sample-4.component.scss'], templateUrl: './datepicker-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDatePickerComponent, IgxLabelDirective] }) export class DatepickerSample4Component { diff --git a/src/app/scheduling/datepicker/datepicker-sample-5/datepicker-sample-5.component.ts b/src/app/scheduling/datepicker/datepicker-sample-5/datepicker-sample-5.component.ts index 81afad8e1b..9a65e86b18 100644 --- a/src/app/scheduling/datepicker/datepicker-sample-5/datepicker-sample-5.component.ts +++ b/src/app/scheduling/datepicker/datepicker-sample-5/datepicker-sample-5.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, inject } from '@angular/core'; import { DateParser } from '../../../date-parser'; import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -10,7 +10,6 @@ import { TitleCasePipe } from '@angular/common'; selector: 'app-datepicker-sample-5', styleUrls: ['./datepicker-sample-5.component.scss'], templateUrl: './datepicker-sample-5.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDatePickerComponent, IgxLabelDirective, IgxCalendarHeaderTemplateDirective, IgxCalendarSubheaderTemplateDirective, TitleCasePipe] }) export class DatepickerSample5Component implements OnInit { diff --git a/src/app/scheduling/datepicker/datepicker-sample-6/datepicker-sample-6.component.ts b/src/app/scheduling/datepicker/datepicker-sample-6/datepicker-sample-6.component.ts index ec1ef8f94f..5465637e99 100644 --- a/src/app/scheduling/datepicker/datepicker-sample-6/datepicker-sample-6.component.ts +++ b/src/app/scheduling/datepicker/datepicker-sample-6/datepicker-sample-6.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; import { IgxLabelDirective, IgxPrefixDirective } from 'igniteui-angular/input-group'; import { IgxPickerToggleComponent } from 'igniteui-angular/core'; @@ -8,7 +8,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-datepicker-sample-6', styleUrls: ['./datepicker-sample-6.component.scss'], templateUrl: './datepicker-sample-6.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDatePickerComponent, IgxLabelDirective, IgxPickerToggleComponent, IgxPrefixDirective, IgxIconComponent] }) export class DatepickerSample6Component { diff --git a/src/app/scheduling/datepicker/datepicker-sample-7/datepicker-sample-7.component.ts b/src/app/scheduling/datepicker/datepicker-sample-7/datepicker-sample-7.component.ts index d6df39a665..252837c45d 100644 --- a/src/app/scheduling/datepicker/datepicker-sample-7/datepicker-sample-7.component.ts +++ b/src/app/scheduling/datepicker/datepicker-sample-7/datepicker-sample-7.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; import { IgxLabelDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; @@ -10,7 +10,6 @@ import { DatePipe } from '@angular/common'; selector: 'app-datepicker-sample-7', styleUrls: ['./datepicker-sample-7.component.scss'], templateUrl: './datepicker-sample-7.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDatePickerComponent, IgxLabelDirective, IgxPickerToggleComponent, IgxSuffixDirective, IgxIconComponent, IgxSnackbarComponent, DatePipe] }) diff --git a/src/app/scheduling/datepicker/datepicker-sample-8/datepicker-sample-8.component.ts b/src/app/scheduling/datepicker/datepicker-sample-8/datepicker-sample-8.component.ts index a372d29709..0e0d3323f5 100644 --- a/src/app/scheduling/datepicker/datepicker-sample-8/datepicker-sample-8.component.ts +++ b/src/app/scheduling/datepicker/datepicker-sample-8/datepicker-sample-8.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCalendarComponent, IgxCalendarView } from 'igniteui-angular/calendar'; import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -9,7 +9,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-datepicker-sample-8', styleUrls: ['./datepicker-sample-8.component.scss'], templateUrl: './datepicker-sample-8.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDatePickerComponent, FormsModule, IgxLabelDirective, IgxButtonDirective] }) diff --git a/src/app/scheduling/datepicker/datepicker-sample-9/datepicker-sample-9.component.ts b/src/app/scheduling/datepicker/datepicker-sample-9/datepicker-sample-9.component.ts index ceeda6ce3c..df81e070cc 100644 --- a/src/app/scheduling/datepicker/datepicker-sample-9/datepicker-sample-9.component.ts +++ b/src/app/scheduling/datepicker/datepicker-sample-9/datepicker-sample-9.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, Pipe, PipeTransform, ViewChild, forwardRef, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, Pipe, PipeTransform, ViewChild, forwardRef } from '@angular/core'; import { IgxCalendarComponent } from 'igniteui-angular/calendar'; import { IgxAutocompleteDirective, IgxDropDownComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; @@ -12,7 +12,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-datepicker-sample-9', styleUrls: ['./datepicker-sample-9.component.scss'], templateUrl: './datepicker-sample-9.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxInputGroupComponent, IgxToggleActionDirective, diff --git a/src/app/scheduling/datepicker/datepicker-styling-sample/datepicker-styling-sample.component.ts b/src/app/scheduling/datepicker/datepicker-styling-sample/datepicker-styling-sample.component.ts index f17bcf5b1b..a9d44f6284 100644 --- a/src/app/scheduling/datepicker/datepicker-styling-sample/datepicker-styling-sample.component.ts +++ b/src/app/scheduling/datepicker/datepicker-styling-sample/datepicker-styling-sample.component.ts @@ -1,16 +1,16 @@ -import { Component, ElementRef, inject, ChangeDetectionStrategy } from '@angular/core'; -import { IgxOverlayService } from 'igniteui-angular/core'; -import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; +import { Component, ElementRef, inject } from '@angular/core'; +import { IgxOverlayService } from 'igniteui-angular/core'; +import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @Component({ selector: 'app-datepicker-sample-1', styleUrls: ['./datepicker-styling-sample.component.scss'], templateUrl: './datepicker-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDatePickerComponent, IgxLabelDirective] }) -export class DatepickerStylingSampleComponent { element = inject(ElementRef); - private overlayService = inject(IgxOverlayService); - +export class DatepickerStylingSampleComponent { + element = inject(ElementRef); + private overlayService = inject(IgxOverlayService); + } diff --git a/src/app/scheduling/datepicker/reactive-form/reactive-form.component.ts b/src/app/scheduling/datepicker/reactive-form/reactive-form.component.ts index 460a04bfc3..2002aaa6f0 100644 --- a/src/app/scheduling/datepicker/reactive-form/reactive-form.component.ts +++ b/src/app/scheduling/datepicker/reactive-form/reactive-form.component.ts @@ -1,4 +1,4 @@ -import { Component, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, inject } from '@angular/core'; import { FormBuilder, FormGroup, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms'; import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -8,7 +8,6 @@ import { IgxTimePickerComponent } from 'igniteui-angular/time-picker'; selector: 'app-datetimepicker-reactive-form', styleUrls: ['./reactive-form.component.scss'], templateUrl: './reactive-form.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, ReactiveFormsModule, IgxDatePickerComponent, IgxLabelDirective, IgxTimePickerComponent] }) export class DateTimePickerRFSampleComponent { diff --git a/src/app/scheduling/datepicker/template-driven-form/template-driven-form.component.ts b/src/app/scheduling/datepicker/template-driven-form/template-driven-form.component.ts index 036683ee8e..1ae6d4dbee 100644 --- a/src/app/scheduling/datepicker/template-driven-form/template-driven-form.component.ts +++ b/src/app/scheduling/datepicker/template-driven-form/template-driven-form.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxTimePickerComponent } from 'igniteui-angular/time-picker'; @@ -8,7 +8,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-datetimepicker-template-driven-form', styleUrls: ['./template-driven-form.component.scss'], templateUrl: './template-driven-form.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDatePickerComponent, FormsModule, IgxLabelDirective, IgxTimePickerComponent] }) export class DateTimePickerTDFSampleComponent { diff --git a/src/app/scheduling/daterangepicker/daterangepicker-basic/daterangepicker-basic.ts b/src/app/scheduling/daterangepicker/daterangepicker-basic/daterangepicker-basic.ts index cd059b6e96..c009f9d80d 100644 --- a/src/app/scheduling/daterangepicker/daterangepicker-basic/daterangepicker-basic.ts +++ b/src/app/scheduling/daterangepicker/daterangepicker-basic/daterangepicker-basic.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { DateRange } from 'igniteui-angular/core'; import { IgxDateRangePickerComponent } from 'igniteui-angular/date-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -8,7 +8,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-basic-rangedatepicker', styleUrls: ['./daterangepicker-basic.scss'], templateUrl: './daterangepicker-basic.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDateRangePickerComponent, FormsModule, IgxLabelDirective] }) export class BasicDateRangePickerComponent { diff --git a/src/app/scheduling/daterangepicker/daterangepicker-flight-booking/daterangepicker-flight-booking.ts b/src/app/scheduling/daterangepicker/daterangepicker-flight-booking/daterangepicker-flight-booking.ts index b7ddecda6a..801881195b 100644 --- a/src/app/scheduling/daterangepicker/daterangepicker-flight-booking/daterangepicker-flight-booking.ts +++ b/src/app/scheduling/daterangepicker/daterangepicker-flight-booking/daterangepicker-flight-booking.ts @@ -1,4 +1,4 @@ -import { Component, Pipe, PipeTransform, ChangeDetectionStrategy } from '@angular/core'; +import { Component, Pipe, PipeTransform } from '@angular/core'; import { DateRange } from 'igniteui-angular/core'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; import { IgxHintDirective, IgxLabelDirective, IgxPrefixDirective } from 'igniteui-angular/input-group'; @@ -12,7 +12,6 @@ import { PipeWithoutTownFrom as PipeWithoutTownFrom_1 } from '../../datepicker/d selector: 'app-flight-booking', styleUrls: ['./daterangepicker-flight-booking.scss'], templateUrl: './daterangepicker-flight-booking.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, IgxSelectComponent, IgxPrefixDirective, IgxIconComponent, IgxSelectItemComponent, IgxDateRangePickerComponent, IgxLabelDirective, IgxHintDirective, PipeWithoutTownFrom_1] }) export class FlightBookingComponent { diff --git a/src/app/scheduling/daterangepicker/daterangepicker-mode/daterangepicker-mode.ts b/src/app/scheduling/daterangepicker/daterangepicker-mode/daterangepicker-mode.ts index d4f216f903..07c556932a 100644 --- a/src/app/scheduling/daterangepicker/daterangepicker-mode/daterangepicker-mode.ts +++ b/src/app/scheduling/daterangepicker/daterangepicker-mode/daterangepicker-mode.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { DateRange } from 'igniteui-angular/core'; import { IgxDateRangePickerComponent } from 'igniteui-angular/date-picker'; @@ -6,7 +6,6 @@ import { IgxDateRangePickerComponent } from 'igniteui-angular/date-picker'; selector: 'app-mode-rangedatepicker', styleUrls: ['./daterangepicker-mode.scss'], templateUrl: './daterangepicker-mode.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDateRangePickerComponent] }) export class DateRangePickerModeComponent { diff --git a/src/app/scheduling/daterangepicker/daterangepicker-range-buttons/daterangepicker-range-buttons.ts b/src/app/scheduling/daterangepicker/daterangepicker-range-buttons/daterangepicker-range-buttons.ts index e54cf15aee..08dd6701c7 100644 --- a/src/app/scheduling/daterangepicker/daterangepicker-range-buttons/daterangepicker-range-buttons.ts +++ b/src/app/scheduling/daterangepicker/daterangepicker-range-buttons/daterangepicker-range-buttons.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, OnInit, ViewChild, inject } from '@angular/core'; import { CustomDateRange, DateRange, IgxPickerActionsDirective, OverlaySettings } from 'igniteui-angular/core'; import { IgxDateRangePickerComponent } from 'igniteui-angular/date-picker'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -9,7 +9,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-rangdatepicker-range-buttons', styleUrls: ['./daterangepicker-range-buttons.scss'], templateUrl: './daterangepicker-range-buttons.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDateRangePickerComponent, FormsModule, IgxPickerActionsDirective, IgxButtonDirective] }) export class DateRangePickerRangeButtonsComponent { diff --git a/src/app/scheduling/daterangepicker/daterangepicker-start-end/daterangepicker-start-end.ts b/src/app/scheduling/daterangepicker/daterangepicker-start-end/daterangepicker-start-end.ts index 4b4f723cb8..b2a83c0756 100644 --- a/src/app/scheduling/daterangepicker/daterangepicker-start-end/daterangepicker-start-end.ts +++ b/src/app/scheduling/daterangepicker/daterangepicker-start-end/daterangepicker-start-end.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { DateRange, IgxPickerClearComponent, IgxPickerToggleComponent } from 'igniteui-angular/core'; import { IgxDateRangeEndComponent, IgxDateRangePickerComponent, IgxDateRangeStartComponent } from 'igniteui-angular/date-picker'; import { IgxInputDirective, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; @@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-rangedatepicker-start-end', styleUrls: ['./daterangepicker-start-end.scss'], templateUrl: './daterangepicker-start-end.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDateRangePickerComponent, FormsModule, IgxDateRangeStartComponent, IgxInputDirective, IgxDateTimeEditorDirective, IgxPickerToggleComponent, IgxPrefixDirective, IgxIconComponent, IgxDateRangeEndComponent, IgxSuffixDirective, IgxPickerClearComponent] diff --git a/src/app/scheduling/daterangepicker/daterangepicker-styling/daterangepicker-styling.ts b/src/app/scheduling/daterangepicker/daterangepicker-styling/daterangepicker-styling.ts index 766a923a7f..a748cb408a 100644 --- a/src/app/scheduling/daterangepicker/daterangepicker-styling/daterangepicker-styling.ts +++ b/src/app/scheduling/daterangepicker/daterangepicker-styling/daterangepicker-styling.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, inject } from '@angular/core'; import { DateRange, IgxPickerClearComponent, IgxPickerToggleComponent } from 'igniteui-angular/core'; import { IgxDateRangeEndComponent, IgxDateRangePickerComponent, IgxDateRangeStartComponent } from 'igniteui-angular/date-picker'; import { IgxInputDirective, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; @@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-styled-rangedatepicker', styleUrls: ['./daterangepicker-styling.scss'], templateUrl: './daterangepicker-styling.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDateRangePickerComponent, FormsModule, IgxDateRangeStartComponent, IgxInputDirective, IgxDateTimeEditorDirective, IgxPickerToggleComponent, IgxPrefixDirective, IgxIconComponent, IgxDateRangeEndComponent, IgxSuffixDirective, IgxPickerClearComponent] }) diff --git a/src/app/scheduling/daterangepicker/daterangepicker-validation/daterangepicker-validation.ts b/src/app/scheduling/daterangepicker/daterangepicker-validation/daterangepicker-validation.ts index dbfe2a834d..0d3da3c11e 100644 --- a/src/app/scheduling/daterangepicker/daterangepicker-validation/daterangepicker-validation.ts +++ b/src/app/scheduling/daterangepicker/daterangepicker-validation/daterangepicker-validation.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { DateRange, IgxPickerClearComponent, IgxPickerToggleComponent } from 'igniteui-angular/core'; import { IgxDateRangeEndComponent, IgxDateRangePickerComponent, IgxDateRangeStartComponent } from 'igniteui-angular/date-picker'; import { IgxInputDirective, IgxLabelDirective, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; @@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-daterangepicker-validation', styleUrls: ['./daterangepicker-validation.scss'], templateUrl: './daterangepicker-validation.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDateRangePickerComponent, FormsModule, IgxLabelDirective, IgxDateRangeStartComponent, IgxPickerToggleComponent, IgxPrefixDirective, IgxIconComponent, IgxInputDirective, IgxDateTimeEditorDirective, IgxDateRangeEndComponent, IgxSuffixDirective, IgxPickerClearComponent] diff --git a/src/app/scheduling/datetimeeditor/datetime-advanced/datetime-advanced.ts b/src/app/scheduling/datetimeeditor/datetime-advanced/datetime-advanced.ts index 0309532adc..9ecd05d2c5 100644 --- a/src/app/scheduling/datetimeeditor/datetime-advanced/datetime-advanced.ts +++ b/src/app/scheduling/datetimeeditor/datetime-advanced/datetime-advanced.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { DatePart } from 'igniteui-angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxDateTimeEditorDirective } from 'igniteui-angular/directives'; @@ -9,7 +9,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-datetime-advanced', styleUrls: ['./datetime-advanced.scss'], templateUrl: './datetime-advanced.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, FormsModule, IgxInputDirective, IgxDateTimeEditorDirective, IgxSuffixDirective, IgxIconComponent] }) diff --git a/src/app/scheduling/datetimeeditor/datetime-basic/datetime-basic.component.ts b/src/app/scheduling/datetimeeditor/datetime-basic/datetime-basic.component.ts index 5994e52bd5..2ec29c4c11 100644 --- a/src/app/scheduling/datetimeeditor/datetime-basic/datetime-basic.component.ts +++ b/src/app/scheduling/datetimeeditor/datetime-basic/datetime-basic.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxDateTimeEditorDirective, IgxTextSelectionDirective } from 'igniteui-angular/directives'; @@ -6,7 +6,6 @@ import { IgxDateTimeEditorDirective, IgxTextSelectionDirective } from 'igniteui- selector: 'app-datetime-basic', styleUrls: ['./datetime-basic.component.scss'], templateUrl: './datetime-basic.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, IgxInputDirective, IgxDateTimeEditorDirective, IgxTextSelectionDirective] }) export class DateTimeBasicComponent { diff --git a/src/app/scheduling/monthpicker/monthpicker-sample-1/monthpicker-sample-1.component.ts b/src/app/scheduling/monthpicker/monthpicker-sample-1/monthpicker-sample-1.component.ts index 7bb5e06595..636b53a085 100644 --- a/src/app/scheduling/monthpicker/monthpicker-sample-1/monthpicker-sample-1.component.ts +++ b/src/app/scheduling/monthpicker/monthpicker-sample-1/monthpicker-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCardComponent } from 'igniteui-angular/card'; import { IgxMonthPickerComponent } from 'igniteui-angular/calendar'; @@ -6,7 +6,6 @@ import { IgxMonthPickerComponent } from 'igniteui-angular/calendar'; selector: 'app-monthpicker-sample-1', styleUrls: ['./monthpicker-sample-1.component.scss'], templateUrl: './monthpicker-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxMonthPickerComponent] }) export class MonthpickerSample1Component { diff --git a/src/app/scheduling/monthpicker/monthpicker-sample-3/monthpicker-sample-3.component.ts b/src/app/scheduling/monthpicker/monthpicker-sample-3/monthpicker-sample-3.component.ts index 3b7d3d5714..06a8d3d0b1 100644 --- a/src/app/scheduling/monthpicker/monthpicker-sample-3/monthpicker-sample-3.component.ts +++ b/src/app/scheduling/monthpicker/monthpicker-sample-3/monthpicker-sample-3.component.ts @@ -1,5 +1,5 @@ import { registerLocaleData } from '@angular/common'; -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { IFormattingOptions, IgxMonthPickerComponent } from 'igniteui-angular/calendar'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; import { IgxPrefixDirective } from 'igniteui-angular/input-group'; @@ -14,7 +14,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-monthpicker-sample-3', styleUrls: ['./monthpicker-sample-3.component.scss'], templateUrl: './monthpicker-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSelectComponent, FormsModule, IgxPrefixDirective, IgxSelectItemComponent, IgxCardComponent, IgxMonthPickerComponent] }) export class MonthpickerSample3Component implements OnInit { diff --git a/src/app/scheduling/monthpicker/monthpicker-styling/monthpicker-styling.component.ts b/src/app/scheduling/monthpicker/monthpicker-styling/monthpicker-styling.component.ts index bba47ad35c..25d542b6ea 100644 --- a/src/app/scheduling/monthpicker/monthpicker-styling/monthpicker-styling.component.ts +++ b/src/app/scheduling/monthpicker/monthpicker-styling/monthpicker-styling.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxMonthPickerComponent } from 'igniteui-angular/calendar'; @Component({ selector: 'app-monthpicker-styling', styleUrls: ['./monthpicker-styling.component.scss'], templateUrl: './monthpicker-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxMonthPickerComponent] }) export class MonthpickerStylingComponent { diff --git a/src/app/scheduling/monthpicker/monthpicker-tailwind-styling/monthpicker-tailwind-styling.component.ts b/src/app/scheduling/monthpicker/monthpicker-tailwind-styling/monthpicker-tailwind-styling.component.ts index 5fa56c6ff5..aaad7b1884 100644 --- a/src/app/scheduling/monthpicker/monthpicker-tailwind-styling/monthpicker-tailwind-styling.component.ts +++ b/src/app/scheduling/monthpicker/monthpicker-tailwind-styling/monthpicker-tailwind-styling.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxMonthPickerComponent } from 'igniteui-angular/calendar'; @Component({ selector: 'app-monthpicker-tailwind-styling', styleUrls: ['./monthpicker-tailwind-styling.component.scss'], templateUrl: './monthpicker-tailwind-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxMonthPickerComponent] }) export class MonthpickerTailwindStylingComponent { diff --git a/src/app/scheduling/timepicker/timepicker-dropdown/timepicker-dropdown.component.ts b/src/app/scheduling/timepicker/timepicker-dropdown/timepicker-dropdown.component.ts index 32dcbdcb97..1f635f1f61 100644 --- a/src/app/scheduling/timepicker/timepicker-dropdown/timepicker-dropdown.component.ts +++ b/src/app/scheduling/timepicker/timepicker-dropdown/timepicker-dropdown.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { PickerInteractionMode } from 'igniteui-angular/core'; import { IgxTimePickerComponent } from 'igniteui-angular/time-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -8,7 +8,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-timepicker-dropdown', styleUrls: ['./timepicker-dropdown.component.scss'], templateUrl: './timepicker-dropdown.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTimePickerComponent, FormsModule, IgxLabelDirective] }) export class TimepickerDropdownComponent { diff --git a/src/app/scheduling/timepicker/timepicker-sample-1/timepicker-sample-1.component.ts b/src/app/scheduling/timepicker/timepicker-sample-1/timepicker-sample-1.component.ts index 663547e5bb..b6e8616c95 100644 --- a/src/app/scheduling/timepicker/timepicker-sample-1/timepicker-sample-1.component.ts +++ b/src/app/scheduling/timepicker/timepicker-sample-1/timepicker-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxTimePickerComponent } from 'igniteui-angular/time-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -6,7 +6,6 @@ import { IgxLabelDirective } from 'igniteui-angular/input-group'; selector: 'app-timepicker', styleUrls: ['./timepicker-sample-1.component.scss'], templateUrl: './timepicker-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTimePickerComponent, IgxLabelDirective] }) export class TimePickerSample1Component { } diff --git a/src/app/scheduling/timepicker/timepicker-sample-4/timepicker-sample-4.component.ts b/src/app/scheduling/timepicker/timepicker-sample-4/timepicker-sample-4.component.ts index 5108619b46..d9de592040 100644 --- a/src/app/scheduling/timepicker/timepicker-sample-4/timepicker-sample-4.component.ts +++ b/src/app/scheduling/timepicker/timepicker-sample-4/timepicker-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxTimePickerComponent } from 'igniteui-angular/time-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxToastComponent } from 'igniteui-angular/toast'; @@ -8,7 +8,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-timepicker', styleUrls: ['./timepicker-sample-4.component.scss'], templateUrl: './timepicker-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTimePickerComponent, FormsModule, IgxLabelDirective, IgxToastComponent] }) export class TimePickerSample4Component { diff --git a/src/app/scheduling/timepicker/timepicker-sample-5/timepicker-sample-5.component.ts b/src/app/scheduling/timepicker/timepicker-sample-5/timepicker-sample-5.component.ts index d30d6d08fd..95ae0fa555 100644 --- a/src/app/scheduling/timepicker/timepicker-sample-5/timepicker-sample-5.component.ts +++ b/src/app/scheduling/timepicker/timepicker-sample-5/timepicker-sample-5.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxTimePickerComponent } from 'igniteui-angular/time-picker'; import { IgxHintDirective, IgxLabelDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxPickerToggleComponent } from 'igniteui-angular/core'; @@ -9,7 +9,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-timepicker-sample-5', styleUrls: ['./timepicker-sample-5.component.scss'], templateUrl: './timepicker-sample-5.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTimePickerComponent, FormsModule, IgxLabelDirective, IgxPickerToggleComponent, IgxSuffixDirective, IgxIconComponent, IgxHintDirective] }) diff --git a/src/app/scheduling/timepicker/timepicker-sample-6/timepicker-sample-6.component.ts b/src/app/scheduling/timepicker/timepicker-sample-6/timepicker-sample-6.component.ts index e9c7033840..ef8e6d3812 100644 --- a/src/app/scheduling/timepicker/timepicker-sample-6/timepicker-sample-6.component.ts +++ b/src/app/scheduling/timepicker/timepicker-sample-6/timepicker-sample-6.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxTimePickerComponent } from 'igniteui-angular/time-picker'; import { IgxPickerActionsDirective, IgxPickerToggleComponent } from 'igniteui-angular/core'; import { IgxHintDirective, IgxPrefixDirective } from 'igniteui-angular/input-group'; @@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-timepicker-sample-6', styleUrls: ['./timepicker-sample-6.component.scss'], templateUrl: './timepicker-sample-6.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTimePickerComponent, FormsModule, IgxPickerToggleComponent, IgxPrefixDirective, IgxIconComponent, IgxHintDirective, IgxButtonDirective, IgxPickerActionsDirective] }) export class TimePickerSample6Component { diff --git a/src/app/scheduling/timepicker/timepicker-styling/timepicker-styling.component.ts b/src/app/scheduling/timepicker/timepicker-styling/timepicker-styling.component.ts index 55025dd7c9..6e7fedb60c 100644 --- a/src/app/scheduling/timepicker/timepicker-styling/timepicker-styling.component.ts +++ b/src/app/scheduling/timepicker/timepicker-styling/timepicker-styling.component.ts @@ -1,16 +1,16 @@ -import { Component, ElementRef, inject, ChangeDetectionStrategy } from '@angular/core'; -import { IgxTimePickerComponent } from 'igniteui-angular/time-picker'; -import { IgxLabelDirective } from 'igniteui-angular/input-group'; +import { Component, ElementRef, inject } from '@angular/core'; +import { IgxTimePickerComponent } from 'igniteui-angular/time-picker'; +import { IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-timepicker', styleUrls: ['./timepicker-styling.component.scss'], templateUrl: './timepicker-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTimePickerComponent, IgxLabelDirective, IgxButtonDirective] }) -export class TimePickerStylingComponent { element = inject(ElementRef); - +export class TimePickerStylingComponent { + element = inject(ElementRef); + } diff --git a/src/app/services/export-csv/csv-export-sample-1/csv-export-sample-1.component.ts b/src/app/services/export-csv/csv-export-sample-1/csv-export-sample-1.component.ts index e517a3c37a..ec8c586bfa 100644 --- a/src/app/services/export-csv/csv-export-sample-1/csv-export-sample-1.component.ts +++ b/src/app/services/export-csv/csv-export-sample-1/csv-export-sample-1.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, inject } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxCsvExporterService } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../../directives/prevent-s selector: 'app-csv-export-sample-1', styleUrls: ['./csv-export-sample-1.component.scss'], templateUrl: './csv-export-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarExporterComponent] }) export class CsvExportSample1Component { diff --git a/src/app/services/export-csv/csv-export-tree-grid-sample/csv-export-tree-grid-sample.component.ts b/src/app/services/export-csv/csv-export-tree-grid-sample/csv-export-tree-grid-sample.component.ts index 0843623b62..7d4113ed97 100644 --- a/src/app/services/export-csv/csv-export-tree-grid-sample/csv-export-tree-grid-sample.component.ts +++ b/src/app/services/export-csv/csv-export-tree-grid-sample/csv-export-tree-grid-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent } from 'igniteui-angular/grids/core'; import { ORDERS_DATA } from '../../../tree-grid/data/orders'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../../directives/prevent-s selector: 'app-csv-export-tree-grid-sample', styleUrls: ['./csv-export-tree-grid-sample.component.scss'], templateUrl: './csv-export-tree-grid-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective] }) export class TreeGridCsvExportSample1Component implements OnInit { diff --git a/src/app/services/export-csv/csv-export.component.ts b/src/app/services/export-csv/csv-export.component.ts index e79e2d5f6d..563ae4e5f6 100644 --- a/src/app/services/export-csv/csv-export.component.ts +++ b/src/app/services/export-csv/csv-export.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, inject } from '@angular/core'; import { CsvFileTypes, IgxCsvExporterOptions, IgxCsvExporterService } from 'igniteui-angular/grids/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -8,7 +8,6 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-csv-export', styleUrls: ['./csv-export.component.scss'], templateUrl: './csv-export.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class CsvExportComponent { diff --git a/src/app/services/export-excel/excel-export-sample-1/excel-export-sample-1.component.ts b/src/app/services/export-excel/excel-export-sample-1/excel-export-sample-1.component.ts index 78b34b3edf..38c1b842e4 100644 --- a/src/app/services/export-excel/excel-export-sample-1/excel-export-sample-1.component.ts +++ b/src/app/services/export-excel/excel-export-sample-1/excel-export-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild, inject } from '@angular/core'; import { GridColumnDataType, ISortingExpression, SortingDirection } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxExcelExporterService } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { INVOICE_DATA } from '../data/invoiceData'; selector: 'app-excel-export-sample-1', styleUrls: ['./excel-export-sample-1.component.scss'], templateUrl: './excel-export-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarExporterComponent, IgxColumnComponent] }) export class ExcelExportSample1Component implements OnInit { diff --git a/src/app/services/export-excel/excel-export-tree-grid-sample/excel-export-tree-grid-sample.component.ts b/src/app/services/export-excel/excel-export-tree-grid-sample/excel-export-tree-grid-sample.component.ts index 71eeab5245..1801ddc52a 100644 --- a/src/app/services/export-excel/excel-export-tree-grid-sample/excel-export-tree-grid-sample.component.ts +++ b/src/app/services/export-excel/excel-export-tree-grid-sample/excel-export-tree-grid-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent } from 'igniteui-angular/grids/core'; import { ORDERS_DATA } from '../../../tree-grid/data/orders'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../../directives/prevent-s selector: 'app-excel-export-tree-grid-sample', styleUrls: ['./excel-export-tree-grid-sample.component.scss'], templateUrl: './excel-export-tree-grid-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective] }) export class TreeGridExcelExportSample1Component implements OnInit { diff --git a/src/app/services/export-excel/excel-export.component.ts b/src/app/services/export-excel/excel-export.component.ts index ba11a0043d..8e794f05c3 100644 --- a/src/app/services/export-excel/excel-export.component.ts +++ b/src/app/services/export-excel/excel-export.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, inject } from '@angular/core'; import { IgxExcelExporterOptions, IgxExcelExporterService } from 'igniteui-angular/grids/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -8,7 +8,6 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-excel-export', styleUrls: ['./excel-export.component.scss'], templateUrl: './excel-export.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class ExcelExportComponent { diff --git a/src/app/services/export-pdf-custom-font/export-pdf-custom-font.component.ts b/src/app/services/export-pdf-custom-font/export-pdf-custom-font.component.ts index 79a5b0de49..72b7656675 100644 --- a/src/app/services/export-pdf-custom-font/export-pdf-custom-font.component.ts +++ b/src/app/services/export-pdf-custom-font/export-pdf-custom-font.component.ts @@ -17,7 +17,6 @@ import notoSansFontData from './fonts/noto-sans.json'; selector: 'app-export-pdf-custom-font', templateUrl: './export-pdf-custom-font.component.html', styleUrls: ['./export-pdf-custom-font.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, imports: [IgxGridComponent, IgxColumnComponent] }) export class ExportPdfCustomFontComponent { diff --git a/src/app/services/export-pdf/pdf-export.component.ts b/src/app/services/export-pdf/pdf-export.component.ts index 9bad4eb401..facaa6d22b 100644 --- a/src/app/services/export-pdf/pdf-export.component.ts +++ b/src/app/services/export-pdf/pdf-export.component.ts @@ -1,4 +1,4 @@ -import { Component, inject, signal, ChangeDetectionStrategy } from '@angular/core'; +import { Component, inject, signal } from '@angular/core'; import { IgxPdfExporterOptions, IgxPdfExporterService } from 'igniteui-angular/grids/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -6,7 +6,6 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-pdf-export', styleUrls: ['./pdf-export.component.scss'], templateUrl: './pdf-export.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class PdfExportComponent { diff --git a/src/app/services/localization-samples-old/localization-all-resources/localization-all-resources.component.ts b/src/app/services/localization-samples-old/localization-all-resources/localization-all-resources.component.ts index 2e312b4e82..ff938ae36f 100644 --- a/src/app/services/localization-samples-old/localization-all-resources/localization-all-resources.component.ts +++ b/src/app/services/localization-samples-old/localization-all-resources/localization-all-resources.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { registerLocaleData } from '@angular/common'; import localeBG from '@angular/common/locales/bg'; import localeCS from '@angular/common/locales/cs'; @@ -37,7 +37,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-localization-all-resources-old', styleUrls: ['./localization-all-resources.component.scss'], templateUrl: 'localization-all-resources.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxSelectComponent, FormsModule, IgxSelectItemComponent, IgxColumnComponent] }) export class LocalizationAllResourcesOldComponent implements OnInit { diff --git a/src/app/services/localization-samples-old/localization-sample-1/localization-sample-1.component.ts b/src/app/services/localization-samples-old/localization-sample-1/localization-sample-1.component.ts index 0cccf33203..733c80728b 100644 --- a/src/app/services/localization-samples-old/localization-sample-1/localization-sample-1.component.ts +++ b/src/app/services/localization-samples-old/localization-sample-1/localization-sample-1.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { DATA } from '../../../data/nwindData'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../../directives/prevent-s selector: 'app-localization-sample-1', styleUrls: ['./localization-sample-1.component.scss'], templateUrl: 'localization-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) diff --git a/src/app/services/localization-samples-old/localization-sample-2/localization-sample-2.component.ts b/src/app/services/localization-samples-old/localization-sample-2/localization-sample-2.component.ts index 14031e9c2d..3583b37ffa 100644 --- a/src/app/services/localization-samples-old/localization-sample-2/localization-sample-2.component.ts +++ b/src/app/services/localization-samples-old/localization-sample-2/localization-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { GridResourceStringsEN, TimePickerResourceStringsEN, changei18n } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -12,7 +12,6 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-localization-sample-2', styleUrls: ['./localization-sample-2.component.scss'], templateUrl: 'localization-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxTimePickerComponent, IgxLabelDirective, CurrencyPipe] }) diff --git a/src/app/services/localization-samples-old/localization-sample-3/localization-sample-3.component.ts b/src/app/services/localization-samples-old/localization-sample-3/localization-sample-3.component.ts index 1280c706f5..0d36aed14a 100644 --- a/src/app/services/localization-samples-old/localization-sample-3/localization-sample-3.component.ts +++ b/src/app/services/localization-samples-old/localization-sample-3/localization-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { DATA } from '../../../data/nwindData'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../../directives/prevent-s selector: 'app-localization-sample-3', styleUrls: ['./localization-sample-3.component.scss'], templateUrl: 'localization-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) diff --git a/src/app/services/localization-samples/localization-all-resources/localization-all-resources.component.ts b/src/app/services/localization-samples/localization-all-resources/localization-all-resources.component.ts index 58fa060a89..dc481d6fa7 100644 --- a/src/app/services/localization-samples/localization-all-resources/localization-all-resources.component.ts +++ b/src/app/services/localization-samples/localization-all-resources/localization-all-resources.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { DATA } from '../../../data/nwindData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { GridResourceStringsEN, IGridResourceStrings, registerI18n, setCurrentI18n } from 'igniteui-angular/core'; @@ -18,7 +18,6 @@ import { selector: 'app-localization-all-resources', styleUrls: ['./localization-all-resources.component.scss'], templateUrl: 'localization-all-resources.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxSelectComponent, FormsModule, IgxSelectItemComponent, IgxColumnComponent] }) export class LocalizationAllResourcesComponent implements OnInit { diff --git a/src/app/services/transaction/transaction-base/transaction-base.component.ts b/src/app/services/transaction/transaction-base/transaction-base.component.ts index ee252f40ba..bd525280ce 100644 --- a/src/app/services/transaction/transaction-base/transaction-base.component.ts +++ b/src/app/services/transaction/transaction-base/transaction-base.component.ts @@ -1,4 +1,4 @@ -import { Component, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, inject } from '@angular/core'; import { IgxTransactionService, State, Transaction, TransactionType } from 'igniteui-angular/core'; import { IgxCardComponent } from 'igniteui-angular/card'; import { IgxListActionDirective, IgxListComponent, IgxListItemComponent, IgxListLineSubTitleDirective, IgxListLineTitleDirective } from 'igniteui-angular/list'; @@ -13,7 +13,6 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-transaction-base', styleUrls: ['./transaction-base.component.scss'], templateUrl: 'transaction-base.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxCardComponent, IgxListComponent, IgxListItemComponent, NgClass, IgxListLineTitleDirective, IgxListLineSubTitleDirective, IgxIconComponent, IgxListActionDirective, TransactionBasePipe] }) export class TransactionBaseComponent { diff --git a/src/app/theming/angular/angular-sample.component.ts b/src/app/theming/angular/angular-sample.component.ts index d3c7e4d222..2eef1d86c8 100644 --- a/src/app/theming/angular/angular-sample.component.ts +++ b/src/app/theming/angular/angular-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostBinding, OnInit, ViewChild, inject } from '@angular/core'; import { IgxDialogActionsDirective, IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxOverlayOutletDirective } from 'igniteui-angular/core'; import { IgxButtonDirective, IgxDividerDirective, IgxIconButtonDirective, IgxLayoutDirective } from 'igniteui-angular/directives'; @@ -21,7 +21,6 @@ import { MatInput } from '@angular/material/input'; selector: 'app-angular-sample', styleUrls: ['./angular-sample.component.scss'], templateUrl: './angular-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [MatToolbar, IgxButtonDirective, MatMenuTrigger, IgxIconComponent, MatMenu, MatMenuItem, IgxLayoutDirective, IgxAvatarComponent, IgxIconButtonDirective, IgxCardComponent, IgxCardMediaDirective, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardActionsComponent, MatButton, IgxDialogComponent, IgxDialogActionsDirective, IgxSuffixDirective, IgxOverlayOutletDirective, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelBodyComponent, MatSlider, MatSliderThumb, IgxDividerDirective, MatStepper, MatStep, FormsModule, ReactiveFormsModule, MatStepLabel, MatFormField, MatLabel, MatInput, MatStepperNext, MatStepperPrevious] }) @@ -61,7 +60,7 @@ export class AngularMaterialComponent implements OnInit { private toggleOverlayClasses(theme: 'light' | 'dark') { const overlayClasses = this.overlayContainer.getContainerElement().classList; overlayClasses.add('mat-menu'); - + switch (theme) { case 'light': overlayClasses.remove('dark-menu-theme'); diff --git a/src/app/theming/animations/animations-sample-1/animations-sample-1.component.ts b/src/app/theming/animations/animations-sample-1/animations-sample-1.component.ts index 383c595b10..28d8c36771 100644 --- a/src/app/theming/animations/animations-sample-1/animations-sample-1.component.ts +++ b/src/app/theming/animations/animations-sample-1/animations-sample-1.component.ts @@ -1,5 +1,5 @@ import { AnimationReferenceMetadata } from '@angular/animations'; -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { AbsolutePosition, IgxOverlayService } from 'igniteui-angular/core'; import { IListItemClickEventArgs, IgxListComponent, IgxListItemComponent, IgxListModule } from 'igniteui-angular/list'; import { IgxDialogComponent, IgxDialogModule } from 'igniteui-angular/dialog'; @@ -30,7 +30,6 @@ import { blink, fadeIn, fadeOut, flipBottom, flipHorBck, flipHorFwd, flipLeft, f selector: 'app-animations-sample-1', styleUrls: ['./animations-sample-1.component.scss'], templateUrl: './animations-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxListItemComponent, IgxDialogComponent] }) export class AnimationsSampleComponent { diff --git a/src/app/theming/animations/animations-sample-2/animations-sample-2.component.ts b/src/app/theming/animations/animations-sample-2/animations-sample-2.component.ts index 71a7d86ce8..2cef8863d3 100644 --- a/src/app/theming/animations/animations-sample-2/animations-sample-2.component.ts +++ b/src/app/theming/animations/animations-sample-2/animations-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardMediaDirective } from 'igniteui-angular/card'; import { IgxDividerDirective, IgxFlexDirective, IgxIconButtonDirective, IgxLayoutDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxSuffixDirective } from 'igniteui-angular/input-group'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-animations-sample-2', styleUrls: ['./animations-sample-2.component.scss'], templateUrl: './animations-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxLayoutDirective, IgxFlexDirective, IgxCardHeaderComponent, IgxCardMediaDirective, IgxCardContentDirective, IgxDividerDirective, IgxCardActionsComponent, IgxIconButtonDirective, IgxRippleDirective, IgxSuffixDirective, IgxIconComponent] }) export class AnimationsSample2Component { diff --git a/src/app/theming/bootstrap/bootstrap-sample.component.ts b/src/app/theming/bootstrap/bootstrap-sample.component.ts index 884729e1cc..5a7c73bfea 100644 --- a/src/app/theming/bootstrap/bootstrap-sample.component.ts +++ b/src/app/theming/bootstrap/bootstrap-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostBinding, OnInit, ViewChild } from '@angular/core'; import { IgxDialogActionsDirective, IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxOverlayOutletDirective } from 'igniteui-angular/core'; import { IgxButtonDirective, IgxFlexDirective, IgxIconButtonDirective, IgxLayoutDirective } from 'igniteui-angular/directives'; @@ -13,7 +13,6 @@ import { NgbDropdown, NgbDropdownToggle, NgbDropdownMenu, NgbDropdownItem, NgbRa selector: 'app-bootstrap-sample', styleUrls: ['./bootstrap-sample.component.scss'], templateUrl: './bootstrap-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, NgbDropdown, NgbDropdownToggle, NgbDropdownMenu, NgbDropdownItem, IgxAvatarComponent, IgxIconButtonDirective, IgxIconComponent, IgxLayoutDirective, IgxCardComponent, IgxFlexDirective, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardContentDirective, NgbRating, IgxCardActionsComponent, IgxDialogComponent, IgxDialogActionsDirective, IgxSuffixDirective, IgxOverlayOutletDirective, NgbAccordionDirective, NgbAccordionItem, NgbAccordionHeader, NgbAccordionToggle, NgbAccordionButton, NgbCollapse, NgbAccordionCollapse, NgbAccordionBody, IgxListComponent, IgxListItemComponent, IgxListLineTitleDirective, IgxListActionDirective] }) diff --git a/src/app/theming/default-theme-sample/default-theme-sample.component.ts b/src/app/theming/default-theme-sample/default-theme-sample.component.ts index ad1ae3d082..e22ec3c47b 100644 --- a/src/app/theming/default-theme-sample/default-theme-sample.component.ts +++ b/src/app/theming/default-theme-sample/default-theme-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, Input, OnInit, ViewChild } from '@angular/core'; import { CloseScrollStrategy, ConnectedPositioningStrategy, HorizontalAlignment, IgxOverlayOutletDirective, OverlaySettings, VerticalAlignment } from 'igniteui-angular/core'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxDropDownComponent } from 'igniteui-angular/drop-down'; @@ -19,7 +19,6 @@ import { DatePipe } from '@angular/common'; selector: 'app-default-theme-sample', styleUrls: ['./default-theme-sample.component.scss'], templateUrl: './default-theme-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDialogComponent, IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxDatePickerComponent, IgxOverlayOutletDirective, IgxLayoutDirective, IgxButtonDirective, IgxGridComponent, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxIconButtonDirective, IgxIconComponent, IgxSnackbarComponent, DatePipe] }) export class DefaultThemeSampleComponent implements OnInit { diff --git a/src/app/theming/display-density/display-density.component.ts b/src/app/theming/display-density/display-density.component.ts index 295a2ffcda..2b1b534889 100644 --- a/src/app/theming/display-density/display-density.component.ts +++ b/src/app/theming/display-density/display-density.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostBinding, OnInit } from '@angular/core'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxHintDirective, IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -8,7 +8,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-display-density', styleUrls: ['./display-density.component.scss'], templateUrl: './display-density.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxInputGroupComponent, FormsModule, IgxInputDirective, IgxLabelDirective, IgxPrefixDirective, IgxSuffixDirective, IgxIconComponent, IgxHintDirective] }) diff --git a/src/app/theming/roundness/roundness-sample.component.ts b/src/app/theming/roundness/roundness-sample.component.ts index 7aa25e7f1d..0d0d276c06 100644 --- a/src/app/theming/roundness/roundness-sample.component.ts +++ b/src/app/theming/roundness/roundness-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from "@angular/core"; +import { Component } from "@angular/core"; import { IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent } from 'igniteui-angular/card'; import { IgxChipComponent } from 'igniteui-angular/chips'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -8,7 +8,6 @@ import { IgxPrefixDirective } from 'igniteui-angular/input-group'; selector: "app-chip-simple", styleUrls: ["./roundness-sample.component.scss"], templateUrl: "./roundness-sample.component.html", - changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxCardComponent, IgxCardHeaderComponent, diff --git a/src/app/theming/shadows/card-sample-shadow/card-sample-shadow.ts b/src/app/theming/shadows/card-sample-shadow/card-sample-shadow.ts index 26a2b30166..019ce24cd4 100644 --- a/src/app/theming/shadows/card-sample-shadow/card-sample-shadow.ts +++ b/src/app/theming/shadows/card-sample-shadow/card-sample-shadow.ts @@ -1,4 +1,4 @@ -import {Component, ChangeDetectionStrategy} from '@angular/core'; +import {Component} from '@angular/core'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent } from 'igniteui-angular/card'; import { IgxButtonDirective, IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-card-sample-shadow', styleUrls: ['./card-sample-shadow.scss'], templateUrl: './card-sample-shadow.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxCardHeaderComponent, IgxCardContentDirective, IgxCardActionsComponent, IgxIconButtonDirective, IgxRippleDirective, IgxIconComponent, IgxButtonDirective] }) export class CardSampleShadowComponent { } diff --git a/src/app/theming/shadows/shadows-sample-1/shadows-sample.component.ts b/src/app/theming/shadows/shadows-sample-1/shadows-sample.component.ts index 3d51a8007a..bf11922522 100644 --- a/src/app/theming/shadows/shadows-sample-1/shadows-sample.component.ts +++ b/src/app/theming/shadows/shadows-sample-1/shadows-sample.component.ts @@ -1,9 +1,8 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'app-shadows-sample', styleUrls: ['./shadows-sample.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, templateUrl: './shadows-sample.component.html' }) export class ShadowsSampleComponent { diff --git a/src/app/theming/shadows/shadows-sample-2/shadows-sample-2.component.ts b/src/app/theming/shadows/shadows-sample-2/shadows-sample-2.component.ts index 5626ecab5b..8b672dd175 100644 --- a/src/app/theming/shadows/shadows-sample-2/shadows-sample-2.component.ts +++ b/src/app/theming/shadows/shadows-sample-2/shadows-sample-2.component.ts @@ -1,9 +1,8 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'app-shadows-sample-2', styleUrls: ['./shadows-sample-2.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, templateUrl: './shadows-sample-2.component.html' }) export class ShadowsSample2Component { diff --git a/src/app/theming/tailwind/tailwind-sample.component.ts b/src/app/theming/tailwind/tailwind-sample.component.ts index 73fad6dda5..0596d9ba61 100644 --- a/src/app/theming/tailwind/tailwind-sample.component.ts +++ b/src/app/theming/tailwind/tailwind-sample.component.ts @@ -1,10 +1,9 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ standalone: true, selector: 'app-tailwind-sample', styleUrls: ['./tailwind-sample.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, templateUrl: './tailwind-sample.component.html' }) diff --git a/src/app/tree-grid/column-group-selection/column-group-selection.component.ts b/src/app/tree-grid/column-group-selection/column-group-selection.component.ts index 0169341040..15b3e056ec 100644 --- a/src/app/tree-grid/column-group-selection/column-group-selection.component.ts +++ b/src/app/tree-grid/column-group-selection/column-group-selection.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detailed'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-column-group-selection', templateUrl: './column-group-selection.component.html', styleUrls: ['./column-group-selection.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnGroupComponent] }) export class TreeGridColumnGroupSelectionComponent implements OnInit { diff --git a/src/app/tree-grid/column-selection-styles/tree-grid-column-selection-style.component.ts b/src/app/tree-grid/column-selection-styles/tree-grid-column-selection-style.component.ts index 9a9ce9114f..22e6b14d4a 100644 --- a/src/app/tree-grid/column-selection-styles/tree-grid-column-selection-style.component.ts +++ b/src/app/tree-grid/column-selection-styles/tree-grid-column-selection-style.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { ORDERS_DATA } from '../data/orders'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-column-selection-style', templateUrl: './tree-grid-column-selection-style.component.html', styleUrls: ['./tree-grid-column-selection-style.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridColumnSelectionStylesComponent implements OnInit, AfterViewInit { diff --git a/src/app/tree-grid/column-selection/tree-grid-column-selection.component.ts b/src/app/tree-grid/column-selection/tree-grid-column-selection.component.ts index 19b04e4d6c..98411d02c7 100644 --- a/src/app/tree-grid/column-selection/tree-grid-column-selection.component.ts +++ b/src/app/tree-grid/column-selection/tree-grid-column-selection.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; @@ -12,7 +12,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-tree-grid-column-selection', templateUrl: './tree-grid-column-selection.component.html', styleUrls: ['./tree-grid-column-selection.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxSelectComponent, FormsModule, IgxLabelDirective, IgxSelectItemComponent, IgxColumnComponent] }) export class TreeGridColumnSelectionComponent implements OnInit, AfterViewInit { diff --git a/src/app/tree-grid/tgrid-editing-lifecycle-sample/tgrid-editing-lifecycle.component.ts b/src/app/tree-grid/tgrid-editing-lifecycle-sample/tgrid-editing-lifecycle.component.ts index 2ceff0466a..eebf08d051 100644 --- a/src/app/tree-grid/tgrid-editing-lifecycle-sample/tgrid-editing-lifecycle.component.ts +++ b/src/app/tree-grid/tgrid-editing-lifecycle-sample/tgrid-editing-lifecycle.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, Renderer2, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, Renderer2, ViewChild, inject } from '@angular/core'; import { generateEmployeeFlatData } from '../data/employees-flat'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tgrid-editing-lifecycle', templateUrl: 'tgrid-editing-lifecycle.component.html', styleUrls: ['tgrid-editing-lifecycle.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxButtonDirective, IgxIconComponent] }) export class TGridEditingLifecycleComponent { diff --git a/src/app/tree-grid/tgrid-keyboard-guide/tgrid-keyboardnav-guide.component.ts b/src/app/tree-grid/tgrid-keyboard-guide/tgrid-keyboardnav-guide.component.ts index 4aabf11b4f..62d84f1701 100644 --- a/src/app/tree-grid/tgrid-keyboard-guide/tgrid-keyboardnav-guide.component.ts +++ b/src/app/tree-grid/tgrid-keyboard-guide/tgrid-keyboardnav-guide.component.ts @@ -1,7 +1,7 @@ /* eslint-disable @angular-eslint/component-class-suffix */ /* eslint-disable @typescript-eslint/naming-convention */ import { animate, state, style, transition, trigger } from '@angular/animations'; -import { ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild, inject } from '@angular/core'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { CellType, IActiveNodeChangeEventArgs, IgxCellTemplateDirective, IgxColumnComponent, IgxColumnGroupComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { IgxEmptyListTemplateDirective, IgxListComponent, IgxListItemComponent, IgxListLineSubTitleDirective, IgxListLineTitleDirective } from 'igniteui-angular/list'; @@ -176,7 +176,6 @@ const summaryCombinations: Item[] = [ ]) ]) ], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPaginatorComponent, IgxGridToolbarComponent, IgxColumnComponent, IgxColumnGroupComponent, IgxCellTemplateDirective, IgxListComponent, IgxListItemComponent, NgClass, IgxListLineTitleDirective, IgxListLineSubTitleDirective, IgxCheckboxComponent, IgxEmptyListTemplateDirective] }) export class TGridKeyboardnavGuide implements OnInit, OnDestroy { diff --git a/src/app/tree-grid/tree-grid-action-strip/tree-grid-action-strip-sample.ts b/src/app/tree-grid/tree-grid-action-strip/tree-grid-action-strip-sample.ts index ca8eea8c75..de79964706 100644 --- a/src/app/tree-grid/tree-grid-action-strip/tree-grid-action-strip-sample.ts +++ b/src/app/tree-grid/tree-grid-action-strip/tree-grid-action-strip-sample.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent, IgxGridPinningActionsComponent, RowType } from 'igniteui-angular/grids/core'; import { Transaction } from 'igniteui-angular/core'; @@ -13,7 +13,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-row-action-strip', styleUrls: [`tree-grid-action-strip-sample.scss`], templateUrl: 'tree-grid-action-strip-sample.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxActionStripComponent, IgxGridPinningActionsComponent, IgxIconButtonDirective, IgxRippleDirective, IgxIconComponent] }) export class TreeGridActionStripSampleComponent { diff --git a/src/app/tree-grid/tree-grid-add-row-sample/tree-grid-add-row-sample.component.ts b/src/app/tree-grid/tree-grid-add-row-sample/tree-grid-add-row-sample.component.ts index e2cbab4d85..2d701a2489 100644 --- a/src/app/tree-grid/tree-grid-add-row-sample/tree-grid-add-row-sample.component.ts +++ b/src/app/tree-grid/tree-grid-add-row-sample/tree-grid-add-row-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxActionStripComponent } from 'igniteui-angular/action-strip'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridEditingActionsComponent } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-add-row-sample', styleUrls: ['./tree-grid-add-row-sample.component.scss'], templateUrl: './tree-grid-add-row-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxIconComponent, IgxActionStripComponent, IgxGridEditingActionsComponent] }) export class TreeGridAddRowSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-advanced-filtering-sample/tree-grid-advanced-filtering-sample.component.ts b/src/app/tree-grid/tree-grid-advanced-filtering-sample/tree-grid-advanced-filtering-sample.component.ts index 2c93336a8b..3928d7ed36 100644 --- a/src/app/tree-grid/tree-grid-advanced-filtering-sample/tree-grid-advanced-filtering-sample.component.ts +++ b/src/app/tree-grid/tree-grid-advanced-filtering-sample/tree-grid-advanced-filtering-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { generateEmployeeFlatData } from '../data/employees-flat'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-advanced-filtering-sample', styleUrls: ['./tree-grid-advanced-filtering-sample.component.scss'], templateUrl: './tree-grid-advanced-filtering-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxColumnComponent] }) export class TreeGridAdvancedFilteringSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-advanced-filtering-style/tree-grid-advanced-filtering-style.component.ts b/src/app/tree-grid/tree-grid-advanced-filtering-style/tree-grid-advanced-filtering-style.component.ts index 3999f76b92..afc8883e60 100644 --- a/src/app/tree-grid/tree-grid-advanced-filtering-style/tree-grid-advanced-filtering-style.component.ts +++ b/src/app/tree-grid/tree-grid-advanced-filtering-style/tree-grid-advanced-filtering-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { generateEmployeeFlatData } from '../data/employees-flat'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-advanced-filtering-style', styleUrls: ['./tree-grid-advanced-filtering-style.component.scss'], templateUrl: './tree-grid-advanced-filtering-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxColumnComponent] }) export class TreeGridAdvancedFilteringStyleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-batch-editing/tree-grid-batch-editing-sample.component.ts b/src/app/tree-grid/tree-grid-batch-editing/tree-grid-batch-editing-sample.component.ts index ae922d435c..a49d90808b 100644 --- a/src/app/tree-grid/tree-grid-batch-editing/tree-grid-batch-editing-sample.component.ts +++ b/src/app/tree-grid/tree-grid-batch-editing/tree-grid-batch-editing-sample.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -14,7 +14,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-batch-editing-sample', styleUrls: ['tree-grid-batch-editing-sample.component.scss'], templateUrl: 'tree-grid-batch-editing-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxButtonDirective, IgxDialogComponent, IgxGridComponent] }) export class TreeGridBatchEditingSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-cell-merge-custom-sample/tree-grid-cell-merge-custom-sample.component.ts b/src/app/tree-grid/tree-grid-cell-merge-custom-sample/tree-grid-cell-merge-custom-sample.component.ts index 5dea9b93b4..8aca61e784 100644 --- a/src/app/tree-grid/tree-grid-cell-merge-custom-sample/tree-grid-cell-merge-custom-sample.component.ts +++ b/src/app/tree-grid/tree-grid-cell-merge-custom-sample/tree-grid-cell-merge-custom-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { GridCellMergeMode, IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; @@ -12,7 +12,6 @@ import { generateEmployeeDetailedFlatData2 } from '../data/employees-flat-detail selector: 'app-tree-grid-cell-merge-custom-sample', styleUrls: ['./tree-grid-cell-merge-custom-sample.component.scss'], templateUrl: './tree-grid-cell-merge-custom-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxTreeGridComponent, IgxPreventDocumentScrollDirective, diff --git a/src/app/tree-grid/tree-grid-cell-merge-sample/tree-grid-cell-merge-sample.component.ts b/src/app/tree-grid/tree-grid-cell-merge-sample/tree-grid-cell-merge-sample.component.ts index cad88ac58c..82408a45f1 100644 --- a/src/app/tree-grid/tree-grid-cell-merge-sample/tree-grid-cell-merge-sample.component.ts +++ b/src/app/tree-grid/tree-grid-cell-merge-sample/tree-grid-cell-merge-sample.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, inject, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, inject, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { GridCellMergeMode, IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; @@ -12,7 +12,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-tree-grid-cell-merge-sample', styleUrls: ['./tree-grid-cell-merge-sample.component.scss'], templateUrl: './tree-grid-cell-merge-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxTreeGridComponent, IgxPreventDocumentScrollDirective, diff --git a/src/app/tree-grid/tree-grid-cellSelection-sample/tree-grid-cellSelection.component.ts b/src/app/tree-grid/tree-grid-cellSelection-sample/tree-grid-cellSelection.component.ts index b0ad4ab2ff..c900d45531 100644 --- a/src/app/tree-grid/tree-grid-cellSelection-sample/tree-grid-cellSelection.component.ts +++ b/src/app/tree-grid/tree-grid-cellSelection-sample/tree-grid-cellSelection.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -12,7 +12,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-cell-selection', styleUrls: ['./tree-grid-cellSelection.component.scss'], templateUrl: 'tree-grid-cellSelection.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxSnackbarComponent, IgxIconComponent] }) export class TreeGridCellSelectionComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-clipboard-operations-sample/tree-grid-clipboard-operations-sample.component.ts b/src/app/tree-grid/tree-grid-clipboard-operations-sample/tree-grid-clipboard-operations-sample.component.ts index 9de6f1a55a..556387b1a8 100644 --- a/src/app/tree-grid/tree-grid-clipboard-operations-sample/tree-grid-clipboard-operations-sample.component.ts +++ b/src/app/tree-grid/tree-grid-clipboard-operations-sample/tree-grid-clipboard-operations-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { EMPLOYEE_DATA } from './data'; import { IgxHintDirective, IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -13,7 +13,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-clipboard-operations-sample', styleUrls: ['tree-grid-clipboard-operations-sample.component.scss'], templateUrl: './tree-grid-clipboard-operations-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxIconComponent, IgxHintDirective, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxSwitchComponent, IgxButtonDirective, IgxRippleDirective, IgxColumnComponent] }) export class TreeGridClipboardSampleComponent { diff --git a/src/app/tree-grid/tree-grid-collapsible-groups/tree-grid-collapsible-column-groups.component.ts b/src/app/tree-grid/tree-grid-collapsible-groups/tree-grid-collapsible-column-groups.component.ts index fabd8ce6d0..82a2a87486 100644 --- a/src/app/tree-grid/tree-grid-collapsible-groups/tree-grid-collapsible-column-groups.component.ts +++ b/src/app/tree-grid/tree-grid-collapsible-groups/tree-grid-collapsible-column-groups.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { GridSelectionMode, IgxCollapsibleIndicatorTemplateDirective, IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-multi-column-headers-sample', styleUrls: ['./tree-grid-collapsible-column-groups.component.scss'], templateUrl: './tree-grid-collapsible-column-groups.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnGroupComponent, IgxCollapsibleIndicatorTemplateDirective, IgxIconComponent, IgxTooltipTargetDirective, IgxTooltipDirective, IgxColumnComponent] }) export class TreeGridMultiCollapsibleColumnGroupsComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-column-hiding-sample/tree-grid-column-hiding-sample.component.ts b/src/app/tree-grid/tree-grid-column-hiding-sample/tree-grid-column-hiding-sample.component.ts index 98b412e41f..07543a7f6b 100644 --- a/src/app/tree-grid/tree-grid-column-hiding-sample/tree-grid-column-hiding-sample.component.ts +++ b/src/app/tree-grid/tree-grid-column-hiding-sample/tree-grid-column-hiding-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detailed'; import { IgxColumnActionsComponent, IgxColumnComponent, IgxColumnHidingDirective } from 'igniteui-angular/grids/core'; import { IgxRadioComponent } from 'igniteui-angular/radio'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-column-hiding-sample', styleUrls: ['./tree-grid-column-hiding-sample.component.scss'], templateUrl: './tree-grid-column-hiding-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxColumnActionsComponent, IgxColumnHidingDirective, IgxRadioComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridColumnHidingSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-column-hiding-toolbar-sample/tree-grid-column-hiding-toolbar-sample.component.ts b/src/app/tree-grid/tree-grid-column-hiding-toolbar-sample/tree-grid-column-hiding-toolbar-sample.component.ts index 81ad65a36e..3586615b41 100644 --- a/src/app/tree-grid/tree-grid-column-hiding-toolbar-sample/tree-grid-column-hiding-toolbar-sample.component.ts +++ b/src/app/tree-grid/tree-grid-column-hiding-toolbar-sample/tree-grid-column-hiding-toolbar-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, OnInit } from '@angular/core'; import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detailed'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-column-hiding-toolbar-sample', styleUrls: ['./tree-grid-column-hiding-toolbar-sample.component.scss'], templateUrl: './tree-grid-column-hiding-toolbar-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxColumnComponent] }) export class TreeGridColumnHidingToolbarSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-column-hiding-toolbar-style/tree-grid-column-hiding-toolbar-style.component.ts b/src/app/tree-grid/tree-grid-column-hiding-toolbar-style/tree-grid-column-hiding-toolbar-style.component.ts index 2c25f6140e..9a3db91072 100644 --- a/src/app/tree-grid/tree-grid-column-hiding-toolbar-style/tree-grid-column-hiding-toolbar-style.component.ts +++ b/src/app/tree-grid/tree-grid-column-hiding-toolbar-style/tree-grid-column-hiding-toolbar-style.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, OnInit } from '@angular/core'; import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detailed'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-column-hiding-toolbar-style', styleUrls: ['./tree-grid-column-hiding-toolbar-style.component.scss'], templateUrl: './tree-grid-column-hiding-toolbar-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxColumnComponent] }) export class TreeGridColumnHidingToolbarStyleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-column-moving-sample/tree-grid-column-moving-sample.component.ts b/src/app/tree-grid/tree-grid-column-moving-sample/tree-grid-column-moving-sample.component.ts index 1459ceb0a3..4d999e2c1c 100644 --- a/src/app/tree-grid/tree-grid-column-moving-sample/tree-grid-column-moving-sample.component.ts +++ b/src/app/tree-grid/tree-grid-column-moving-sample/tree-grid-column-moving-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { ColumnType } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellHeaderTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-column-moving-sample', styleUrls: ['./tree-grid-column-moving-sample.component.scss'], templateUrl: './tree-grid-column-moving-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCellHeaderTemplateDirective, IgxIconComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent] }) export class TreeGridColumnMovingSampleComponent { diff --git a/src/app/tree-grid/tree-grid-column-moving-styled-sample/tree-grid-column-moving-styled-sample.component.ts b/src/app/tree-grid/tree-grid-column-moving-styled-sample/tree-grid-column-moving-styled-sample.component.ts index 6a7efdf1d3..f9002840a2 100644 --- a/src/app/tree-grid/tree-grid-column-moving-styled-sample/tree-grid-column-moving-styled-sample.component.ts +++ b/src/app/tree-grid/tree-grid-column-moving-styled-sample/tree-grid-column-moving-styled-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { ColumnType } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellHeaderTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-column-moving-styled-sample', styleUrls: ['./tree-grid-column-moving-styled-sample.component.scss'], templateUrl: './tree-grid-column-moving-styled-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCellHeaderTemplateDirective, IgxIconComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent] }) export class TreeGridColumnMovingStyledSampleComponent { diff --git a/src/app/tree-grid/tree-grid-column-pinning-sample/tree-grid-column-pinning-sample.component.ts b/src/app/tree-grid/tree-grid-column-pinning-sample/tree-grid-column-pinning-sample.component.ts index 5bbe137e6d..a0c1ac92b2 100644 --- a/src/app/tree-grid/tree-grid-column-pinning-sample/tree-grid-column-pinning-sample.component.ts +++ b/src/app/tree-grid/tree-grid-column-pinning-sample/tree-grid-column-pinning-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, ViewChild, inject } from '@angular/core'; import { ColumnType } from 'igniteui-angular/core'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -12,7 +12,6 @@ const FILTERING_ICONS_FONT_SET = "filtering-icons"; selector: 'app-tree-grid-column-pinning-sample', styleUrls: ['./tree-grid-column-pinning-sample.component.scss'], templateUrl: './tree-grid-column-pinning-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCellHeaderTemplateDirective, IgxIconComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridColumnPinningSampleComponent implements AfterViewInit { diff --git a/src/app/tree-grid/tree-grid-column-pinning-sample/tree-grid-toolbar-pinning.component.ts b/src/app/tree-grid/tree-grid-column-pinning-sample/tree-grid-toolbar-pinning.component.ts index 5e07ab851f..e13c4985a7 100644 --- a/src/app/tree-grid/tree-grid-column-pinning-sample/tree-grid-toolbar-pinning.component.ts +++ b/src/app/tree-grid/tree-grid-column-pinning-sample/tree-grid-toolbar-pinning.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, OnInit, inject } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detailed'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-sample', styleUrls: ['tree-grid-toolbar-pinning.component.scss'], templateUrl: 'tree-grid-toolbar-pinning.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [NgClass, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarPinningComponent, IgxColumnComponent] }) diff --git a/src/app/tree-grid/tree-grid-column-resizing-sample/tree-grid-column-resizing-sample.component.ts b/src/app/tree-grid/tree-grid-column-resizing-sample/tree-grid-column-resizing-sample.component.ts index f39504b6f2..01a4928b8e 100644 --- a/src/app/tree-grid/tree-grid-column-resizing-sample/tree-grid-column-resizing-sample.component.ts +++ b/src/app/tree-grid/tree-grid-column-resizing-sample/tree-grid-column-resizing-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detailed'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-column-resizing-sample', styleUrls: ['./tree-grid-column-resizing-sample.component.scss'], templateUrl: './tree-grid-column-resizing-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridColumnResizingSampleComponent { diff --git a/src/app/tree-grid/tree-grid-conditional-cell-style-2/tree-grid-conditional-cell-style-2.component.ts b/src/app/tree-grid/tree-grid-conditional-cell-style-2/tree-grid-conditional-cell-style-2.component.ts index c40d29f618..27241b1213 100644 --- a/src/app/tree-grid/tree-grid-conditional-cell-style-2/tree-grid-conditional-cell-style-2.component.ts +++ b/src/app/tree-grid/tree-grid-conditional-cell-style-2/tree-grid-conditional-cell-style-2.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxHintDirective, IgxInputDirective, IgxInputGroupComponent } from 'igniteui-angular/input-group'; @@ -11,7 +11,6 @@ import { JsonPipe } from '@angular/common'; selector: 'app-grid-conditional-cell-style-2', styleUrls: ['./tree-grid-conditional-cell-style-2.component.scss'], templateUrl: './tree-grid-conditional-cell-style-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxInputDirective, IgxHintDirective, IgxButtonDirective, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, JsonPipe] }) export class TreeGridConditionalCellStyle2Component implements OnInit { diff --git a/src/app/tree-grid/tree-grid-conditional-cell-style-sample/tree-grid-conditional-cell-style-sample.component.ts b/src/app/tree-grid/tree-grid-conditional-cell-style-sample/tree-grid-conditional-cell-style-sample.component.ts index 8a3b5da53d..1c620c0429 100644 --- a/src/app/tree-grid/tree-grid-conditional-cell-style-sample/tree-grid-conditional-cell-style-sample.component.ts +++ b/src/app/tree-grid/tree-grid-conditional-cell-style-sample/tree-grid-conditional-cell-style-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { ORDERS_DATA } from '../data/orders'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-conditional-cell-style-sample', styleUrls: ['./tree-grid-conditional-cell-style-sample.component.scss'], templateUrl: './tree-grid-conditional-cell-style-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) diff --git a/src/app/tree-grid/tree-grid-conditional-row-selectors/tree-grid-conditional-row-selectors.component.ts b/src/app/tree-grid/tree-grid-conditional-row-selectors/tree-grid-conditional-row-selectors.component.ts index 3ebc8b32a1..ebf06565f4 100644 --- a/src/app/tree-grid/tree-grid-conditional-row-selectors/tree-grid-conditional-row-selectors.component.ts +++ b/src/app/tree-grid/tree-grid-conditional-row-selectors/tree-grid-conditional-row-selectors.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { IRowSelectionEventArgs, IgxColumnComponent, IgxRowSelectorDirective } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-conditional-row-selectors', styleUrls: ['./tree-grid-conditional-row-selectors.component.scss'], templateUrl: 'tree-grid-conditional-row-selectors.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxRowSelectorDirective, IgxCheckboxComponent] }) diff --git a/src/app/tree-grid/tree-grid-disable-summaries/tree-grid-disable-summaries.component.ts b/src/app/tree-grid/tree-grid-disable-summaries/tree-grid-disable-summaries.component.ts index 1401ab624e..e0c70cf243 100644 --- a/src/app/tree-grid/tree-grid-disable-summaries/tree-grid-disable-summaries.component.ts +++ b/src/app/tree-grid/tree-grid-disable-summaries/tree-grid-disable-summaries.component.ts @@ -134,7 +134,6 @@ class DeliveredSummary { selector: "app-tree-grid-summary-sample", styleUrls: ["./tree-grid-disable-summaries.component.scss"], templateUrl: "./tree-grid-disable-summaries.component.html", - changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxTreeGridComponent, IgxPreventDocumentScrollDirective, diff --git a/src/app/tree-grid/tree-grid-displaydensity-sample/tree-grid-displaydensity-sample.component.ts b/src/app/tree-grid/tree-grid-displaydensity-sample/tree-grid-displaydensity-sample.component.ts index 290e98c3a4..0c2f97787e 100644 --- a/src/app/tree-grid/tree-grid-displaydensity-sample/tree-grid-displaydensity-sample.component.ts +++ b/src/app/tree-grid/tree-grid-displaydensity-sample/tree-grid-displaydensity-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostBinding, OnInit, ViewChild } from '@angular/core'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxColumnGroupComponent, IgxNumberSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxSummaryResult } from 'igniteui-angular/core'; @@ -28,7 +28,6 @@ class CustomNumberSummary { selector: 'app-tree-grid-displaydensity-sample', styleUrls: ['./tree-grid-displaydensity-sample.component.scss'], templateUrl: './tree-grid-displaydensity-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnGroupComponent, IgxCellTemplateDirective, DatePipe] }) export class TreeGridDisplaydensitySampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-editing-events/tree-grid-editing-events.component.ts b/src/app/tree-grid/tree-grid-editing-events/tree-grid-editing-events.component.ts index e06120d847..c755d5014a 100644 --- a/src/app/tree-grid/tree-grid-editing-events/tree-grid-editing-events.component.ts +++ b/src/app/tree-grid/tree-grid-editing-events/tree-grid-editing-events.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IGridEditEventArgs, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxToastComponent } from 'igniteui-angular/toast'; import { VerticalAlignment } from 'igniteui-angular/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-editing-events', templateUrl: 'tree-grid-editing-events.component.html', styleUrls: ['tree-grid-editing-events.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxToastComponent] }) export class TreeGridEditingEventsComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-editing-sample/tree-grid-editing-sample.component.ts b/src/app/tree-grid/tree-grid-editing-sample/tree-grid-editing-sample.component.ts index f02e755261..b2b54cc26e 100644 --- a/src/app/tree-grid/tree-grid-editing-sample/tree-grid-editing-sample.component.ts +++ b/src/app/tree-grid/tree-grid-editing-sample/tree-grid-editing-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxSummaryResult } from 'igniteui-angular/core'; @@ -36,7 +36,6 @@ class CustomNumberSummary { selector: 'app-tree-grid-editing-sample', styleUrls: ['./tree-grid-editing-sample.component.scss'], templateUrl: './tree-grid-editing-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxIconComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxIconButtonDirective, IgxDialogComponent, IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxDatePickerComponent, IgxCheckboxComponent] }) export class TreeGridEditingSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-editing-style/tree-grid-editing-sample.component.ts b/src/app/tree-grid/tree-grid-editing-style/tree-grid-editing-sample.component.ts index d9a6f1d6f9..fce61da1d7 100644 --- a/src/app/tree-grid/tree-grid-editing-style/tree-grid-editing-sample.component.ts +++ b/src/app/tree-grid/tree-grid-editing-style/tree-grid-editing-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-editing-sample', styleUrls: ['./tree-grid-editing-sample.component.scss'], templateUrl: './tree-grid-editing-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxIconComponent] }) export class TreeGridEditingStyleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-employees-sample/tree-grid-employees-sample.component.ts b/src/app/tree-grid/tree-grid-employees-sample/tree-grid-employees-sample.component.ts index 49709c870b..9eae464d37 100644 --- a/src/app/tree-grid/tree-grid-employees-sample/tree-grid-employees-sample.component.ts +++ b/src/app/tree-grid/tree-grid-employees-sample/tree-grid-employees-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { GridSelectionMode, IgxCSVTextDirective, IgxColumnComponent, IgxExcelTextDirective, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-employees-sample', styleUrls: ['./tree-grid-employees-sample.component.scss'], templateUrl: './tree-grid-employees-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxExcelTextDirective, IgxCSVTextDirective, IgxColumnComponent] }) export class TreeGridEmployeesSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-excel-style-filtering-load-on-demand/tree-grid-excel-style-filtering-load-on-demand.component.ts b/src/app/tree-grid/tree-grid-excel-style-filtering-load-on-demand/tree-grid-excel-style-filtering-load-on-demand.component.ts index 225decf03b..7e58fd3cca 100644 --- a/src/app/tree-grid/tree-grid-excel-style-filtering-load-on-demand/tree-grid-excel-style-filtering-load-on-demand.component.ts +++ b/src/app/tree-grid/tree-grid-excel-style-filtering-load-on-demand/tree-grid-excel-style-filtering-load-on-demand.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, inject } from '@angular/core'; import { ColumnType, IFilteringExpressionsTree } from 'igniteui-angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro styleUrls: ['./tree-grid-excel-style-filtering-load-on-demand.component.scss'], templateUrl: './tree-grid-excel-style-filtering-load-on-demand.component.html', providers: [RemoteValuesService], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxIconComponent] }) export class TreeGridExcelStyleFilteringLoadOnDemandComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-excel-style-filtering-sample-1/tree-grid-excel-style-filtering-sample-1.component.ts b/src/app/tree-grid/tree-grid-excel-style-filtering-sample-1/tree-grid-excel-style-filtering-sample-1.component.ts index bc9ba4c35a..511bc406f6 100644 --- a/src/app/tree-grid/tree-grid-excel-style-filtering-sample-1/tree-grid-excel-style-filtering-sample-1.component.ts +++ b/src/app/tree-grid/tree-grid-excel-style-filtering-sample-1/tree-grid-excel-style-filtering-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostBinding, OnInit, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { TreeGridFilteringStrategy } from 'igniteui-angular/core'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-excel-style-filtering-sample-1', styleUrls: ['./tree-grid-excel-style-filtering-sample-1.component.scss'], templateUrl: 'tree-grid-excel-style-filtering-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxColumnComponent, IgxCellTemplateDirective] }) diff --git a/src/app/tree-grid/tree-grid-excel-style-filtering-sample-2/tree-grid-excel-style-filtering-sample-2.component.ts b/src/app/tree-grid/tree-grid-excel-style-filtering-sample-2/tree-grid-excel-style-filtering-sample-2.component.ts index 134361f243..ae4602b29e 100644 --- a/src/app/tree-grid/tree-grid-excel-style-filtering-sample-2/tree-grid-excel-style-filtering-sample-2.component.ts +++ b/src/app/tree-grid/tree-grid-excel-style-filtering-sample-2/tree-grid-excel-style-filtering-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { ORDERS_DATA } from '../data/orders'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-excel-style-filtering-sample-2', styleUrls: ['./tree-grid-excel-style-filtering-sample-2.component.scss'], templateUrl: 'tree-grid-excel-style-filtering-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxColumnComponent, IgxCellTemplateDirective] }) diff --git a/src/app/tree-grid/tree-grid-excel-style-filtering-sample-3/tree-grid-excel-style-filtering-sample-3.component.ts b/src/app/tree-grid/tree-grid-excel-style-filtering-sample-3/tree-grid-excel-style-filtering-sample-3.component.ts index 0419b9074e..197b3298f6 100644 --- a/src/app/tree-grid/tree-grid-excel-style-filtering-sample-3/tree-grid-excel-style-filtering-sample-3.component.ts +++ b/src/app/tree-grid/tree-grid-excel-style-filtering-sample-3/tree-grid-excel-style-filtering-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxExcelStyleColumnOperationsTemplateDirective, IgxExcelStyleFilterOperationsTemplateDirective, IgxExcelStyleHeaderComponent, IgxExcelStyleHeaderIconDirective, IgxExcelStyleSearchComponent, IgxExcelStyleSortingComponent, IgxGridExcelStyleFilteringComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent } from 'igniteui-angular/grids/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-excel-style-filtering-sample-3', styleUrls: ['./tree-grid-excel-style-filtering-sample-3.component.scss'], templateUrl: 'tree-grid-excel-style-filtering-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxExcelStyleHeaderIconDirective, IgxIconComponent, IgxGridExcelStyleFilteringComponent, IgxExcelStyleColumnOperationsTemplateDirective, IgxExcelStyleHeaderComponent, IgxExcelStyleSortingComponent, IgxExcelStyleFilterOperationsTemplateDirective, IgxExcelStyleSearchComponent, IgxColumnComponent, IgxCellTemplateDirective] }) diff --git a/src/app/tree-grid/tree-grid-excel-style-filtering-style/tree-grid-excel-style-filtering-style.component.ts b/src/app/tree-grid/tree-grid-excel-style-filtering-style/tree-grid-excel-style-filtering-style.component.ts index 6c12db07bd..a27701a5af 100644 --- a/src/app/tree-grid/tree-grid-excel-style-filtering-style/tree-grid-excel-style-filtering-style.component.ts +++ b/src/app/tree-grid/tree-grid-excel-style-filtering-style/tree-grid-excel-style-filtering-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { ORDERS_DATA } from '../data/orders'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-excel-style-filtering-style', styleUrls: ['./tree-grid-excel-style-filtering-style.component.scss'], templateUrl: 'tree-grid-excel-style-filtering-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) export class TreeGridExcelStyleFilteringStyleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-export-visualization/tree-grid-export-visualization.component.ts b/src/app/tree-grid/tree-grid-export-visualization/tree-grid-export-visualization.component.ts index ad5fbc8d7c..372c07da18 100644 --- a/src/app/tree-grid/tree-grid-export-visualization/tree-grid-export-visualization.component.ts +++ b/src/app/tree-grid/tree-grid-export-visualization/tree-grid-export-visualization.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { ORDERS_DATA } from '../data/orders'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-tree-grid-export-visualization', templateUrl: './tree-grid-export-visualization.component.html', styleUrls: ['./tree-grid-export-visualization.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxButtonDirective, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, CurrencyPipe] }) export class TreeGridExportVisualizationComponent { diff --git a/src/app/tree-grid/tree-grid-external-advanced-filtering/tree-grid-external-advanced-filtering.component.ts b/src/app/tree-grid/tree-grid-external-advanced-filtering/tree-grid-external-advanced-filtering.component.ts index 4099abddd9..8494f8152a 100644 --- a/src/app/tree-grid/tree-grid-external-advanced-filtering/tree-grid-external-advanced-filtering.component.ts +++ b/src/app/tree-grid/tree-grid-external-advanced-filtering/tree-grid-external-advanced-filtering.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { ORDERS_DATA } from '../data/orders'; import { IgxAdvancedFilteringDialogComponent, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-external-advanced-filtering', templateUrl: './tree-grid-external-advanced-filtering.component.html', styleUrls: ['./tree-grid-external-advanced-filtering.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAdvancedFilteringDialogComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) export class TreeGridExternalAdvancedFilteringComponent { diff --git a/src/app/tree-grid/tree-grid-external-excel-style-filtering/tree-grid-external-excel-style-filtering.component.ts b/src/app/tree-grid/tree-grid-external-excel-style-filtering/tree-grid-external-excel-style-filtering.component.ts index ceb5b638b9..ec52d497c5 100644 --- a/src/app/tree-grid/tree-grid-external-excel-style-filtering/tree-grid-external-excel-style-filtering.component.ts +++ b/src/app/tree-grid/tree-grid-external-excel-style-filtering/tree-grid-external-excel-style-filtering.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy, OnInit } from '@angular/core'; +import { Component, ViewChild, OnInit } from '@angular/core'; import { ORDERS_DATA } from '../data/orders'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -8,7 +8,6 @@ import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scroll.directive'; @Component({ - changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-tree-grid-external-excel-style-filtering', templateUrl: './tree-grid-external-excel-style-filtering.component.html', styleUrls: ['./tree-grid-external-excel-style-filtering.component.scss'], diff --git a/src/app/tree-grid/tree-grid-external-outlet/tree-grid-external-outlet-sample.component.ts b/src/app/tree-grid/tree-grid-external-outlet/tree-grid-external-outlet-sample.component.ts index 83b3f283cc..91aae84917 100644 --- a/src/app/tree-grid/tree-grid-external-outlet/tree-grid-external-outlet-sample.component.ts +++ b/src/app/tree-grid/tree-grid-external-outlet/tree-grid-external-outlet-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { ORDERS_DATA } from '../data/orders'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-external-outlet', styleUrls: ['./tree-grid-external-outlet-sample.component.scss'], templateUrl: 'tree-grid-external-outlet-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxOverlayOutletDirective] }) diff --git a/src/app/tree-grid/tree-grid-filtering-custom-sample/tree-grid-filtering-custom-sample.component.ts b/src/app/tree-grid/tree-grid-filtering-custom-sample/tree-grid-filtering-custom-sample.component.ts index e014240e4b..82ebd800dd 100644 --- a/src/app/tree-grid/tree-grid-filtering-custom-sample/tree-grid-filtering-custom-sample.component.ts +++ b/src/app/tree-grid/tree-grid-filtering-custom-sample/tree-grid-filtering-custom-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { IFilteringOperation, IgxBooleanFilteringOperand, IgxStringFilteringOperand } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-filtering-custom-sample', styleUrls: ['./tree-grid-filtering-custom-sample.component.scss'], templateUrl: './tree-grid-filtering-custom-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) export class TreeGridFilteringCustomSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-filtering-sample/tree-grid-filtering-sample.component.ts b/src/app/tree-grid/tree-grid-filtering-sample/tree-grid-filtering-sample.component.ts index 34b9e0fe40..7b9b960939 100644 --- a/src/app/tree-grid/tree-grid-filtering-sample/tree-grid-filtering-sample.component.ts +++ b/src/app/tree-grid/tree-grid-filtering-sample/tree-grid-filtering-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxStringFilteringOperand } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxInputDirective, IgxInputGroupComponent } from 'igniteui-angular/input-group'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-filtering-sample', styleUrls: ['./tree-grid-filtering-sample.component.scss'], templateUrl: 'tree-grid-filtering-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxInputDirective, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) diff --git a/src/app/tree-grid/tree-grid-filtering-style/tree-grid-filtering-style.component.ts b/src/app/tree-grid/tree-grid-filtering-style/tree-grid-filtering-style.component.ts index 5be2ca820a..eacfbd76d5 100644 --- a/src/app/tree-grid/tree-grid-filtering-style/tree-grid-filtering-style.component.ts +++ b/src/app/tree-grid/tree-grid-filtering-style/tree-grid-filtering-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { ORDERS_DATA } from '../data/orders'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-filtering-style', styleUrls: ['./tree-grid-filtering-style.component.scss'], templateUrl: './tree-grid-filtering-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) export class TreeGridFilteringStyleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-filtering-template-sample/tree-grid-filtering-template-sample.component.ts b/src/app/tree-grid/tree-grid-filtering-template-sample/tree-grid-filtering-template-sample.component.ts index 887b5a4674..5c5498c13d 100644 --- a/src/app/tree-grid/tree-grid-filtering-template-sample/tree-grid-filtering-template-sample.component.ts +++ b/src/app/tree-grid/tree-grid-filtering-template-sample/tree-grid-filtering-template-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { ColumnType, GridColumnDataType, IgxDateFilteringOperand, IgxNumberFilteringOperand, IgxPickerClearComponent, IgxPickerToggleComponent, IgxStringFilteringOperand } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxFilterCellTemplateDirective } from 'igniteui-angular/grids/core'; @@ -13,7 +13,6 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-tree-grid-filtering-template-sample', styleUrls: ['./tree-grid-filtering-template-sample.component.scss'], templateUrl: 'tree-grid-filtering-template-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxFilterCellTemplateDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, IgxInputDirective, IgxSuffixDirective, IgxDatePickerComponent, IgxPickerToggleComponent, IgxPickerClearComponent, CurrencyPipe] }) diff --git a/src/app/tree-grid/tree-grid-formatted-filtering-strategy/tree-grid-formatted-filtering-strategy.component.ts b/src/app/tree-grid/tree-grid-formatted-filtering-strategy/tree-grid-formatted-filtering-strategy.component.ts index 9410d2eb79..3db0bca449 100644 --- a/src/app/tree-grid/tree-grid-formatted-filtering-strategy/tree-grid-formatted-filtering-strategy.component.ts +++ b/src/app/tree-grid/tree-grid-formatted-filtering-strategy/tree-grid-formatted-filtering-strategy.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { TreeGridFormattedValuesFilteringStrategy } from 'igniteui-angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-formatted-filtering-strategy', styleUrls: ['./tree-grid-formatted-filtering-strategy.component.scss'], templateUrl: 'tree-grid-formatted-filtering-strategy.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) diff --git a/src/app/tree-grid/tree-grid-group-by-load-on-demand-sample/tree-grid-group-by-load-on-demand-sample.component.ts b/src/app/tree-grid/tree-grid-group-by-load-on-demand-sample/tree-grid-group-by-load-on-demand-sample.component.ts index 8fdc63a579..d8eb3943fd 100644 --- a/src/app/tree-grid/tree-grid-group-by-load-on-demand-sample/tree-grid-group-by-load-on-demand-sample.component.ts +++ b/src/app/tree-grid/tree-grid-group-by-load-on-demand-sample/tree-grid-group-by-load-on-demand-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, Input, OnInit, ViewChild } from '@angular/core'; import { DefaultSortingStrategy, IGroupingExpression } from 'igniteui-angular/core'; import { IgxTreeGridComponent, IgxTreeGridGroupByAreaComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-group-by-load-on-demand-sample', styleUrls: ['./tree-grid-group-by-load-on-demand-sample.component.scss'], templateUrl: './tree-grid-group-by-load-on-demand-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxTreeGridGroupByAreaComponent, IgxColumnComponent] }) diff --git a/src/app/tree-grid/tree-grid-keyboard-navigation/tree-grid-keyboard-navigation-sample.component.ts b/src/app/tree-grid/tree-grid-keyboard-navigation/tree-grid-keyboard-navigation-sample.component.ts index 17993eb8bf..440cb7a71f 100644 --- a/src/app/tree-grid/tree-grid-keyboard-navigation/tree-grid-keyboard-navigation-sample.component.ts +++ b/src/app/tree-grid/tree-grid-keyboard-navigation/tree-grid-keyboard-navigation-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { CellType, GridSelectionMode, IGridKeydownEventArgs, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-keyboard-navigation-sample', styleUrls: ['./tree-grid-keyboard-navigation-sample.component.scss'], templateUrl: './tree-grid-keyboard-navigation-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent] }) export class TreeGridKBNavigationComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-load-on-demand-sample/tree-grid-load-on-demand-sample.component.ts b/src/app/tree-grid/tree-grid-load-on-demand-sample/tree-grid-load-on-demand-sample.component.ts index 24f65e9b00..28f0e4834c 100644 --- a/src/app/tree-grid/tree-grid-load-on-demand-sample/tree-grid-load-on-demand-sample.component.ts +++ b/src/app/tree-grid/tree-grid-load-on-demand-sample/tree-grid-load-on-demand-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { TreeGridLoadOnDemandService } from './remoteService'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-load-on-demand-sample', styleUrls: ['./tree-grid-load-on-demand-sample.component.scss'], templateUrl: './tree-grid-load-on-demand-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridLoadOnDemandSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-multi-cell-selection-style/tree-grid-multi-cell-selection-style.component.ts b/src/app/tree-grid/tree-grid-multi-cell-selection-style/tree-grid-multi-cell-selection-style.component.ts index 85d8e447c6..269f9f376e 100644 --- a/src/app/tree-grid/tree-grid-multi-cell-selection-style/tree-grid-multi-cell-selection-style.component.ts +++ b/src/app/tree-grid/tree-grid-multi-cell-selection-style/tree-grid-multi-cell-selection-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { ORDERS_DATA } from '../data/orders'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-multi-cell-selection-style-sample', styleUrls: ['./tree-grid-multi-cell-selection-style.component.scss'], templateUrl: './tree-grid-multi-cell-selection-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridMultiCellSelectionStyleComponent { diff --git a/src/app/tree-grid/tree-grid-multi-cell-selection/tree-grid-multi-cell-selection.component.ts b/src/app/tree-grid/tree-grid-multi-cell-selection/tree-grid-multi-cell-selection.component.ts index d2d7240327..07e47bad26 100644 --- a/src/app/tree-grid/tree-grid-multi-cell-selection/tree-grid-multi-cell-selection.component.ts +++ b/src/app/tree-grid/tree-grid-multi-cell-selection/tree-grid-multi-cell-selection.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewEncapsulation } from '@angular/core'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxToastComponent } from 'igniteui-angular/toast'; @@ -12,7 +12,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-multi-cell-selection-sample', styleUrls: ['./tree-grid-multi-cell-selection.component.scss'], templateUrl: './tree-grid-multi-cell-selection.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxGridComponent, IgxToastComponent] }) export class TreeGridMultiCellSelectionComponent { diff --git a/src/app/tree-grid/tree-grid-multi-column-header-template-sample/tree-grid-multi-column-header-template-sample.component.ts b/src/app/tree-grid/tree-grid-multi-column-header-template-sample/tree-grid-multi-column-header-template-sample.component.ts index c4f428bd14..51abd2d449 100644 --- a/src/app/tree-grid/tree-grid-multi-column-header-template-sample/tree-grid-multi-column-header-template-sample.component.ts +++ b/src/app/tree-grid/tree-grid-multi-column-header-template-sample/tree-grid-multi-column-header-template-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-multi-column-header-template-sample', styleUrls: ['./tree-grid-multi-column-header-template-sample.component.scss'], templateUrl: './tree-grid-multi-column-header-template-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnGroupComponent] }) export class TreeGridMultiColumnHeaderTemplateSampleComponent { diff --git a/src/app/tree-grid/tree-grid-multi-column-headers-export/tree-grid-multi-column-headers-export.component.ts b/src/app/tree-grid/tree-grid-multi-column-headers-export/tree-grid-multi-column-headers-export.component.ts index 62f0eb2cc8..ab97f99b4b 100644 --- a/src/app/tree-grid/tree-grid-multi-column-headers-export/tree-grid-multi-column-headers-export.component.ts +++ b/src/app/tree-grid/tree-grid-multi-column-headers-export/tree-grid-multi-column-headers-export.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent, IgxColumnGroupComponent, IgxExporterEvent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-tree-grid-multi-column-headers-export-sample', styleUrls: ['./tree-grid-multi-column-headers-export.component.scss'], templateUrl: './tree-grid-multi-column-headers-export.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxSwitchComponent, FormsModule, IgxGridToolbarPinningComponent, IgxGridToolbarHidingComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxColumnGroupComponent] }) export class TreeGridMultiColumnHeadersExportComponent { diff --git a/src/app/tree-grid/tree-grid-multi-column-headers-sample/tree-grid-multi-column-headers-sample.component.ts b/src/app/tree-grid/tree-grid-multi-column-headers-sample/tree-grid-multi-column-headers-sample.component.ts index e304f6a915..7273c5fb70 100644 --- a/src/app/tree-grid/tree-grid-multi-column-headers-sample/tree-grid-multi-column-headers-sample.component.ts +++ b/src/app/tree-grid/tree-grid-multi-column-headers-sample/tree-grid-multi-column-headers-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-multi-column-headers-sample', styleUrls: ['./tree-grid-multi-column-headers-sample.component.scss'], templateUrl: './tree-grid-multi-column-headers-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnGroupComponent, IgxButtonDirective] }) export class TreeGridMultiColumnHeadersSampleComponent { diff --git a/src/app/tree-grid/tree-grid-multi-column-headers-styling/tree-grid-multi-column-headers-styling.component.ts b/src/app/tree-grid/tree-grid-multi-column-headers-styling/tree-grid-multi-column-headers-styling.component.ts index 097ea0dfba..dbd590f562 100644 --- a/src/app/tree-grid/tree-grid-multi-column-headers-styling/tree-grid-multi-column-headers-styling.component.ts +++ b/src/app/tree-grid/tree-grid-multi-column-headers-styling/tree-grid-multi-column-headers-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detailed'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-multi-column-headers-styling', styleUrls: ['./tree-grid-multi-column-headers-styling.component.scss'], templateUrl: './tree-grid-multi-column-headers-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnGroupComponent] }) export class TreeGridMultiColumnHeadersStylingComponent { diff --git a/src/app/tree-grid/tree-grid-multi-row-drag/tree-grid-multi-row-drag.component.ts b/src/app/tree-grid/tree-grid-multi-row-drag/tree-grid-multi-row-drag.component.ts index b98056d38f..3881c33fa2 100644 --- a/src/app/tree-grid/tree-grid-multi-row-drag/tree-grid-multi-row-drag.component.ts +++ b/src/app/tree-grid/tree-grid-multi-row-drag/tree-grid-multi-row-drag.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent, IgxRowDragGhostDirective } from 'igniteui-angular/grids/core'; import { IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-multi-row-drag', styleUrls: ['tree-grid-multi-row-drag.component.scss'], templateUrl: 'tree-grid-multi-row-drag.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDropDirective, IgxIconComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxRowDragGhostDirective] }) export class TreeGridMultiRowDragComponent { diff --git a/src/app/tree-grid/tree-grid-pager-sample/tree-grid-pager-sample.component.ts b/src/app/tree-grid/tree-grid-pager-sample/tree-grid-pager-sample.component.ts index 062eb128e2..8216487ded 100644 --- a/src/app/tree-grid/tree-grid-pager-sample/tree-grid-pager-sample.component.ts +++ b/src/app/tree-grid/tree-grid-pager-sample/tree-grid-pager-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, AfterViewInit, PLATFORM_ID, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild, AfterViewInit, PLATFORM_ID, inject } from '@angular/core'; import { IPaginatorResourceStrings } from 'igniteui-angular/core'; import { IgxPageNavigationComponent, IgxPageSizeSelectorComponent, IgxPaginatorComponent, IgxPaginatorContentDirective } from 'igniteui-angular/paginator'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -14,7 +14,6 @@ import { isPlatformBrowser } from '@angular/common'; selector: 'app-tree-grid-pager-sample', styleUrls: ['./tree-grid-pager-sample.component.scss'], templateUrl: './tree-grid-pager-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxPaginatorContentDirective, IgxPageSizeSelectorComponent, IgxPageNavigationComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxSwitchComponent, FormsModule] }) export class TreeGridPagerSampleComponent implements OnInit, AfterViewInit { diff --git a/src/app/tree-grid/tree-grid-paging-sample/tree-grid-paging-sample.component.ts b/src/app/tree-grid/tree-grid-paging-sample/tree-grid-paging-sample.component.ts index b99f3df167..5992fb9ae1 100644 --- a/src/app/tree-grid/tree-grid-paging-sample/tree-grid-paging-sample.component.ts +++ b/src/app/tree-grid/tree-grid-paging-sample/tree-grid-paging-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild, ViewEncapsulation } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-paging-sample', styleUrls: ['./tree-grid-paging-sample.component.scss'], templateUrl: 'tree-grid-paging-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective] }) diff --git a/src/app/tree-grid/tree-grid-paging-style/tree-grid-paging-style-sample.component.ts b/src/app/tree-grid/tree-grid-paging-style/tree-grid-paging-style-sample.component.ts index 6470b2eb9e..a42c3d8a7f 100644 --- a/src/app/tree-grid/tree-grid-paging-style/tree-grid-paging-style-sample.component.ts +++ b/src/app/tree-grid/tree-grid-paging-style/tree-grid-paging-style-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { ORDERS_DATA } from '../data/orders'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-paging-sample', styleUrls: ['./tree-grid-paging-style-sample.component.scss'], templateUrl: 'tree-grid-paging-style-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective] }) diff --git a/src/app/tree-grid/tree-grid-remote-filtering-sample/tree-grid-remote-filtering-sample.component.ts b/src/app/tree-grid/tree-grid-remote-filtering-sample/tree-grid-remote-filtering-sample.component.ts index 9ff17480c5..8fc99074c5 100644 --- a/src/app/tree-grid/tree-grid-remote-filtering-sample/tree-grid-remote-filtering-sample.component.ts +++ b/src/app/tree-grid/tree-grid-remote-filtering-sample/tree-grid-remote-filtering-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild, inject } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { NoopFilteringStrategy } from 'igniteui-angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -16,7 +16,6 @@ const DEBOUNCE_TIME = 300; selector: 'app-tree-grid-remote-filtering-sample', styleUrls: ['./tree-grid-remote-filtering-sample.component.scss'], templateUrl: './tree-grid-remote-filtering-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxIconComponent, AsyncPipe] }) export class TreeGridRemoteFilteringSampleComponent implements OnInit, AfterViewInit, OnDestroy { diff --git a/src/app/tree-grid/tree-grid-remote-paging-default-template/tree-grid-remote-paging-default-template.component.ts b/src/app/tree-grid/tree-grid-remote-paging-default-template/tree-grid-remote-paging-default-template.component.ts index 87f3a47180..80da548f23 100644 --- a/src/app/tree-grid/tree-grid-remote-paging-default-template/tree-grid-remote-paging-default-template.component.ts +++ b/src/app/tree-grid/tree-grid-remote-paging-default-template/tree-grid-remote-paging-default-template.component.ts @@ -1,5 +1,5 @@ import { formatNumber, AsyncPipe } from '@angular/common'; -import { AfterViewInit, ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild, ViewEncapsulation, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild, ViewEncapsulation, inject } from '@angular/core'; import { GridPagingMode, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -14,7 +14,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-remote-paging-default-template', styleUrls: ['./tree-grid-remote-paging-default-template.component.scss'], templateUrl: './tree-grid-remote-paging-default-template.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxIconComponent, AsyncPipe] }) export class TreeGridRemotePagingDefaultTemplateComponent implements OnInit, AfterViewInit, OnDestroy { diff --git a/src/app/tree-grid/tree-grid-remote-paging-sample/tree-grid-remote-paging-sample.component.ts b/src/app/tree-grid/tree-grid-remote-paging-sample/tree-grid-remote-paging-sample.component.ts index 6f22ef1850..8a013dd4e9 100644 --- a/src/app/tree-grid/tree-grid-remote-paging-sample/tree-grid-remote-paging-sample.component.ts +++ b/src/app/tree-grid/tree-grid-remote-paging-sample/tree-grid-remote-paging-sample.component.ts @@ -1,5 +1,5 @@ import { formatNumber, AsyncPipe } from '@angular/common'; -import { AfterViewInit, Component, OnDestroy, OnInit, ViewChild, ViewEncapsulation, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, OnDestroy, OnInit, ViewChild, ViewEncapsulation, inject } from '@angular/core'; import { GridPagingMode, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -14,7 +14,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-remote-paging-grid-sample', styleUrls: ['./tree-grid-remote-paging-sample.component.scss'], templateUrl: './tree-grid-remote-paging-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxIconComponent, IgxPaginatorComponent, IgxPaginatorContentDirective, IgxPageSizeSelectorComponent, IgxPageNavigationComponent, AsyncPipe] }) export class TreeGridRemotePagingSampleComponent implements OnInit, AfterViewInit, OnDestroy { diff --git a/src/app/tree-grid/tree-grid-resize-line-styling-sample/tree-grid-resize-line-styling-sample.component.ts b/src/app/tree-grid/tree-grid-resize-line-styling-sample/tree-grid-resize-line-styling-sample.component.ts index 02028b6ae3..90a6340953 100644 --- a/src/app/tree-grid/tree-grid-resize-line-styling-sample/tree-grid-resize-line-styling-sample.component.ts +++ b/src/app/tree-grid/tree-grid-resize-line-styling-sample/tree-grid-resize-line-styling-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detailed'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-resize-line-styling-sample', styleUrls: ['./tree-grid-resize-line-styling-sample.component.scss'], templateUrl: './tree-grid-resize-line-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridResizeLineStylingSampleComponent { diff --git a/src/app/tree-grid/tree-grid-row-drag-base/tree-grid-row-drag-base.component.ts b/src/app/tree-grid/tree-grid-row-drag-base/tree-grid-row-drag-base.component.ts index 989839dcd6..7deb4993d4 100644 --- a/src/app/tree-grid/tree-grid-row-drag-base/tree-grid-row-drag-base.component.ts +++ b/src/app/tree-grid/tree-grid-row-drag-base/tree-grid-row-drag-base.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent, RowType } from 'igniteui-angular/grids/core'; @@ -18,7 +18,6 @@ enum DragIcon { selector: 'app-tree-grid-row-drag-base', styleUrls: ['tree-grid-row-drag-base.component.scss'], templateUrl: 'tree-grid-row-drag-base.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDropDirective, IgxIconComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent] }) export class TreeGridRowDragBaseComponent { diff --git a/src/app/tree-grid/tree-grid-row-drag/tree-grid-row-drag.component.ts b/src/app/tree-grid/tree-grid-row-drag/tree-grid-row-drag.component.ts index e3e7a26d28..b347464755 100644 --- a/src/app/tree-grid/tree-grid-row-drag/tree-grid-row-drag.component.ts +++ b/src/app/tree-grid/tree-grid-row-drag/tree-grid-row-drag.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent, IgxDragIndicatorIconDirective, RowType } from 'igniteui-angular/grids/core'; @@ -18,7 +18,6 @@ enum DragIcon { selector: 'app-tree-grid-row-drag', styleUrls: ['tree-grid-row-drag.component.scss'], templateUrl: 'tree-grid-row-drag.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDropDirective, IgxIconComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxDragIndicatorIconDirective] }) export class TreeGridRowDragComponent { diff --git a/src/app/tree-grid/tree-grid-row-edit-style/tree-grid-row-edit-style.component.ts b/src/app/tree-grid/tree-grid-row-edit-style/tree-grid-row-edit-style.component.ts index 70586d83f6..5e076efd01 100644 --- a/src/app/tree-grid/tree-grid-row-edit-style/tree-grid-row-edit-style.component.ts +++ b/src/app/tree-grid/tree-grid-row-edit-style/tree-grid-row-edit-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent, IgxRowEditActionsDirective, IgxRowEditTabStopDirective, IgxRowEditTextDirective } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-row-edit-style', styleUrls: ['tree-grid-row-edit-style.component.scss'], templateUrl: 'tree-grid-row-edit-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowEditTextDirective, IgxRowEditActionsDirective, IgxIconButtonDirective, IgxRowEditTabStopDirective, IgxIconComponent] }) export class TreeGridRowEditStyleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-row-edit/tree-grid-row-editing-sample.component.ts b/src/app/tree-grid/tree-grid-row-edit/tree-grid-row-editing-sample.component.ts index 53edc9dc2b..ee40774d08 100644 --- a/src/app/tree-grid/tree-grid-row-edit/tree-grid-row-editing-sample.component.ts +++ b/src/app/tree-grid/tree-grid-row-edit/tree-grid-row-editing-sample.component.ts @@ -1,5 +1,5 @@ /* eslint-disable max-len */ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { generateEmployeeFlatData, IEmployee } from '../data/employees-flat'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-row-editing-sample', styleUrls: ['tree-grid-row-editing-sample.component.scss'], templateUrl: 'tree-grid-row-editing-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridRowEditSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-row-pinning-extra-column/tree-grid-row-pinning-extra-column.component.ts b/src/app/tree-grid/tree-grid-row-pinning-extra-column/tree-grid-row-pinning-extra-column.component.ts index 963a98ec6d..431eafea05 100644 --- a/src/app/tree-grid/tree-grid-row-pinning-extra-column/tree-grid-row-pinning-extra-column.component.ts +++ b/src/app/tree-grid/tree-grid-row-pinning-extra-column/tree-grid-row-pinning-extra-column.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, OnInit, ViewChild, inject } from '@angular/core'; import { ColumnPinningPosition } from 'igniteui-angular/core'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -15,7 +15,6 @@ const FILTERING_ICONS_FONT_SET = 'filtering-icons'; selector: 'app-tree-grid-row-pinning-extra-column', styleUrls: ['tree-grid-row-pinning-extra-column.component.scss'], templateUrl: 'tree-grid-row-pinning-extra-column.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxIconComponent] }) export class TreeGridRowPinningExtraColumnSampleComponent implements OnInit, AfterViewInit { diff --git a/src/app/tree-grid/tree-grid-row-pinning-styling/tree-grid-row-pinning-styling.component.ts b/src/app/tree-grid/tree-grid-row-pinning-styling/tree-grid-row-pinning-styling.component.ts index 401c4dce38..bcfc331cf1 100644 --- a/src/app/tree-grid/tree-grid-row-pinning-styling/tree-grid-row-pinning-styling.component.ts +++ b/src/app/tree-grid/tree-grid-row-pinning-styling/tree-grid-row-pinning-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { ColumnPinningPosition } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IPinningConfig, IgxColumnComponent, IgxGridPinningActionsComponent, RowPinningPosition } from 'igniteui-angular/grids/core'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-row-pinning-styling', styleUrls: ['tree-grid-row-pinning-styling.component.scss'], templateUrl: 'tree-grid-row-pinning-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxActionStripComponent, IgxGridPinningActionsComponent] }) export class TreeGridRowPinningStylingSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-row-pinning/tree-grid-row-pinning.component.ts b/src/app/tree-grid/tree-grid-row-pinning/tree-grid-row-pinning.component.ts index c1023e41af..f8edae13c7 100644 --- a/src/app/tree-grid/tree-grid-row-pinning/tree-grid-row-pinning.component.ts +++ b/src/app/tree-grid/tree-grid-row-pinning/tree-grid-row-pinning.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { ColumnPinningPosition } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IPinningConfig, IgxColumnComponent, IgxGridEditingActionsComponent, IgxGridPinningActionsComponent, RowPinningPosition } from 'igniteui-angular/grids/core'; @@ -12,7 +12,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-row-pinning', styleUrls: ['tree-grid-row-pinning.component.scss'], templateUrl: 'tree-grid-row-pinning.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxActionStripComponent, IgxGridPinningActionsComponent, IgxGridEditingActionsComponent] }) export class TreeGridRowPinningSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-row-reorder/tree-grid-row-reorder.component.ts b/src/app/tree-grid/tree-grid-row-reorder/tree-grid-row-reorder.component.ts index 62a3a94cd7..4a2d0709b3 100644 --- a/src/app/tree-grid/tree-grid-row-reorder/tree-grid-row-reorder.component.ts +++ b/src/app/tree-grid/tree-grid-row-reorder/tree-grid-row-reorder.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { GridSelectionMode, IgxColumnComponent, RowType } from 'igniteui-angular/grids/core'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-row-reorder', styleUrls: ['tree-grid-row-reorder.component.scss'], templateUrl: 'tree-grid-row-reorder.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxDropDirective, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent] }) export class TreeGridRowReorderComponent { diff --git a/src/app/tree-grid/tree-grid-rowClasses-sample/tree-grid-rowClasses.component.ts b/src/app/tree-grid/tree-grid-rowClasses-sample/tree-grid-rowClasses.component.ts index cf9bf27700..4f7615de38 100644 --- a/src/app/tree-grid/tree-grid-rowClasses-sample/tree-grid-rowClasses.component.ts +++ b/src/app/tree-grid/tree-grid-rowClasses-sample/tree-grid-rowClasses.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent, RowType } from 'igniteui-angular/grids/core'; import { generateEmployeeFlatData, IEmployee } from '../data/employees-flat'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-row-classes-sample', styleUrls: ['tree-grid-rowClasses.component.scss'], templateUrl: 'tree-grid-rowClasses.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridRowClassesComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-rowStyles-sample/tree-grid-rowStyle.component.ts b/src/app/tree-grid/tree-grid-rowStyles-sample/tree-grid-rowStyle.component.ts index aaffb10371..b18c2bcc1a 100644 --- a/src/app/tree-grid/tree-grid-rowStyles-sample/tree-grid-rowStyle.component.ts +++ b/src/app/tree-grid/tree-grid-rowStyles-sample/tree-grid-rowStyle.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent, RowType } from 'igniteui-angular/grids/core'; import { generateEmployeeFlatData, IEmployee } from '../data/employees-flat'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-row-styles-sample', styleUrls: ['tree-grid-rowStyle.component.scss'], templateUrl: 'tree-grid-rowStyle.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridRowStylesComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-sample-both-pinning/tree-grid-both-sides-pinning.component.ts b/src/app/tree-grid/tree-grid-sample-both-pinning/tree-grid-both-sides-pinning.component.ts index 1bbb638ec9..520c1b8983 100644 --- a/src/app/tree-grid/tree-grid-sample-both-pinning/tree-grid-both-sides-pinning.component.ts +++ b/src/app/tree-grid/tree-grid-sample-both-pinning/tree-grid-both-sides-pinning.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, TemplateRef, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core'; import { ColumnPinningPosition, ColumnType } from 'igniteui-angular/core'; import { IPinningConfig, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -11,7 +11,6 @@ import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detaile selector: 'app-tree-grid-sample', styleUrls: ['tree-grid-both-sides-pinning.component.scss'], templateUrl: 'tree-grid-both-sides-pinning.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxTreeGridComponent, IgxGridToolbarComponent, diff --git a/src/app/tree-grid/tree-grid-sample-right-pinning/tree-grid-right-pinning.component.ts b/src/app/tree-grid/tree-grid-sample-right-pinning/tree-grid-right-pinning.component.ts index 9ff79271c0..00338b5c0b 100644 --- a/src/app/tree-grid/tree-grid-sample-right-pinning/tree-grid-right-pinning.component.ts +++ b/src/app/tree-grid/tree-grid-sample-right-pinning/tree-grid-right-pinning.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, TemplateRef, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core'; import { ColumnPinningPosition } from 'igniteui-angular/core'; import { IPinningConfig, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -10,7 +10,6 @@ import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detaile selector: 'app-tree-grid-sample', styleUrls: ['tree-grid-right-pinning.component.scss'], templateUrl: 'tree-grid-right-pinning.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarPinningComponent, IgxColumnComponent] }) diff --git a/src/app/tree-grid/tree-grid-save-state/about.component.ts b/src/app/tree-grid/tree-grid-save-state/about.component.ts index 0239f7c566..344dcf0177 100644 --- a/src/app/tree-grid/tree-grid-save-state/about.component.ts +++ b/src/app/tree-grid/tree-grid-save-state/about.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { RouterLink } from '@angular/router'; @Component({ selector: 'app-about', templateUrl: './about.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, RouterLink] }) export class TGridAboutComponent { diff --git a/src/app/tree-grid/tree-grid-save-state/tGrid-state.component.ts b/src/app/tree-grid/tree-grid-save-state/tGrid-state.component.ts index c7069bf9e8..01844d2142 100644 --- a/src/app/tree-grid/tree-grid-save-state/tGrid-state.component.ts +++ b/src/app/tree-grid/tree-grid-save-state/tGrid-state.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ViewChildren, QueryList, AfterViewInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild, ViewChildren, QueryList, AfterViewInit, inject } from '@angular/core'; import { Router, RouterLink } from '@angular/router'; import { FilteringExpressionsTree, FilteringLogic } from 'igniteui-angular/core'; import { GridFeatures, IGridState, IGridStateOptions, IgxColumnComponent, IgxGridStateDirective } from 'igniteui-angular/grids/core'; @@ -16,7 +16,6 @@ import { EMPLOYEE_DATA } from './data'; selector: 'app-tgrid', styleUrls: ['./tGrid-state.component.scss'], templateUrl: './tGrid-state.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxIconComponent, RouterLink, IgxCheckboxComponent, IgxTreeGridComponent, IgxGridStateDirective, IgxPaginatorComponent, IgxColumnComponent] }) diff --git a/src/app/tree-grid/tree-grid-search-sample/tree-grid-search-sample.component.ts b/src/app/tree-grid/tree-grid-search-sample/tree-grid-search-sample.component.ts index 562bcd4e30..2827e076ef 100644 --- a/src/app/tree-grid/tree-grid-search-sample/tree-grid-search-sample.component.ts +++ b/src/app/tree-grid/tree-grid-search-sample/tree-grid-search-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxInputDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -14,7 +14,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-search-sample', styleUrls: ['./tree-grid-search-sample.component.scss'], templateUrl: './tree-grid-search-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxChipsAreaComponent, IgxChipComponent, IgxIconButtonDirective, IgxRippleDirective, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridSearchSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-selection-sample/tree-grid-selection-sample.component.ts b/src/app/tree-grid/tree-grid-selection-sample/tree-grid-selection-sample.component.ts index 33945b738b..954802ffda 100644 --- a/src/app/tree-grid/tree-grid-selection-sample/tree-grid-selection-sample.component.ts +++ b/src/app/tree-grid/tree-grid-selection-sample/tree-grid-selection-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { GridSelectionMode, IRowSelectionEventArgs, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -14,7 +14,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-selection-sample', styleUrls: ['./tree-grid-selection-sample.component.scss'], templateUrl: './tree-grid-selection-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxButtonGroupComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxSnackbarComponent, IgxIconComponent] }) export class TreeGridSelectionSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-selection-template-numbers/tree-grid-selection-template-numbers.component.ts b/src/app/tree-grid/tree-grid-selection-template-numbers/tree-grid-selection-template-numbers.component.ts index 1fc5c84dfe..6dfe1cf7f0 100644 --- a/src/app/tree-grid/tree-grid-selection-template-numbers/tree-grid-selection-template-numbers.component.ts +++ b/src/app/tree-grid/tree-grid-selection-template-numbers/tree-grid-selection-template-numbers.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { generateEmployeeFlatData } from '../data/employees-flat'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-selection-template-numbers', styleUrls: ['./tree-grid-selection-template-numbers.component.scss'], templateUrl: './tree-grid-selection-template-numbers.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxHeadSelectorDirective, IgxRowSelectorDirective, IgxCheckboxComponent] }) export class TreeGridSelectionTemplateNumbersSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-sorting-sample/tree-grid-contextmenu/tree-grid-contextmenu.component.ts b/src/app/tree-grid/tree-grid-sorting-sample/tree-grid-contextmenu/tree-grid-contextmenu.component.ts index b76fa4d896..cf2f415a66 100644 --- a/src/app/tree-grid/tree-grid-sorting-sample/tree-grid-contextmenu/tree-grid-contextmenu.component.ts +++ b/src/app/tree-grid/tree-grid-sorting-sample/tree-grid-contextmenu/tree-grid-contextmenu.component.ts @@ -1,4 +1,4 @@ -import { Component, Input, ChangeDetectionStrategy } from '@angular/core'; +import { Component, Input } from '@angular/core'; import { SortingDirection } from 'igniteui-angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { NgStyle } from '@angular/common'; @@ -7,7 +7,6 @@ import { NgStyle } from '@angular/common'; selector: 'app-tree-grid-contextmenu', styleUrls: ['./tree-grid-contextmenu.component.scss'], templateUrl: './tree-grid-contextmenu.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [NgStyle, IgxIconComponent] }) export class TreeGridContextmenuComponent { diff --git a/src/app/tree-grid/tree-grid-sorting-sample/tree-grid-sorting-sample.component.ts b/src/app/tree-grid/tree-grid-sorting-sample/tree-grid-sorting-sample.component.ts index 7c7fc509cc..528e8b8cb1 100644 --- a/src/app/tree-grid/tree-grid-sorting-sample/tree-grid-sorting-sample.component.ts +++ b/src/app/tree-grid/tree-grid-sorting-sample/tree-grid-sorting-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, AfterViewInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild, AfterViewInit } from '@angular/core'; import { DefaultSortingStrategy, ISortingOptions, SortingDirection } from 'igniteui-angular/core'; import { IgxTreeGridComponent, IgxTreeGridGroupByAreaComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; @@ -15,7 +15,6 @@ import { TreeGridContextmenuComponent } from './tree-grid-contextmenu/tree-grid- selector: 'app-tree-grid-sorting-sample', styleUrls: ['./tree-grid-sorting-sample.component.scss'], templateUrl: 'tree-grid-sorting-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxButtonDirective, IgxGridToolbarActionsComponent, IgxSimpleComboComponent, FormsModule, IgxComboClearIconDirective, IgxComboItemDirective, IgxTreeGridGroupByAreaComponent, IgxColumnComponent, IgxCellTemplateDirective, TreeGridContextmenuComponent, UpperCasePipe] }) diff --git a/src/app/tree-grid/tree-grid-sorting-styling/tree-grid-sorting-styling.component.ts b/src/app/tree-grid/tree-grid-sorting-styling/tree-grid-sorting-styling.component.ts index 57e20c0ae5..a8e9de0d38 100644 --- a/src/app/tree-grid/tree-grid-sorting-styling/tree-grid-sorting-styling.component.ts +++ b/src/app/tree-grid/tree-grid-sorting-styling/tree-grid-sorting-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { DefaultSortingStrategy, SortingDirection } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-sorting-styling', styleUrls: ['./tree-grid-sorting-styling.component.scss'], templateUrl: 'tree-grid-sorting-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) diff --git a/src/app/tree-grid/tree-grid-style/tree-grid-style.component.ts b/src/app/tree-grid/tree-grid-style/tree-grid-style.component.ts index c6786423d5..653f39c22b 100644 --- a/src/app/tree-grid/tree-grid-style/tree-grid-style.component.ts +++ b/src/app/tree-grid/tree-grid-style/tree-grid-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { EMPLOYEE_FLAT_AVATARS_DATA } from '../data/employees-flat-avatars'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-style', styleUrls: ['./tree-grid-style.component.scss'], templateUrl: './tree-grid-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent] }) export class TreeGridStyleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-summary-export/tree-grid-summary-export.component.ts b/src/app/tree-grid/tree-grid-summary-export/tree-grid-summary-export.component.ts index 067fecabff..4c8318e0f8 100644 --- a/src/app/tree-grid/tree-grid-summary-export/tree-grid-summary-export.component.ts +++ b/src/app/tree-grid/tree-grid-summary-export/tree-grid-summary-export.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, inject } from '@angular/core'; import { ColumnType } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -12,7 +12,6 @@ import { DatePipe } from '@angular/common'; selector: 'app-tree-grid-summary-export', styleUrls: ['./tree-grid-summary-export.component.scss'], templateUrl: './tree-grid-summary-export.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxCellHeaderTemplateDirective, IgxIconComponent, DatePipe] }) export class TreeGridSummaryExportComponent { diff --git a/src/app/tree-grid/tree-grid-summary-formatter/tree-grid-summary-formatter.component.ts b/src/app/tree-grid/tree-grid-summary-formatter/tree-grid-summary-formatter.component.ts index 1093a5cd52..142baff8c8 100644 --- a/src/app/tree-grid/tree-grid-summary-formatter/tree-grid-summary-formatter.component.ts +++ b/src/app/tree-grid/tree-grid-summary-formatter/tree-grid-summary-formatter.component.ts @@ -1,5 +1,5 @@ import { DatePipe } from '@angular/common'; -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxDateSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxSummaryResult } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-summary-formatter', styleUrls: ['./tree-grid-summary-formatter.component.scss'], templateUrl: 'tree-grid-summary-formatter.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) diff --git a/src/app/tree-grid/tree-grid-summary-sample/tree-grid-summary-sample.component.ts b/src/app/tree-grid/tree-grid-summary-sample/tree-grid-summary-sample.component.ts index 2ca6b33dd3..bd9858e365 100644 --- a/src/app/tree-grid/tree-grid-summary-sample/tree-grid-summary-sample.component.ts +++ b/src/app/tree-grid/tree-grid-summary-sample/tree-grid-summary-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { ColumnType } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -11,7 +11,6 @@ import { DatePipe } from '@angular/common'; selector: 'app-tree-grid-summary-sample', styleUrls: ['./tree-grid-summary-sample.component.scss'], templateUrl: './tree-grid-summary-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxCellHeaderTemplateDirective, IgxIconComponent, DatePipe] }) export class TreeGridSummarySampleComponent { diff --git a/src/app/tree-grid/tree-grid-summary-styling/tree-grid-summary-styling.component.ts b/src/app/tree-grid/tree-grid-summary-styling/tree-grid-summary-styling.component.ts index 680d442010..96908837a8 100644 --- a/src/app/tree-grid/tree-grid-summary-styling/tree-grid-summary-styling.component.ts +++ b/src/app/tree-grid/tree-grid-summary-styling/tree-grid-summary-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { ColumnType } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -11,7 +11,6 @@ import { DatePipe } from '@angular/common'; selector: 'app-tree-grid-summary-styling', styleUrls: ['./tree-grid-summary-styling.component.scss'], templateUrl: './tree-grid-summary-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxCellHeaderTemplateDirective, IgxIconComponent, DatePipe] }) export class TreeGridSummaryStylingComponent { diff --git a/src/app/tree-grid/tree-grid-summary2-sample/tree-grid-summary2-sample.component.ts b/src/app/tree-grid/tree-grid-summary2-sample/tree-grid-summary2-sample.component.ts index 1b2c37938d..e5c2dfd9fd 100644 --- a/src/app/tree-grid/tree-grid-summary2-sample/tree-grid-summary2-sample.component.ts +++ b/src/app/tree-grid/tree-grid-summary2-sample/tree-grid-summary2-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { DefaultSortingStrategy, GridSummaryCalculationMode, ISortingExpression, IgxSummaryResult, SortingDirection } from 'igniteui-angular/core'; import { GridSummaryPosition, IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -26,7 +26,6 @@ class AvgSummary { selector: 'app-tree-grid-summary2-sample', styleUrls: ['./tree-grid-summary2-sample.component.scss'], templateUrl: './tree-grid-summary2-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxSwitchComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) export class TreeGridSummary2SampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-toolbar-sample-1/tree-grid-toolbar-sample-1.component.ts b/src/app/tree-grid/tree-grid-toolbar-sample-1/tree-grid-toolbar-sample-1.component.ts index 85217c9e5e..098ef97f2d 100644 --- a/src/app/tree-grid/tree-grid-toolbar-sample-1/tree-grid-toolbar-sample-1.component.ts +++ b/src/app/tree-grid/tree-grid-toolbar-sample-1/tree-grid-toolbar-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { EMPLOYEE_FLAT_AVATARS_DATA } from '../data/employees-flat-avatars'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @@ -13,7 +13,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-toolbar-sample-1', styleUrls: ['./tree-grid-toolbar-sample-1.component.scss'], templateUrl: './tree-grid-toolbar-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxSwitchComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarAdvancedFilteringComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent] }) export class TreeGridToolbarSample1Component { diff --git a/src/app/tree-grid/tree-grid-toolbar-sample-2/tree-grid-toolbar-sample-2.component.ts b/src/app/tree-grid/tree-grid-toolbar-sample-2/tree-grid-toolbar-sample-2.component.ts index c90d97b001..b225017650 100644 --- a/src/app/tree-grid/tree-grid-toolbar-sample-2/tree-grid-toolbar-sample-2.component.ts +++ b/src/app/tree-grid/tree-grid-toolbar-sample-2/tree-grid-toolbar-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { CsvFileTypes, IColumnExportingEventArgs, @@ -22,7 +22,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-toolbar-sample-2', styleUrls: ['./tree-grid-toolbar-sample-2.component.scss'], templateUrl: './tree-grid-toolbar-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent] }) export class TreeGridToolbarSample2Component { @@ -36,7 +35,7 @@ export class TreeGridToolbarSample2Component { public configureExport(args: IGridToolbarExportEventArgs) { // You can customize the exporting from this event const options: IgxExporterOptionsBase = args.options; - + options.fileName = `Report_${new Date().toDateString()}`; if (options instanceof IgxExcelExporterOptions) { diff --git a/src/app/tree-grid/tree-grid-toolbar-sample-3/tree-grid-toolbar-sample-3.component.ts b/src/app/tree-grid/tree-grid-toolbar-sample-3/tree-grid-toolbar-sample-3.component.ts index 8ef0a9f128..165b0d642d 100644 --- a/src/app/tree-grid/tree-grid-toolbar-sample-3/tree-grid-toolbar-sample-3.component.ts +++ b/src/app/tree-grid/tree-grid-toolbar-sample-3/tree-grid-toolbar-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { EMPLOYEE_FLAT_AVATARS_DATA } from '../data/employees-flat-avatars'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-toolbar-sample-3', styleUrls: ['./tree-grid-toolbar-sample-3.component.scss'], templateUrl: './tree-grid-toolbar-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxButtonDirective, IgxRippleDirective, IgxIconComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent] }) export class TreeGridToolbarSample3Component { diff --git a/src/app/tree-grid/tree-grid-toolbar-sample-4/tree-grid-toolbar-sample-4.component.ts b/src/app/tree-grid/tree-grid-toolbar-sample-4/tree-grid-toolbar-sample-4.component.ts index 2a53282837..0463d4bb47 100644 --- a/src/app/tree-grid/tree-grid-toolbar-sample-4/tree-grid-toolbar-sample-4.component.ts +++ b/src/app/tree-grid/tree-grid-toolbar-sample-4/tree-grid-toolbar-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { EMPLOYEE_FLAT_AVATARS_DATA } from '../data/employees-flat-avatars'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarAdvancedFilteringComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-toolbar-sample-4', styleUrls: ['./tree-grid-toolbar-sample-4.component.scss'], templateUrl: './tree-grid-toolbar-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarAdvancedFilteringComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent] }) export class TreeGridToolbarSample4Component { diff --git a/src/app/tree-grid/tree-grid-toolbar-style/tree-grid-toolbar-style.component.ts b/src/app/tree-grid/tree-grid-toolbar-style/tree-grid-toolbar-style.component.ts index d23646847c..f64edf5e34 100644 --- a/src/app/tree-grid/tree-grid-toolbar-style/tree-grid-toolbar-style.component.ts +++ b/src/app/tree-grid/tree-grid-toolbar-style/tree-grid-toolbar-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { EMPLOYEE_FLAT_AVATARS_DATA } from '../data/employees-flat-avatars'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-toolbar-style', styleUrls: ['./tree-grid-toolbar-style.component.scss'], templateUrl: './tree-grid-toolbar-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent] }) export class TreeGridToolbarStyleComponent { diff --git a/src/app/tree-grid/tree-grid-tree-filter-view/tree-grid-tree-filter-view.component.ts b/src/app/tree-grid/tree-grid-tree-filter-view/tree-grid-tree-filter-view.component.ts index fa0bcdc1f5..9bf06c8bcd 100644 --- a/src/app/tree-grid/tree-grid-tree-filter-view/tree-grid-tree-filter-view.component.ts +++ b/src/app/tree-grid/tree-grid-tree-filter-view/tree-grid-tree-filter-view.component.ts @@ -9,7 +9,6 @@ import { ORDERS_DATA } from '../data/orders'; import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scroll.directive'; @Component({ - changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-tree-grid-tree-filter-view', styleUrls: ['./tree-grid-tree-filter-view.component.scss'], templateUrl: 'tree-grid-tree-filter-view.component.html', diff --git a/src/app/tree-grid/tree-grid-validation-style/tree-grid-validation-style.component.ts b/src/app/tree-grid/tree-grid-validation-style/tree-grid-validation-style.component.ts index d0b1e9203d..dad7ada413 100644 --- a/src/app/tree-grid/tree-grid-validation-style/tree-grid-validation-style.component.ts +++ b/src/app/tree-grid/tree-grid-validation-style/tree-grid-validation-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellValidationErrorDirective, IgxColumnComponent, IgxColumnRequiredValidatorDirective, RowType } from 'igniteui-angular/grids/core'; import { generateEmployeeFlatData, IEmployee } from '../data/employees-flat'; @@ -9,7 +9,6 @@ import { NgTemplateOutlet } from '@angular/common'; selector: 'app-tree-grid-validation-style', styleUrls: ['tree-grid-validation-style.component.scss'], templateUrl: 'tree-grid-validation-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnRequiredValidatorDirective, IgxCellValidationErrorDirective, NgTemplateOutlet] }) export class TreeGridValidationStyleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-validator-service-cross-field/tree-grid-validator-service-cross-field.component.ts b/src/app/tree-grid/tree-grid-validator-service-cross-field/tree-grid-validator-service-cross-field.component.ts index 4a1f1c0c53..fdd189b877 100644 --- a/src/app/tree-grid/tree-grid-validator-service-cross-field/tree-grid-validator-service-cross-field.component.ts +++ b/src/app/tree-grid/tree-grid-validator-service-cross-field/tree-grid-validator-service-cross-field.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { AbstractControl, FormGroup, ValidationErrors, ValidatorFn, FormsModule, ReactiveFormsModule } from '@angular/forms'; import { ColumnPinningPosition } from 'igniteui-angular/core'; import { CellType, IGridEditEventArgs, IGridFormGroupCreatedEventArgs, IPinningConfig, IgxCellEditorTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent, IgxColumnMaxValidatorDirective, IgxColumnMinValidatorDirective, IgxColumnRequiredValidatorDirective } from 'igniteui-angular/grids/core'; @@ -15,7 +15,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-validator-service-cross-field-component', styleUrls: ['tree-grid-validator-service-cross-field.component.scss'], templateUrl: 'tree-grid-validator-service-cross-field.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnRequiredValidatorDirective, IgxColumnMinValidatorDirective, IgxColumnMaxValidatorDirective, IgxCellEditorTemplateDirective, IgxSelectComponent, ReactiveFormsModule, IgxFocusDirective, IgxSelectItemComponent, IgxCellTemplateDirective, IgxTooltipTargetDirective, IgxTooltipDirective, IgxButtonDirective] }) export class TreeGridValidatorServiceCrossFieldComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-validator-service-extended/tree-grid-validator-service-extended.component.ts b/src/app/tree-grid/tree-grid-validator-service-extended/tree-grid-validator-service-extended.component.ts index a3c07b8285..283b6d92ad 100644 --- a/src/app/tree-grid/tree-grid-validator-service-extended/tree-grid-validator-service-extended.component.ts +++ b/src/app/tree-grid/tree-grid-validator-service-extended/tree-grid-validator-service-extended.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, Directive, Input, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, Directive, Input, OnInit, ViewChild } from '@angular/core'; import { AbstractControl, FormGroup, NG_VALIDATORS, ValidationErrors, ValidatorFn, Validators } from '@angular/forms'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IGridFormGroupCreatedEventArgs, IgxCellValidationErrorDirective, IgxColumnComponent, IgxColumnMaxValidatorDirective, IgxColumnMinValidatorDirective, IgxColumnRequiredValidatorDirective } from 'igniteui-angular/grids/core'; @@ -33,7 +33,6 @@ export class TGridPhoneFormatDirective extends Validators { selector: 'app-tree-grid-validator-service-extended-component', styleUrls: ['tree-grid-validator-service-extended.component.scss'], templateUrl: 'tree-grid-validator-service-extended.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnMinValidatorDirective, IgxColumnRequiredValidatorDirective, IgxColumnMaxValidatorDirective, TGridPhoneFormatDirective, IgxCellValidationErrorDirective, NgTemplateOutlet, IgxButtonDirective] }) export class TreeGridValidatorServiceExtendedComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-validator-service/tree-grid-validator-service.component.ts b/src/app/tree-grid/tree-grid-validator-service/tree-grid-validator-service.component.ts index 913c8578a8..d72902bfab 100644 --- a/src/app/tree-grid/tree-grid-validator-service/tree-grid-validator-service.component.ts +++ b/src/app/tree-grid/tree-grid-validator-service/tree-grid-validator-service.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; import { IgxColumnComponent, IgxColumnMaxValidatorDirective, IgxColumnMinValidatorDirective, IgxColumnRequiredValidatorDirective } from 'igniteui-angular/grids/core'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-validator-service-component', styleUrls: ['tree-grid-validator-service.component.scss'], templateUrl: 'tree-grid-validator-service.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnRequiredValidatorDirective, IgxColumnMinValidatorDirective, IgxColumnMaxValidatorDirective] }) export class TreeGridValidatorServiceComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-virtualization-sample/tree-grid-virtualization-sample.component.ts b/src/app/tree-grid/tree-grid-virtualization-sample/tree-grid-virtualization-sample.component.ts index 18d1b8c37b..13adc3ee67 100644 --- a/src/app/tree-grid/tree-grid-virtualization-sample/tree-grid-virtualization-sample.component.ts +++ b/src/app/tree-grid/tree-grid-virtualization-sample/tree-grid-virtualization-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, inject } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxBadgeComponent } from 'igniteui-angular/badge'; @@ -13,7 +13,6 @@ import { AsyncPipe } from '@angular/common'; selector: 'tree-grid-virtualization-sample', styleUrls: ['./tree-grid-virtualization-sample.component.scss'], templateUrl: 'tree-grid-virtualization-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxBadgeComponent, AsyncPipe] }) diff --git a/src/app/tree-grid/treegrid-allData-summary/treegrid-allData-summary.component.ts b/src/app/tree-grid/treegrid-allData-summary/treegrid-allData-summary.component.ts index 4296b1149b..c21c1e450d 100644 --- a/src/app/tree-grid/treegrid-allData-summary/treegrid-allData-summary.component.ts +++ b/src/app/tree-grid/treegrid-allData-summary/treegrid-allData-summary.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxColumnComponent, IgxSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxSummaryResult } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -45,7 +45,6 @@ class PTOSummary { selector: 'app-treegrid-all-data-summary-sample', styleUrls: ['./treegrid-allData-summary.component.scss'], templateUrl: './treegrid-allData-summary.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridAllDataSummaryComponent implements OnInit { diff --git a/src/app/tree-grid/treegrid-column-autosizing/treegrid-column-autosizing.component.ts b/src/app/tree-grid/treegrid-column-autosizing/treegrid-column-autosizing.component.ts index ae7bdc6492..4d4faf9ac5 100644 --- a/src/app/tree-grid/treegrid-column-autosizing/treegrid-column-autosizing.component.ts +++ b/src/app/tree-grid/treegrid-column-autosizing/treegrid-column-autosizing.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detailed'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'tree-grid-columnAutoSizing-sample', styleUrls: ['./treegrid-column-autosizing.component.scss'], templateUrl: './treegrid-column-autosizing.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridColumnAutoSizingSampleComponent { diff --git a/src/app/tree-grid/treegrid-summary-template/treegrid-summary-template.component.ts b/src/app/tree-grid/treegrid-summary-template/treegrid-summary-template.component.ts index 0a8893998c..2f6a4e64bf 100644 --- a/src/app/tree-grid/treegrid-summary-template/treegrid-summary-template.component.ts +++ b/src/app/tree-grid/treegrid-summary-template/treegrid-summary-template.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostBinding, OnInit } from '@angular/core'; import { IgxColumnComponent, IgxSummaryOperand, IgxSummaryTemplateDirective } from 'igniteui-angular/grids/core'; import { IgxSummaryResult } from 'igniteui-angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -49,7 +49,6 @@ class PTOSummary { selector: 'app-treegrid-summary-template', styleUrls: ['./treegrid-summary-template.component.scss'], templateUrl: './treegrid-summary-template.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxSwitchComponent, IgxButtonGroupComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxSummaryTemplateDirective] }) export class TreeGridSummaryTemplateComponent implements OnInit { From d1d348ecf7a41859fc466a8bd67dcde38976b3c0 Mon Sep 17 00:00:00 2001 From: Martin Dragnev Date: Thu, 2 Jul 2026 11:27:55 +0300 Subject: [PATCH 03/17] fix(tree-sample): add markForCheck in the remote data subscription #3967 --- .../tree-advanced-sample/tree-advanced-sample.component.ts | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/app/lists/tree/tree-advanced-sample/tree-advanced-sample.component.ts b/src/app/lists/tree/tree-advanced-sample/tree-advanced-sample.component.ts index e391fdf023..b742bef05e 100644 --- a/src/app/lists/tree/tree-advanced-sample/tree-advanced-sample.component.ts +++ b/src/app/lists/tree/tree-advanced-sample/tree-advanced-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, AfterViewInit, OnDestroy, PLATFORM_ID, inject } from '@angular/core'; +import { Component, AfterViewInit, OnDestroy, PLATFORM_ID, inject, ChangeDetectorRef } from '@angular/core'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; import { IgxTreeComponent, IgxTreeNodeComponent } from 'igniteui-angular/tree'; import { IgxTooltipDirective, IgxTooltipTargetDirective } from 'igniteui-angular/directives'; @@ -19,6 +19,7 @@ export class TreeAdvancedSampleComponent implements AfterViewInit, OnDestroy { private iconService = inject(IgxIconService); private dataService = inject(DataService); private platformId = inject(PLATFORM_ID); + private cdr = inject(ChangeDetectorRef); public family = 'tree-icons'; public data = DATA; @@ -31,6 +32,7 @@ export class TreeAdvancedSampleComponent implements AfterViewInit, OnDestroy { this.dataService.data.pipe(takeUntil(this.destroy$)).subscribe((data) => { this.loading = false; this.remoteData = data; + this.cdr.markForCheck(); }); } @@ -70,6 +72,7 @@ export class TreeAdvancedSampleComponent implements AfterViewInit, OnDestroy { } }); } + this.cdr.markForCheck(); }); } } From 03360ac3551485ab3881fba9c76e7a5513f95d5c Mon Sep 17 00:00:00 2001 From: Martin Dragnev Date: Thu, 2 Jul 2026 11:31:16 +0300 Subject: [PATCH 04/17] fix(list): Add markForCheck for list load on demand sample #3968 --- src/app/lists/list/list-sample-6/list-sample-6.component.ts | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/app/lists/list/list-sample-6/list-sample-6.component.ts b/src/app/lists/list/list-sample-6/list-sample-6.component.ts index fb591408d2..9b62e30b0c 100644 --- a/src/app/lists/list/list-sample-6/list-sample-6.component.ts +++ b/src/app/lists/list/list-sample-6/list-sample-6.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { ChangeDetectorRef, Component, inject, ViewChild } from '@angular/core'; import { IgxDataLoadingTemplateDirective, IgxEmptyListTemplateDirective, IgxListComponent, IgxListItemComponent } from 'igniteui-angular/list'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -10,6 +10,7 @@ import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directi imports: [IgxListComponent, IgxListItemComponent, IgxRippleDirective, IgxEmptyListTemplateDirective, IgxButtonDirective, IgxDataLoadingTemplateDirective] }) export class ListSample6Component { + private cdr = inject(ChangeDetectorRef); @ViewChild('fruitList', { static: true }) public fruitList: IgxListComponent; @@ -24,6 +25,7 @@ export class ListSample6Component { const availableFruits: string[] = ['banana', 'orange', 'apple', 'strawberry', 'pear']; availableFruits.forEach((fruit) => { this.fruitsData.push(fruit); }); this.fruitList.isLoading = false; + this.cdr.markForCheck(); }, 1000); } From a42b15073221a40cadd7eb9d67869e47fe5f16d8 Mon Sep 17 00:00:00 2001 From: desig9stein Date: Wed, 8 Jul 2026 17:58:30 +0300 Subject: [PATCH 05/17] feat(samples): add sample-size reporter for auto-fitting docs iframes MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Demos on the docs site render inside cross-origin iframes. By default styles.scss pins html/body to height:100% + overflow:hidden, so an iframe can only ever echo its own height back — it can't grow to fit its content. This adds the demo-side half of a small postMessage handshake with the docs host (astro-components' sample-widget) so samples that opt into fitContent size themselves to their actual content. How it works: - the host posts { type: 'igd-sample-fit', width? } into the iframe on load; until that arrives the reporter stays completely dormant, so fixed-height demos and their percentage layouts are untouched - on enable, it injects a one-time stylesheet that releases the viewport pin (height:auto, overflow:visible) and reports content size back with { type: 'igd-sample-height', height, width? } immediately and on every resize (via ResizeObserver) - width is measured from the right-most element edge rather than the body box, mirroring the host's same-origin measurement, and is only computed when the host asks for it Notes: - no-ops outside an iframe (window.parent === window) and when there is no window (SSR/prerender) - replies target the host's captured origin instead of broadcasting to '*', and only ever emit layout dimensions - shared across all three Angular apps (src, app-crm, app-lob) via the "@shared/sample-size-reporter" tsconfig path alias so there is a single source of truth --- projects/app-crm/src/main.ts | 3 + .../src/app/index/docs-layout.component.scss | 7 +- projects/app-lob/src/main.ts | 3 + src/app/index/docs-layout.component.scss | 7 +- .../interactions/toggle/toggle-samples.scss | 11 +-- .../layouts/avatar/avatar-styling/layout.scss | 15 +--- src/main.ts | 3 + src/sample-size-reporter.ts | 79 +++++++++++++++++++ tsconfig.json | 3 + 9 files changed, 97 insertions(+), 34 deletions(-) create mode 100644 src/sample-size-reporter.ts diff --git a/projects/app-crm/src/main.ts b/projects/app-crm/src/main.ts index 17202407de..4d9f0027ec 100644 --- a/projects/app-crm/src/main.ts +++ b/projects/app-crm/src/main.ts @@ -3,9 +3,12 @@ import { environment } from './environments/environment'; import { bootstrapApplication } from '@angular/platform-browser'; import { AppComponent } from './app/app.component'; import { AppConfig } from './app/app.config'; +import { initSampleSizeReporter } from '@shared/sample-size-reporter'; if (environment.production) { enableProdMode(); } +initSampleSizeReporter(); + bootstrapApplication(AppComponent, {...AppConfig, providers: [provideZoneChangeDetection(), ...AppConfig.providers]}).catch((err) => console.error(err)); diff --git a/projects/app-lob/src/app/index/docs-layout.component.scss b/projects/app-lob/src/app/index/docs-layout.component.scss index cf86a1df88..8b13789179 100644 --- a/projects/app-lob/src/app/index/docs-layout.component.scss +++ b/projects/app-lob/src/app/index/docs-layout.component.scss @@ -1,6 +1 @@ -::ng-deep { - .custom-body { - color: var(--ig-surface-500-contrast); - background: var(--ig-surface-500); - } -} + diff --git a/projects/app-lob/src/main.ts b/projects/app-lob/src/main.ts index 38bdcd8b53..2dfd3c689f 100644 --- a/projects/app-lob/src/main.ts +++ b/projects/app-lob/src/main.ts @@ -6,11 +6,14 @@ import { environment } from './environments/environment'; import { bootstrapApplication } from '@angular/platform-browser'; import { AppComponent } from './app/app.component'; import { AppConfig } from './app/app.config'; +import { initSampleSizeReporter } from '@shared/sample-size-reporter'; if (environment.production) { enableProdMode(); } +initSampleSizeReporter(); + bootstrapApplication(AppComponent, {...AppConfig, providers: [provideZoneChangeDetection(), ...AppConfig.providers]}).catch(err => console.error(err)); defineCustomElements(window); diff --git a/src/app/index/docs-layout.component.scss b/src/app/index/docs-layout.component.scss index cf86a1df88..8b13789179 100644 --- a/src/app/index/docs-layout.component.scss +++ b/src/app/index/docs-layout.component.scss @@ -1,6 +1 @@ -::ng-deep { - .custom-body { - color: var(--ig-surface-500-contrast); - background: var(--ig-surface-500); - } -} + diff --git a/src/app/interactions/toggle/toggle-samples.scss b/src/app/interactions/toggle/toggle-samples.scss index 38afa50748..e7c518d3d2 100644 --- a/src/app/interactions/toggle/toggle-samples.scss +++ b/src/app/interactions/toggle/toggle-samples.scss @@ -9,7 +9,7 @@ height: 260px; } -.toggle-section{ +.toggle-section { flex-flow: row wrap; display: flex; width: 100%; @@ -18,15 +18,6 @@ align-items: center; text-align: center; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); - - .dark-theme & { - background-color: #111; - } - - .custom-body & { - color: var(--ig-surface-500-contrast); - background-color: var(--ig-surface-500); - } } img{ diff --git a/src/app/layouts/avatar/avatar-styling/layout.scss b/src/app/layouts/avatar/avatar-styling/layout.scss index 19e8de55dd..d3a4208499 100644 --- a/src/app/layouts/avatar/avatar-styling/layout.scss +++ b/src/app/layouts/avatar/avatar-styling/layout.scss @@ -1,13 +1,4 @@ -.avatars-wrapper { - display: flex; - flex-flow: row wrap; -} - -.avatar-sample { - display: flex; - flex: 1 0 30%; - width: 88px; - justify-content: center; - align-items: center; - margin: 15px 0; +:host { + display: inline-flex; + gap: 32px } diff --git a/src/main.ts b/src/main.ts index 67e1fd621c..41e5965a4f 100644 --- a/src/main.ts +++ b/src/main.ts @@ -4,11 +4,14 @@ import { defineCustomElements } from 'igniteui-dockmanager/loader'; import { bootstrapApplication } from '@angular/platform-browser'; import { AppComponent } from './app/app.component'; import { AppConfig } from './app/app.config'; +import { initSampleSizeReporter } from '@shared/sample-size-reporter'; if (environment.production) { enableProdMode(); } +initSampleSizeReporter(); + bootstrapApplication(AppComponent, {...AppConfig, providers: [provideZoneChangeDetection(), ...AppConfig.providers]}).catch(err => console.log(err)); defineCustomElements(window); diff --git a/src/sample-size-reporter.ts b/src/sample-size-reporter.ts new file mode 100644 index 0000000000..f9c666d28c --- /dev/null +++ b/src/sample-size-reporter.ts @@ -0,0 +1,79 @@ +/** + * Demo-side half of the docs contract + * (astro-components/src/scripts/sample-widget.ts). + * + * The docs host posts { type: 'igd-sample-fit', width?: boolean } into the + * iframe when it loads. In response we neutralize the viewport-bound sizing + * from styles.scss (html/body height: 100%, overflow: hidden — which would + * only echo the iframe's height back) and report the content's size with + * { type: 'igd-sample-height', height, width? } immediately and on every + * resize. Demos embedded at a fixed height never receive the enable message, + * so this stays dormant for them and their percentage layouts are untouched. + */ +const FIT_ENABLE = 'igd-sample-fit'; +const FIT_REPORT = 'igd-sample-height'; + +export function initSampleSizeReporter(): void { + if (typeof window === 'undefined' || window.parent === window) { + return; + } + + let reportWidth = false; + let observer: ResizeObserver | null = null; + let styled = false; + // Captured from the host's enable message so replies go back to that exact + // origin instead of being broadcast to any window that happens to listen. + let hostOrigin = '*'; + + // Right-most element edge, mirroring the host's same-origin measurement: + // block-level content stretches to the viewport width, so the intrinsic + // width has to come from the element boxes, not the body itself. + const measureWidth = (): number | undefined => { + const body = document.body; + const left = body.getBoundingClientRect().left; + let right = left; + body.querySelectorAll('*').forEach(el => { + right = Math.max(right, el.getBoundingClientRect().right); + }); + if (right <= left) { + return undefined; + } + const cs = getComputedStyle(body); + return right - left + parseFloat(cs.paddingRight || '0') + parseFloat(cs.borderRightWidth || '0'); + }; + + const report = () => { + const height = Math.max( + document.documentElement.offsetHeight, + document.body.offsetHeight, + document.body.scrollHeight, + ); + window.parent.postMessage( + { type: FIT_REPORT, height, width: reportWidth ? measureWidth() : undefined }, + hostOrigin, + ); + }; + + window.addEventListener('message', (e: MessageEvent) => { + if (!e.data || e.data.type !== FIT_ENABLE) { + return; + } + reportWidth = Boolean(e.data.width); + hostOrigin = e.origin || '*'; + + if (!styled) { + styled = true; + const style = document.createElement('style'); + style.textContent = + 'html, body { height: auto !important; overflow: visible !important; }' + + '.sample-wrapper { height: auto !important; }'; + document.head.appendChild(style); + } + + report(); + if ('ResizeObserver' in window && !observer) { + observer = new ResizeObserver(report); + observer.observe(document.body); + } + }); +} diff --git a/tsconfig.json b/tsconfig.json index a9f83e075c..a576502869 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -1,6 +1,9 @@ { "compileOnSave": false, "compilerOptions": { + "paths": { + "@shared/sample-size-reporter": ["./src/sample-size-reporter.ts"] + }, "importHelpers": true, "module": "ES2022", "outDir": "./dist/out-tsc", From a6a98b90e1db9a86850206ab9d14dcf20d15896d Mon Sep 17 00:00:00 2001 From: desig9stein Date: Wed, 8 Jul 2026 17:58:51 +0300 Subject: [PATCH 06/17] refactor(avatar): simplify avatar samples and styles --- .../avatar-css-variables.component.scss | 4 ---- .../avatar-sample-1.component.scss | 5 ----- .../avatar-sample-2.component.html | 2 +- .../avatar-sample-2.component.scss | 4 ---- .../avatar-sample-3.component.html | 14 +++--------- .../avatar-sample-3.component.scss | 22 ++----------------- .../avatar-sample-3.component.ts | 2 -- .../avatar-sample-4.component.scss | 4 ---- .../avatar-styling.component.html | 12 +++++----- .../avatar-styling.component.scss | 18 +++++++-------- .../avatar-tailwind-styling.component.scss | 3 --- 11 files changed, 21 insertions(+), 69 deletions(-) diff --git a/src/app/layouts/avatar/avatar-css-variables/avatar-css-variables.component.scss b/src/app/layouts/avatar/avatar-css-variables/avatar-css-variables.component.scss index 030f54646b..0191a88a99 100644 --- a/src/app/layouts/avatar/avatar-css-variables/avatar-css-variables.component.scss +++ b/src/app/layouts/avatar/avatar-css-variables/avatar-css-variables.component.scss @@ -13,7 +13,3 @@ ); } } - -igx-avatar { - margin: 8px; -} diff --git a/src/app/layouts/avatar/avatar-sample-1/avatar-sample-1.component.scss b/src/app/layouts/avatar/avatar-sample-1/avatar-sample-1.component.scss index d427839f1f..e69de29bb2 100644 --- a/src/app/layouts/avatar/avatar-sample-1/avatar-sample-1.component.scss +++ b/src/app/layouts/avatar/avatar-sample-1/avatar-sample-1.component.scss @@ -1,5 +0,0 @@ -.igx-avatar{ - --ig-avatar-background: #e41c77; - color: black; - margin: 15px; -} diff --git a/src/app/layouts/avatar/avatar-sample-2/avatar-sample-2.component.html b/src/app/layouts/avatar/avatar-sample-2/avatar-sample-2.component.html index 9bd64e7071..f7028e09bf 100644 --- a/src/app/layouts/avatar/avatar-sample-2/avatar-sample-2.component.html +++ b/src/app/layouts/avatar/avatar-sample-2/avatar-sample-2.component.html @@ -1 +1 @@ - + diff --git a/src/app/layouts/avatar/avatar-sample-2/avatar-sample-2.component.scss b/src/app/layouts/avatar/avatar-sample-2/avatar-sample-2.component.scss index d60ae914a5..e69de29bb2 100644 --- a/src/app/layouts/avatar/avatar-sample-2/avatar-sample-2.component.scss +++ b/src/app/layouts/avatar/avatar-sample-2/avatar-sample-2.component.scss @@ -1,4 +0,0 @@ -.igx-avatar{ - margin: 5px 15px; -} - diff --git a/src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.html b/src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.html index a180fe2b65..d5b250e6a2 100644 --- a/src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.html +++ b/src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.html @@ -1,11 +1,3 @@ -
-
- -
-
- -
-
- -
-
+ + + diff --git a/src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.scss b/src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.scss index 4d7beea4c1..5500e73dcc 100644 --- a/src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.scss +++ b/src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.scss @@ -1,22 +1,4 @@ -.avatars-wrapper { +:host { display: flex; - flex-flow: row wrap; -} - -.avatar-sample { - display: flex; - flex: 1 0 30%; - width: 88px; - height: 88px; - justify-content: center; - align-items: center; - margin: 15px 0; -} - -.avatar-sample.initials .igx-avatar{ - --ig-avatar-background: #e41c77; -} - -.avatar-sample.icon .igx-avatar{ - --ig-avatar-background: #9e9e9e; + gap: 32px; } diff --git a/src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.ts b/src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.ts index cd6d9d61b4..d855938019 100644 --- a/src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.ts +++ b/src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.ts @@ -9,7 +9,5 @@ import { IgxAvatarComponent } from 'igniteui-angular/avatar'; imports: [IgxAvatarComponent] }) export class AvatarSample3Component { - constructor() { } - } diff --git a/src/app/layouts/avatar/avatar-sample-4/avatar-sample-4.component.scss b/src/app/layouts/avatar/avatar-sample-4/avatar-sample-4.component.scss index ecedb13921..e69de29bb2 100644 --- a/src/app/layouts/avatar/avatar-sample-4/avatar-sample-4.component.scss +++ b/src/app/layouts/avatar/avatar-sample-4/avatar-sample-4.component.scss @@ -1,4 +0,0 @@ -.igx-avatar{ - --ig-avatar-background: #9e9e9e; - margin: 15px; -} diff --git a/src/app/layouts/avatar/avatar-styling/avatar-styling.component.html b/src/app/layouts/avatar/avatar-styling/avatar-styling.component.html index 3f167defa8..d6baff6537 100644 --- a/src/app/layouts/avatar/avatar-styling/avatar-styling.component.html +++ b/src/app/layouts/avatar/avatar-styling/avatar-styling.component.html @@ -1,8 +1,8 @@ -
-
+
-
-
+
+ +
-
-
+ + diff --git a/src/app/layouts/avatar/avatar-styling/avatar-styling.component.scss b/src/app/layouts/avatar/avatar-styling/avatar-styling.component.scss index bfc2650f8e..75799af415 100644 --- a/src/app/layouts/avatar/avatar-styling/avatar-styling.component.scss +++ b/src/app/layouts/avatar/avatar-styling/avatar-styling.component.scss @@ -1,19 +1,19 @@ -@use "layout.scss"; -@use "igniteui-angular/theming" as *; +@use 'layout.scss'; +@use 'igniteui-angular/theming' as *; $initials-avatar-theme: avatar-theme( - $background: #72da67, - $border-radius: 16px + $background: #72da67, + $border-radius: 16px ); $icon-avatar-theme: avatar-theme( - $background: #217346, + $background: #217346, ); -.initials{ - @include tokens($initials-avatar-theme); +.initials { + @include tokens($initials-avatar-theme); } -.icon{ - @include tokens($icon-avatar-theme); +.icon { + @include tokens($icon-avatar-theme); } diff --git a/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.scss b/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.scss index 8abca650cd..e69de29bb2 100644 --- a/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.scss +++ b/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.scss @@ -1,3 +0,0 @@ -igx-avatar { - margin: 12px; -} From 83f435d1b7a773d8dfd584a8908479e16899eb81 Mon Sep 17 00:00:00 2001 From: desig9stein Date: Thu, 9 Jul 2026 10:43:09 +0300 Subject: [PATCH 07/17] refactor(calendar): remove card wrappers and simplify calendar samples --- .../calendar-days-view.component.html | 11 +- .../calendar-days-view.component.scss | 10 +- .../calendar-months-view.component.html | 9 +- .../calendar-months-view.component.scss | 10 +- .../calendar-rtl-sample.component.html | 19 ++- .../calendar-rtl-sample.component.scss | 30 +--- .../calendar-sample-1.component.html | 4 +- .../calendar-sample-1.component.scss | 14 +- .../calendar-sample-2.component.html | 24 ++- .../calendar-sample-2.component.scss | 22 +-- .../calendar-sample-3.component.html | 33 ++-- .../calendar-sample-3.component.scss | 141 ++++++++++++------ .../calendar-sample-3.component.ts | 47 +++--- .../calendar-sample-4.component.html | 6 +- .../calendar-sample-4.component.scss | 18 +-- .../calendar-sample-5.component.scss | 18 +-- .../calendar-sample-6.component.html | 14 +- .../calendar-sample-6.component.scss | 27 +--- .../calendar-sample-6.component.ts | 15 +- .../calendar-sample-7.component.html | 7 +- .../calendar-sample-7.component.scss | 21 +-- .../calendar-sample-8.component.html | 4 +- .../calendar-sample-8.component.scss | 14 +- .../calendar-sample-9.component.html | 67 +++++---- .../calendar-sample-9.component.scss | 51 ++----- .../calendar-styling-sample.component.html | 10 +- .../calendar-styling-sample/layout.scss | 20 +-- .../calendar-years-view.component.html | 9 +- .../calendar-years-view.component.scss | 12 +- .../multiview/multiview.component.html | 44 ++++-- .../multiview/multiview.component.scss | 61 ++++---- .../calendar/multiview/multiview.component.ts | 6 +- 32 files changed, 357 insertions(+), 441 deletions(-) diff --git a/src/app/scheduling/calendar/calendar-days-view/calendar-days-view.component.html b/src/app/scheduling/calendar/calendar-days-view/calendar-days-view.component.html index 93617457de..a93683c955 100644 --- a/src/app/scheduling/calendar/calendar-days-view/calendar-days-view.component.html +++ b/src/app/scheduling/calendar/calendar-days-view/calendar-days-view.component.html @@ -1,8 +1,3 @@ - - -
Days View
- - - - - + + + diff --git a/src/app/scheduling/calendar/calendar-days-view/calendar-days-view.component.scss b/src/app/scheduling/calendar/calendar-days-view/calendar-days-view.component.scss index 8c81ff5d74..c06f26ccd3 100644 --- a/src/app/scheduling/calendar/calendar-days-view/calendar-days-view.component.scss +++ b/src/app/scheduling/calendar/calendar-days-view/calendar-days-view.component.scss @@ -1,9 +1,3 @@ -.igx-card { - max-width: 500px; - min-width: 200px; - margin: 8px; -} - -.igx-calendar { - --ig-size: 2; +igx-days-view { + border: 1px solid var(--ig-gray-300); } diff --git a/src/app/scheduling/calendar/calendar-months-view/calendar-months-view.component.html b/src/app/scheduling/calendar/calendar-months-view/calendar-months-view.component.html index 8c6c69a7ab..192537f561 100644 --- a/src/app/scheduling/calendar/calendar-months-view/calendar-months-view.component.html +++ b/src/app/scheduling/calendar/calendar-months-view/calendar-months-view.component.html @@ -1,8 +1 @@ - - -
Months View
- - - - - + diff --git a/src/app/scheduling/calendar/calendar-months-view/calendar-months-view.component.scss b/src/app/scheduling/calendar/calendar-months-view/calendar-months-view.component.scss index 8c81ff5d74..e8a5b5071d 100644 --- a/src/app/scheduling/calendar/calendar-months-view/calendar-months-view.component.scss +++ b/src/app/scheduling/calendar/calendar-months-view/calendar-months-view.component.scss @@ -1,9 +1,3 @@ -.igx-card { - max-width: 500px; - min-width: 200px; - margin: 8px; -} - -.igx-calendar { - --ig-size: 2; +igx-months-view { + border: 1px solid var(--ig-gray-300); } diff --git a/src/app/scheduling/calendar/calendar-rtl-sample/calendar-rtl-sample.component.html b/src/app/scheduling/calendar/calendar-rtl-sample/calendar-rtl-sample.component.html index bef7161202..17bebf5d95 100644 --- a/src/app/scheduling/calendar/calendar-rtl-sample/calendar-rtl-sample.component.html +++ b/src/app/scheduling/calendar/calendar-rtl-sample/calendar-rtl-sample.component.html @@ -1,10 +1,9 @@ -
-
- -
-
-
- -
-
-
\ No newline at end of file +
+ +
+ +
+
+ +
+
diff --git a/src/app/scheduling/calendar/calendar-rtl-sample/calendar-rtl-sample.component.scss b/src/app/scheduling/calendar/calendar-rtl-sample/calendar-rtl-sample.component.scss index e3c918a8e3..8a29ca0104 100644 --- a/src/app/scheduling/calendar/calendar-rtl-sample/calendar-rtl-sample.component.scss +++ b/src/app/scheduling/calendar/calendar-rtl-sample/calendar-rtl-sample.component.scss @@ -1,31 +1,3 @@ -@use '../../../../variables' as *; - -$border-color: color($color: gray, $variant: 300); - igx-calendar { - --ig-size: 2; - - border: 1px solid $border-color; - border-radius: 6px; -} - -.button-sample { - display: flex; - flex-flow: row wrap; - justify-content: center; - align-items: center; - flex: 1 0 30%; - margin: 16px 0; -} - -.calendar-wrapper { - max-width: 650px; - min-width: 300px; - margin: 8px; -} - -.location-wrapper { - min-width: 200px; - max-width: 640px; - margin-bottom: 32px; + border: 1px solid var(--ig-gray-100); } diff --git a/src/app/scheduling/calendar/calendar-sample-1/calendar-sample-1.component.html b/src/app/scheduling/calendar/calendar-sample-1/calendar-sample-1.component.html index 0ebded3eb4..a6f57db344 100644 --- a/src/app/scheduling/calendar/calendar-sample-1/calendar-sample-1.component.html +++ b/src/app/scheduling/calendar/calendar-sample-1/calendar-sample-1.component.html @@ -1,3 +1 @@ -
- -
+ diff --git a/src/app/scheduling/calendar/calendar-sample-1/calendar-sample-1.component.scss b/src/app/scheduling/calendar/calendar-sample-1/calendar-sample-1.component.scss index 47698f70ae..8a29ca0104 100644 --- a/src/app/scheduling/calendar/calendar-sample-1/calendar-sample-1.component.scss +++ b/src/app/scheduling/calendar/calendar-sample-1/calendar-sample-1.component.scss @@ -1,13 +1,3 @@ -.calendar-wrapper { - max-width: 400px; - min-width: 200px; - margin: 8px; +igx-calendar { + border: 1px solid var(--ig-gray-100); } - -.igx-calendar { - --ig-size: 2; - - box-shadow: 0 1px 3px 0 rgba(0,0,0,.26), - 0 1px 1px 0 rgba(0,0,0,.12), - 0 2px 1px -1px rgba(0,0,0,.08); - } diff --git a/src/app/scheduling/calendar/calendar-sample-2/calendar-sample-2.component.html b/src/app/scheduling/calendar/calendar-sample-2/calendar-sample-2.component.html index 7f8ac5a55c..be858d71b6 100644 --- a/src/app/scheduling/calendar/calendar-sample-2/calendar-sample-2.component.html +++ b/src/app/scheduling/calendar/calendar-sample-2/calendar-sample-2.component.html @@ -1,20 +1,18 @@ -
- - Location: + + Location: + @for (locale of locales; track locale) { - - {{ locale }} - + + {{ locale }} + } - -
-
- + + - -
+> + diff --git a/src/app/scheduling/calendar/calendar-sample-2/calendar-sample-2.component.scss b/src/app/scheduling/calendar/calendar-sample-2/calendar-sample-2.component.scss index c2f4b9dcfd..791988fa47 100644 --- a/src/app/scheduling/calendar/calendar-sample-2/calendar-sample-2.component.scss +++ b/src/app/scheduling/calendar/calendar-sample-2/calendar-sample-2.component.scss @@ -1,19 +1,9 @@ -@use '../../../../variables' as *; - -.calendar-wrapper { - max-width: 650px; - min-width: 300px; - margin: 8px; - border: 1px solid color($color: 'gray', $variant: 300); - border-radius: 6px; -} - -.igx-calendar { - --ig-size: 2; +:host { + display: flex; + flex-direction: column; + gap:16px; } -.location-wrapper { - min-width: 200px; - max-width: 640px; - margin-bottom: 32px; +igx-calendar { + border: 1px solid var(--ig-gray-100); } diff --git a/src/app/scheduling/calendar/calendar-sample-3/calendar-sample-3.component.html b/src/app/scheduling/calendar/calendar-sample-3/calendar-sample-3.component.html index 59b43ffde0..600a6aec2d 100644 --- a/src/app/scheduling/calendar/calendar-sample-3/calendar-sample-3.component.html +++ b/src/app/scheduling/calendar/calendar-sample-3/calendar-sample-3.component.html @@ -1,15 +1,24 @@ -
-
- -
-
-
-
-
-
- {{loggerHeader}} -
-
+

Interact with the calendar to see the events logged here in sequence:

+ +
+ + +
+
+ Event log +
+ +
    + @for (event of events; track event.id) { +
  • + {{ event.type }} + {{ event.message }} + +
    • + } @empty { +
  • No events yet — select dates or navigate the calendar.
    • + } +
diff --git a/src/app/scheduling/calendar/calendar-sample-3/calendar-sample-3.component.scss b/src/app/scheduling/calendar/calendar-sample-3/calendar-sample-3.component.scss index 26f9f607ca..df3db2e11e 100644 --- a/src/app/scheduling/calendar/calendar-sample-3/calendar-sample-3.component.scss +++ b/src/app/scheduling/calendar/calendar-sample-3/calendar-sample-3.component.scss @@ -1,46 +1,95 @@ -.igx-calendar { - --ig-size: 2; - - box-shadow: 0 1px 3px 0 rgba(0,0,0,.26), - 0 1px 1px 0 rgba(0,0,0,.12), - 0 2px 1px -1px rgba(0,0,0,.08); - } - - :host { - display: flex; - width: 100%; - gap: 16px; - flex-flow: row wrap; - } - - button { - margin: 8px 0; - } - - .calendar-wrapper { - width: 300px; - margin: 8px; - } - - .calendar-section { - height: 336px; - } - - .selected-data-area { - overflow-y: auto; - max-height: 500px; - width: 100%; - height: 100%; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); - margin-top: 8px; - } - - .logContainer { - padding: 0.2rem 0.4rem; - } - - .highlight { - background-color: rgba(0,153,255, 0.1); - margin-bottom: 0.4rem; - } - +:host { + p { + margin-block-start: 0; + } +} + +.calendar-sample { + display: flex; + gap: 16px +} + +igx-calendar { + border: 1px solid var(--ig-gray-300); +} + +.event-log { + display: flex; + flex-direction: column; + min-width: 300px; + border: 1px solid var(--ig-gray-300); + border-radius: 4px; + overflow: hidden; +} + +.event-log__header { + display: flex; + align-items: center; + justify-content: space-between; + padding: 4px 8px 4px 12px; + background: var(--ig-gray-100); + border-bottom: 1px solid var(--ig-gray-300); +} + +.event-log__title { + font-weight: 600; +} + +.event-log__list { + list-style: none; + margin: 0; + padding: 0; + max-height: 320px; + overflow-y: auto; +} + +.event-log__item { + display: flex; + align-items: center; + gap: 8px; + padding: 8px 12px; + border-bottom: 1px solid var(--ig-gray-200); + border-inline-start: 3px solid var(--ig-gray-400); + font-size: 0.875rem; +} + +.event-log__item--selected { + border-inline-start-color: var(--ig-success-500); +} + +.event-log__item--viewDateChanged { + border-inline-start-color: var(--ig-info-500); +} + +.event-log__item--activeViewChanged { + border-inline-start-color: var(--ig-warn-500); +} + +.event-log__badge { + flex: 0 0 auto; + padding: 2px 8px; + border-radius: 999px; + background: var(--ig-gray-200); + color: var(--ig-gray-800); + font-size: 0.75rem; + font-weight: 600; + white-space: nowrap; +} + +.event-log__message { + flex: 1 1 auto; + min-width: 0; +} + +.event-log__time { + flex: 0 0 auto; + color: var(--ig-gray-600); + font-variant-numeric: tabular-nums; + font-size: 0.75rem; +} + +.event-log__empty { + padding: 16px 12px; + color: var(--ig-gray-600); + text-align: center; +} diff --git a/src/app/scheduling/calendar/calendar-sample-3/calendar-sample-3.component.ts b/src/app/scheduling/calendar/calendar-sample-3/calendar-sample-3.component.ts index 1973e8bfad..1aeca91e7d 100644 --- a/src/app/scheduling/calendar/calendar-sample-3/calendar-sample-3.component.ts +++ b/src/app/scheduling/calendar/calendar-sample-3/calendar-sample-3.component.ts @@ -1,38 +1,51 @@ - -import { Component, ViewChild, DOCUMENT, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IViewDateChangeEventArgs, IgxCalendarComponent, IgxCalendarView } from 'igniteui-angular/calendar'; -import { IgxDialogComponent } from 'igniteui-angular/dialog'; +import { IgxButtonDirective } from 'igniteui-angular/directives'; +import { DatePipe } from '@angular/common'; + +type CalendarEventType = 'selected' | 'viewDateChanged' | 'activeViewChanged'; + +interface CalendarEventLog { + id: number; + type: CalendarEventType; + message: string; + time: Date; +} @Component({ selector: 'app-calendar', styleUrls: ['./calendar-sample-3.component.scss'], templateUrl: './calendar-sample-3.component.html', changeDetection: ChangeDetectionStrategy.Eager, - imports: [IgxCalendarComponent] + imports: [IgxCalendarComponent, IgxButtonDirective, DatePipe] }) export class CalendarSample3Component { - private document = inject(DOCUMENT); - @ViewChild('calendar', { static: true }) public calendar: IgxCalendarComponent; - @ViewChild('alert', { static: true }) public dialog: IgxDialogComponent; - public loggerHeader = `Interact with the calendar to see the events logged here in sequence:`; + + public events: CalendarEventLog[] = []; + + private nextId = 0; public onSelection(dates: Date | Date[]) { - const logger: HTMLElement = this.document.querySelector('.logger'); - dates = dates as Date[]; - logger.innerHTML = ` => 'onSelectionChanged': ${dates.length} dates selected.
${logger.innerHTML}`; + const selected = dates as Date[]; + const count = selected.length; + this.log('selected', `${count} date${count === 1 ? '' : 's'} selected`); } public viewDateChanged(event: IViewDateChangeEventArgs) { - const logger: HTMLElement = this.document.querySelector('.logger'); - // eslint-disable-next-line max-len - const eventArgs = `event.previousValue: ${this.parseDate(event.previousValue)} | event.currentValue: ${this.parseDate(event.currentValue)}`; - logger.innerHTML = ` => 'viewDateChanged': ${eventArgs}
${logger.innerHTML}`; + this.log('viewDateChanged', `${this.parseDate(event.previousValue)} → ${this.parseDate(event.currentValue)}`); } public activeViewChanged(event: IgxCalendarView) { - const logger: HTMLElement = this.document.querySelector('.logger'); - logger.innerHTML = ` => 'activeViewChanged':. Active view is: ${IgxCalendarView[event]}
${logger.innerHTML}`; + this.log('activeViewChanged', `Active view is: ${IgxCalendarView[event]}`); + } + + public clearLog() { + this.events = []; + } + + private log(type: CalendarEventType, message: string) { + this.events = [{ id: this.nextId++, type, message, time: new Date() }, ...this.events]; } private parseDate(date: Date) { diff --git a/src/app/scheduling/calendar/calendar-sample-4/calendar-sample-4.component.html b/src/app/scheduling/calendar/calendar-sample-4/calendar-sample-4.component.html index c1f3c35e1f..d3d7ea648a 100644 --- a/src/app/scheduling/calendar/calendar-sample-4/calendar-sample-4.component.html +++ b/src/app/scheduling/calendar/calendar-sample-4/calendar-sample-4.component.html @@ -1,6 +1,4 @@ -
-
- + @if (formatParts) { {{ parts.month.combined | titlecase }} {{ parts.day.combined }} {{ parts.weekday.combined }} @@ -25,5 +23,3 @@ -
-
diff --git a/src/app/scheduling/calendar/calendar-sample-4/calendar-sample-4.component.scss b/src/app/scheduling/calendar/calendar-sample-4/calendar-sample-4.component.scss index 462c462c26..8a29ca0104 100644 --- a/src/app/scheduling/calendar/calendar-sample-4/calendar-sample-4.component.scss +++ b/src/app/scheduling/calendar/calendar-sample-4/calendar-sample-4.component.scss @@ -1,17 +1,3 @@ -@use '../../../../variables' as *; - -$border-color: color($color: gray, $variant: 300); - -.calendar-wrapper { - max-width: 500px; - min-width: 300px; - border: 1px solid $border-color; - border-radius: 6px; - margin: 8px; -} - -.igx-calendar { - --ig-size: 2; - - border-radius: 4px; +igx-calendar { + border: 1px solid var(--ig-gray-100); } diff --git a/src/app/scheduling/calendar/calendar-sample-5/calendar-sample-5.component.scss b/src/app/scheduling/calendar/calendar-sample-5/calendar-sample-5.component.scss index ff03d1741b..8a29ca0104 100644 --- a/src/app/scheduling/calendar/calendar-sample-5/calendar-sample-5.component.scss +++ b/src/app/scheduling/calendar/calendar-sample-5/calendar-sample-5.component.scss @@ -1,17 +1,3 @@ -@use '../../../../variables' as *; - -$border-color: color($color: gray, $variant: 300); - -.calendar-wrapper { - max-width: 500px; - min-width: 200px; - border: 1px solid $border-color; - border-radius: 6px; - margin: 8px; -} - -.igx-calendar { - --ig-size: 2; - - border-radius: 4px; +igx-calendar { + border: 1px solid var(--ig-gray-100); } diff --git a/src/app/scheduling/calendar/calendar-sample-6/calendar-sample-6.component.html b/src/app/scheduling/calendar/calendar-sample-6/calendar-sample-6.component.html index 9230c39e2b..f90c9d6708 100644 --- a/src/app/scheduling/calendar/calendar-sample-6/calendar-sample-6.component.html +++ b/src/app/scheduling/calendar/calendar-sample-6/calendar-sample-6.component.html @@ -1,7 +1,7 @@ -
-
- Disabled dates range from {{ range[0] | date }} to {{ range[1] | date }} -
- - -
+
+ Disabled dates range from: + + {{ range[0] | date }} to {{ range[1] | date }} + +
+ diff --git a/src/app/scheduling/calendar/calendar-sample-6/calendar-sample-6.component.scss b/src/app/scheduling/calendar/calendar-sample-6/calendar-sample-6.component.scss index c5e94e15ab..fa7be08ce5 100644 --- a/src/app/scheduling/calendar/calendar-sample-6/calendar-sample-6.component.scss +++ b/src/app/scheduling/calendar/calendar-sample-6/calendar-sample-6.component.scss @@ -1,29 +1,10 @@ -.calendar-wrapper { - max-width: 700px; - min-width: 200px; - margin: 8px; - box-shadow: 0 1px 3px 0 rgba(0,0,0,.26), - 0 1px 1px 0 rgba(0,0,0,.12), - 0 2px 1px -1px rgba(0,0,0,.08); -} - -.igx-calendar { - --ig-size: 2; +igx-calendar { + border: 1px solid var(--ig-gray-300); } .info { display: flex; - justify-content: center; - background: var(--ig-surface-500); -} - -.info > span { - color: var(--ig-secondary-400); - font-weight: 600; - font-size: 0.875rem; - letter-spacing: 0.046875rem; - text-transform: uppercase; - line-height: 1rem; - margin: 16px; + flex-direction: column; + margin-bottom: 16px; } diff --git a/src/app/scheduling/calendar/calendar-sample-6/calendar-sample-6.component.ts b/src/app/scheduling/calendar/calendar-sample-6/calendar-sample-6.component.ts index de923c2e64..2fd41f5230 100644 --- a/src/app/scheduling/calendar/calendar-sample-6/calendar-sample-6.component.ts +++ b/src/app/scheduling/calendar/calendar-sample-6/calendar-sample-6.component.ts @@ -1,5 +1,5 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; -import { DateRangeType } from 'igniteui-angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { DateRangeDescriptor, DateRangeType } from 'igniteui-angular/core'; import { IgxCalendarComponent } from 'igniteui-angular/calendar'; import { DatePipe } from '@angular/common'; @@ -10,15 +10,16 @@ import { DatePipe } from '@angular/common'; changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCalendarComponent, DatePipe] }) -export class CalendarSample6Component implements OnInit{ - @ViewChild('calendar', { static: true }) public calendar: IgxCalendarComponent; + +export class CalendarSample6Component { public today = new Date(Date.now()); + public range = [ new Date(this.today.getFullYear(), this.today.getMonth(), 3), new Date(this.today.getFullYear(), this.today.getMonth(), 8) ]; - public ngOnInit() { - this.calendar.disabledDates = [{ type: DateRangeType.Between, dateRange: this.range }]; - } + public disabledDates: DateRangeDescriptor[] = [ + { type: DateRangeType.Between, dateRange: this.range } + ]; } diff --git a/src/app/scheduling/calendar/calendar-sample-7/calendar-sample-7.component.html b/src/app/scheduling/calendar/calendar-sample-7/calendar-sample-7.component.html index c0c4636053..9f34a0cf09 100644 --- a/src/app/scheduling/calendar/calendar-sample-7/calendar-sample-7.component.html +++ b/src/app/scheduling/calendar/calendar-sample-7/calendar-sample-7.component.html @@ -1,7 +1,8 @@ -
+
- -
+ + + diff --git a/src/app/scheduling/calendar/calendar-sample-7/calendar-sample-7.component.scss b/src/app/scheduling/calendar/calendar-sample-7/calendar-sample-7.component.scss index 49eeea0857..274aefa3f9 100644 --- a/src/app/scheduling/calendar/calendar-sample-7/calendar-sample-7.component.scss +++ b/src/app/scheduling/calendar/calendar-sample-7/calendar-sample-7.component.scss @@ -1,18 +1,9 @@ -.calendar-wrapper { - --ig-size: 2; - - max-width: 700px; - min-width: 200px; - margin: 8px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26), - 0 1px 1px 0 rgba(0, 0, 0, 0.12), - 0 2px 1px -1px rgba(0, 0, 0, 0.08); -} - -.igx-calendar { - border-radius: 0; +igx-calendar { + border: 1px solid var(--ig-gray-300); } -.igx-button--contained { - border-radius: 0; +.calendar-wrapper { + display: flex; + flex-direction: column; + gap: 32px; } diff --git a/src/app/scheduling/calendar/calendar-sample-8/calendar-sample-8.component.html b/src/app/scheduling/calendar/calendar-sample-8/calendar-sample-8.component.html index f507668e24..47ace0c93a 100644 --- a/src/app/scheduling/calendar/calendar-sample-8/calendar-sample-8.component.html +++ b/src/app/scheduling/calendar/calendar-sample-8/calendar-sample-8.component.html @@ -1,3 +1 @@ -
- -
+ diff --git a/src/app/scheduling/calendar/calendar-sample-8/calendar-sample-8.component.scss b/src/app/scheduling/calendar/calendar-sample-8/calendar-sample-8.component.scss index 708dac2e19..8a29ca0104 100644 --- a/src/app/scheduling/calendar/calendar-sample-8/calendar-sample-8.component.scss +++ b/src/app/scheduling/calendar/calendar-sample-8/calendar-sample-8.component.scss @@ -1,13 +1,3 @@ -.calendar-wrapper { - --ig-size: 2; - - max-width: 400px; - min-width: 200px; - margin: 8px; -} - -.igx-calendar{ - box-shadow: 0 1px 3px 0 rgba(0,0,0,.26), - 0 1px 1px 0 rgba(0,0,0,.12), - 0 2px 1px -1px rgba(0,0,0,.08); +igx-calendar { + border: 1px solid var(--ig-gray-100); } diff --git a/src/app/scheduling/calendar/calendar-sample-9/calendar-sample-9.component.html b/src/app/scheduling/calendar/calendar-sample-9/calendar-sample-9.component.html index 523520c4d6..80326ee22b 100644 --- a/src/app/scheduling/calendar/calendar-sample-9/calendar-sample-9.component.html +++ b/src/app/scheduling/calendar/calendar-sample-9/calendar-sample-9.component.html @@ -1,33 +1,38 @@ -
-
- -
+
+
+ Header orientation + + @for (ho of orientations; track ho) { + + } + +
-
- Header orientation - - @for (ho of orientations; track ho) { - - } - - - View orientation - - @for (vo of orientations; track vo) { - - } - -
+
+ View orientation + + @for (vo of orientations; track vo) { + + } + +
+ + + diff --git a/src/app/scheduling/calendar/calendar-sample-9/calendar-sample-9.component.scss b/src/app/scheduling/calendar/calendar-sample-9/calendar-sample-9.component.scss index a36be7810f..0594248ff2 100644 --- a/src/app/scheduling/calendar/calendar-sample-9/calendar-sample-9.component.scss +++ b/src/app/scheduling/calendar/calendar-sample-9/calendar-sample-9.component.scss @@ -1,51 +1,28 @@ -$padding: 2rem; - :host { - display: flex; - flex-direction: column; - height: calc(100vh - 90px); - overflow: hidden; -} + overflow-y: auto; -small { - &:not(:first-child) { - margin-block-start: 1rem; + igx-calendar { + overflow: auto; + border: 1px solid var(--ig-gray-300); } } -.calendar-wrapper { - flex-basis: 100px; +:host, +.settings__item { display: flex; flex-direction: column; - flex-grow: 1; - margin: 20px; } -.igx-calendar{ - box-shadow: 0 1px 3px 0 rgba(0,0,0,.26), - 0 1px 1px 0 rgba(0,0,0,.12), - 0 2px 1px -1px rgba(0,0,0,.08); +:host { + gap: 32px; } -.preview { +.settings { display: flex; - overflow: hidden; - height: 100%; - - &__sample { - display: flex; - flex-wrap: wrap; - overflow: auto; - flex: 1; - } + flex-wrap: wrap; + gap: 16px; +} - &__settings { - display: flex; - flex-direction: column; - gap: 8px; - background: hsla(var(--ig-gray-50)); - border-left: 1px solid var(--ig-gray-300); - padding: $padding; - overflow-x: auto; - } +.settings__item { + gap: 8px; } diff --git a/src/app/scheduling/calendar/calendar-styling-sample/calendar-styling-sample.component.html b/src/app/scheduling/calendar/calendar-styling-sample/calendar-styling-sample.component.html index afc5c45d12..57544203cd 100644 --- a/src/app/scheduling/calendar/calendar-styling-sample/calendar-styling-sample.component.html +++ b/src/app/scheduling/calendar/calendar-styling-sample/calendar-styling-sample.component.html @@ -1,4 +1,6 @@ -
- -
\ No newline at end of file + diff --git a/src/app/scheduling/calendar/calendar-styling-sample/layout.scss b/src/app/scheduling/calendar/calendar-styling-sample/layout.scss index bd4d37889b..4ea2d6de01 100644 --- a/src/app/scheduling/calendar/calendar-styling-sample/layout.scss +++ b/src/app/scheduling/calendar/calendar-styling-sample/layout.scss @@ -1,8 +1,9 @@ @use "igniteui-angular/theming" as *; :host { - ::ng-deep { + padding: 1rem; + ::ng-deep { // Note: This is not the standard approach for styling the component. // We're using it here solely to mirror the UI5 sample. @@ -111,12 +112,12 @@ } } -.calendar-wrapper { - max-width: rem(600px); - margin: rem(8px); -} - igx-calendar { + --ig-font-family: Arial, sans-serif; + --ig-subtitle-1-font-weight: 600; + --ig-size: 1; + --ig-radius-factor: 0.4; + --current-border: #A100C2; --primary: #0064D9; --background: #EAECEE; @@ -126,10 +127,5 @@ igx-calendar { width: rem(290px); min-height: rem(282px); box-sizing: border-box; - padding-top: rem(6px); box-shadow: elevation(4); - --ig-font-family: Arial, sans-serif; - --ig-subtitle-1-font-weight: 600; - --ig-size: 1; - --ig-radius-factor: 0.4; -} \ No newline at end of file +} diff --git a/src/app/scheduling/calendar/calendar-years-view/calendar-years-view.component.html b/src/app/scheduling/calendar/calendar-years-view/calendar-years-view.component.html index 8cd739024e..4a3081fa94 100644 --- a/src/app/scheduling/calendar/calendar-years-view/calendar-years-view.component.html +++ b/src/app/scheduling/calendar/calendar-years-view/calendar-years-view.component.html @@ -1,8 +1 @@ - - -
Years View
- - - - - + diff --git a/src/app/scheduling/calendar/calendar-years-view/calendar-years-view.component.scss b/src/app/scheduling/calendar/calendar-years-view/calendar-years-view.component.scss index afaa03b2d8..634b537678 100644 --- a/src/app/scheduling/calendar/calendar-years-view/calendar-years-view.component.scss +++ b/src/app/scheduling/calendar/calendar-years-view/calendar-years-view.component.scss @@ -1,11 +1,3 @@ -.igx-card { - max-width: 500px; - min-width: 200px; - margin: 8px; -} - -:host { - igx-years-view { - --ig-size: 2; - } +igx-years-view { + border: 1px solid var(--ig-gray-300); } diff --git a/src/app/scheduling/calendar/multiview/multiview.component.html b/src/app/scheduling/calendar/multiview/multiview.component.html index 9fccc3ed5e..5a70bcadf1 100644 --- a/src/app/scheduling/calendar/multiview/multiview.component.html +++ b/src/app/scheduling/calendar/multiview/multiview.component.html @@ -1,16 +1,28 @@ -
-
- @if (range.length <= 1) { - {{ action }} - } - @if (range.length > 1) { - {{ checkin }} - {{ checkout }} ({{ this.range.length - 1 }} nights stay) - } -
- - - - - -
+
+
+
+ @if (range.length <= 1) { + {{ action }} + } + @if (range.length > 1) { + {{ checkin }} - {{ checkout }} ({{ this.range.length - 1 }} nights stay) + } +
+ + + +
+ + + +
+ + + + diff --git a/src/app/scheduling/calendar/multiview/multiview.component.scss b/src/app/scheduling/calendar/multiview/multiview.component.scss index 78c139d190..fd7f27a616 100644 --- a/src/app/scheduling/calendar/multiview/multiview.component.scss +++ b/src/app/scheduling/calendar/multiview/multiview.component.scss @@ -1,34 +1,45 @@ -.calendar-wrapper { - max-width: 900px; - min-width: 200px; - margin: 8px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26), - 0 1px 1px 0 rgba(0, 0, 0, 0.12), - 0 2px 1px -1px rgba(0, 0, 0, 0.08); -} - -.igx-calendar { - --ig-size: 2; - - border-radius: 0; +.multiview-sample { + display: flex; + flex-direction: column; + gap: 16px; } -.igx-button--contained { - border-radius: 0; +igx-calendar { + border: 1px solid var(--ig-gray-300); } -.stay__info { +.stay-info { display: flex; - justify-content: center; - background: var(--ig-surface-500); + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + gap: 16px; + padding: 8px; + border: 1px dashed var(--ig-gray-300); } -.stay__info > span { - color: var(--ig-secondary-400); - font-weight: 600; - font-size: 0.875rem; - letter-spacing: 0.046875rem; - text-transform: uppercase; +.stay-info__text { + font-size: 1rem; line-height: 1rem; - margin: 16px; + margin-inline-start: .5rem; +} + +// The button is never actually disabled: it stays fully focusable and clickable +// so that activating it always validates and opens the dialog with feedback. +// While the range is incomplete we only dim it as a visual hint (cursor stays a +// pointer, since it is clickable). +button.is-incomplete { + opacity: .6; +} + +.visually-hidden { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; } diff --git a/src/app/scheduling/calendar/multiview/multiview.component.ts b/src/app/scheduling/calendar/multiview/multiview.component.ts index 370479092b..4dc5028587 100644 --- a/src/app/scheduling/calendar/multiview/multiview.component.ts +++ b/src/app/scheduling/calendar/multiview/multiview.component.ts @@ -16,6 +16,10 @@ export class CalendarMultiViewComponent { @ViewChild('alert', { static: true }) public dialog: IgxDialogComponent; public range = []; + public get isRangeSelected(): boolean { + return this.range.length >= 2; + } + public selectDates(dates: Date | Date[]) { this.range = dates as Date[]; } @@ -45,7 +49,7 @@ export class CalendarMultiViewComponent { } get action() { - return this.range.length < 1 ? 'CHECK-IN' : 'CHECK-OUT'; + return this.range.length < 1 ? 'Select a CHECK-IN date' : 'Now select a CHECK-OUT date'; } get checkin() { From b6aa0e23db52869b0eddd2c3bc4b60d325b0e59d Mon Sep 17 00:00:00 2001 From: desig9stein Date: Thu, 9 Jul 2026 10:55:22 +0300 Subject: [PATCH 08/17] fix(sample-size-reporter): validate message origin --- src/sample-size-reporter.ts | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/src/sample-size-reporter.ts b/src/sample-size-reporter.ts index f9c666d28c..27a136cfb4 100644 --- a/src/sample-size-reporter.ts +++ b/src/sample-size-reporter.ts @@ -55,11 +55,17 @@ export function initSampleSizeReporter(): void { }; window.addEventListener('message', (e: MessageEvent) => { + if (e.source !== window.parent) { + return; + } + if (!e.origin || !/^https?:\/\//.test(e.origin)) { + return; + } if (!e.data || e.data.type !== FIT_ENABLE) { return; } reportWidth = Boolean(e.data.width); - hostOrigin = e.origin || '*'; + hostOrigin = e.origin; if (!styled) { styled = true; From 5a08f320506bc6b2c3eb3c9e97d6c3d3edc9a924 Mon Sep 17 00:00:00 2001 From: desig9stein Date: Thu, 9 Jul 2026 11:50:21 +0300 Subject: [PATCH 09/17] fix(sample-size-reporter): remove trailing commas in postMessage parameters --- src/sample-size-reporter.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/sample-size-reporter.ts b/src/sample-size-reporter.ts index 27a136cfb4..bef1d1f376 100644 --- a/src/sample-size-reporter.ts +++ b/src/sample-size-reporter.ts @@ -46,11 +46,11 @@ export function initSampleSizeReporter(): void { const height = Math.max( document.documentElement.offsetHeight, document.body.offsetHeight, - document.body.scrollHeight, + document.body.scrollHeight ); window.parent.postMessage( { type: FIT_REPORT, height, width: reportWidth ? measureWidth() : undefined }, - hostOrigin, + hostOrigin ); }; From d6beae7137c5593bc3620d6c14a5f3d5e4b3a304 Mon Sep 17 00:00:00 2001 From: Viktor Kombov Date: Mon, 20 Jul 2026 10:51:33 +0300 Subject: [PATCH 10/17] Merge branch 'vnext' of https://github.com/IgniteUI/igniteui-angular-samples into vkombov/migrate-to-zoneless --- .../configs/PivotGridConfigGenerator.ts | 6 +++ .../chip-variants.component.scss | 8 ++-- ...id-validator-service-extended.component.ts | 4 +- ...id-validator-service-extended.component.ts | 4 +- src/app/pivot-grid/pivot-grid-routes-data.ts | 1 + src/app/pivot-grid/pivot-grids.routes.ts | 8 +++- src/app/pivot-grid/pivot-styling/layout.scss | 4 ++ .../pivot-styling.component.html | 2 + .../pivot-styling.component.scss | 16 +++++++ .../pivot-styling/pivot-styling.component.ts | 45 +++++++++++++++++++ .../bootstrap/bootstrap-sample.component.scss | 9 ++-- src/app/theming/styles/dark-theme.scss | 4 +- src/app/theming/styles/themes.scss | 6 +-- ...id-validator-service-extended.component.ts | 4 +- 14 files changed, 102 insertions(+), 19 deletions(-) create mode 100644 src/app/pivot-grid/pivot-styling/layout.scss create mode 100644 src/app/pivot-grid/pivot-styling/pivot-styling.component.html create mode 100644 src/app/pivot-grid/pivot-styling/pivot-styling.component.scss create mode 100644 src/app/pivot-grid/pivot-styling/pivot-styling.component.ts diff --git a/live-editing/configs/PivotGridConfigGenerator.ts b/live-editing/configs/PivotGridConfigGenerator.ts index e2ed82c71d..7f7fb25e2e 100644 --- a/live-editing/configs/PivotGridConfigGenerator.ts +++ b/live-editing/configs/PivotGridConfigGenerator.ts @@ -82,6 +82,12 @@ export class PivotGridConfigGenerator implements IConfigGenerator { component: 'PivotGridLayoutComponent' })); + configs.push(new Config({ + additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/dataToAnalyze.ts'], + appConfig: BaseAppConfig, + component: 'PivotStylingComponent' + })); + return configs; } } diff --git a/src/app/data-display/chip/chip-variants/chip-variants.component.scss b/src/app/data-display/chip/chip-variants/chip-variants.component.scss index 3a4043d655..fce0b6a0db 100644 --- a/src/app/data-display/chip/chip-variants/chip-variants.component.scss +++ b/src/app/data-display/chip/chip-variants/chip-variants.component.scss @@ -1,8 +1,8 @@ -igx-chip { - margin-right: 5px; -} - .sample-container { + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 5px; padding-top: 15px; padding-left: 10px; } diff --git a/src/app/grid/grid-validator-service-extended/grid-validator-service-extended.component.ts b/src/app/grid/grid-validator-service-extended/grid-validator-service-extended.component.ts index a602aa186d..0d34ff83ae 100644 --- a/src/app/grid/grid-validator-service-extended/grid-validator-service-extended.component.ts +++ b/src/app/grid/grid-validator-service-extended/grid-validator-service-extended.component.ts @@ -1,4 +1,4 @@ -import { Component, Directive, Input, ViewChild } from '@angular/core'; +import { Component, Directive, forwardRef, Input, ViewChild } from '@angular/core'; import { AbstractControl, FormGroup, NG_VALIDATORS, ValidationErrors, ValidatorFn, Validators } from '@angular/forms'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IGridFormGroupCreatedEventArgs, IgxCellTemplateDirective, IgxCellValidationErrorDirective, IgxColumnComponent, IgxColumnEmailValidatorDirective, IgxColumnMinValidatorDirective, IgxColumnRequiredValidatorDirective } from 'igniteui-angular/grids/core'; @@ -16,7 +16,7 @@ export function phoneFormatValidator(phoneReg: RegExp): ValidatorFn { @Directive({ selector: '[phoneFormat]', - providers: [{ provide: NG_VALIDATORS, useExisting: PhoneFormatDirective, multi: true }] + providers: [{ provide: NG_VALIDATORS, useExisting: forwardRef(() => PhoneFormatDirective), multi: true }] }) export class PhoneFormatDirective extends Validators { @Input('phoneFormat') diff --git a/src/app/hierarchical-grid/hierarchical-grid-validator-service-extended/hierarchical-grid-validator-service-extended.component.ts b/src/app/hierarchical-grid/hierarchical-grid-validator-service-extended/hierarchical-grid-validator-service-extended.component.ts index 63c25d780a..fbcfefab77 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-validator-service-extended/hierarchical-grid-validator-service-extended.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-validator-service-extended/hierarchical-grid-validator-service-extended.component.ts @@ -1,4 +1,4 @@ -import { Component, Directive, Input, ViewChild } from '@angular/core'; +import { Component, Directive, forwardRef, Input, ViewChild } from '@angular/core'; import { AbstractControl, NG_VALIDATORS, ValidationErrors, ValidatorFn, Validators } from '@angular/forms'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IGridFormGroupCreatedEventArgs, IgxCellValidationErrorDirective, IgxColumnComponent, IgxColumnRequiredValidatorDirective, IgxGridToolbarComponent, IgxGridToolbarDirective } from 'igniteui-angular/grids/core'; @@ -15,7 +15,7 @@ export function phoneFormatValidator(phoneReg: RegExp): ValidatorFn { @Directive({ selector: '[phoneFormat]', - providers: [{ provide: NG_VALIDATORS, useExisting: HGridPhoneFormatDirective, multi: true }] + providers: [{ provide: NG_VALIDATORS, useExisting: forwardRef(() => HGridPhoneFormatDirective), multi: true }] }) export class HGridPhoneFormatDirective extends Validators { @Input('phoneFormat') diff --git a/src/app/pivot-grid/pivot-grid-routes-data.ts b/src/app/pivot-grid/pivot-grid-routes-data.ts index 51e0139d47..6065e07126 100644 --- a/src/app/pivot-grid/pivot-grid-routes-data.ts +++ b/src/app/pivot-grid/pivot-grid-routes-data.ts @@ -6,6 +6,7 @@ export const pivotGridsRoutesData = { '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-styling': { displayName: 'Pivot Grid Styling', 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' } diff --git a/src/app/pivot-grid/pivot-grids.routes.ts b/src/app/pivot-grid/pivot-grids.routes.ts index 13dfb2b0bc..f40be47cca 100644 --- a/src/app/pivot-grid/pivot-grids.routes.ts +++ b/src/app/pivot-grid/pivot-grids.routes.ts @@ -10,6 +10,7 @@ import { pivotGridsRoutesData } from './pivot-grid-routes-data'; import { PivotGridAboutComponent } from './pivot-state-persistence/about.component'; import { PivotGridStatePersistenceSampleComponent } from './pivot-state-persistence/pivot-grid-state-persistence-sample.component'; import { PivotGridLayoutComponent } from './pivot-layout/pivot-layout.component' +import { PivotStylingComponent } from './pivot-styling/pivot-styling.component'; // tslint:enable:max-line-length export const PivotGridsRoutes: Routes = [ @@ -51,11 +52,16 @@ export const PivotGridsRoutes: Routes = [ { component: PivotGridAboutComponent, data: pivotGridsRoutesData['pivot-grid-about'], - path: 'pivot-state-about' + path: 'pivot-grid-about' }, { component: PivotGridLayoutComponent, data: pivotGridsRoutesData['pivot-grid-features'], path: 'pivot-grid-layout' + }, + { + component: PivotStylingComponent, + data: pivotGridsRoutesData['pivot-grid-styling'], + path: 'pivot-grid-styling' } ]; diff --git a/src/app/pivot-grid/pivot-styling/layout.scss b/src/app/pivot-grid/pivot-styling/layout.scss new file mode 100644 index 0000000000..5ea6cde808 --- /dev/null +++ b/src/app/pivot-grid/pivot-styling/layout.scss @@ -0,0 +1,4 @@ +:host { + display: block; + padding: 8px; +} \ No newline at end of file diff --git a/src/app/pivot-grid/pivot-styling/pivot-styling.component.html b/src/app/pivot-grid/pivot-styling/pivot-styling.component.html new file mode 100644 index 0000000000..08df70c02f --- /dev/null +++ b/src/app/pivot-grid/pivot-styling/pivot-styling.component.html @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/src/app/pivot-grid/pivot-styling/pivot-styling.component.scss b/src/app/pivot-grid/pivot-styling/pivot-styling.component.scss new file mode 100644 index 0000000000..238acf9733 --- /dev/null +++ b/src/app/pivot-grid/pivot-styling/pivot-styling.component.scss @@ -0,0 +1,16 @@ +@use "layout.scss"; +@use "igniteui-angular/theming" as *; + +$background: #292826; +$foreground: #eeece1; +$accent: #ffcd0f; + +$custom-grid: grid-theme( + $background: $background, + $foreground: $foreground, + $accent-color: $accent, +); + +igx-pivot-grid { + @include tokens($custom-grid); +} diff --git a/src/app/pivot-grid/pivot-styling/pivot-styling.component.ts b/src/app/pivot-grid/pivot-styling/pivot-styling.component.ts new file mode 100644 index 0000000000..b85a70c4fe --- /dev/null +++ b/src/app/pivot-grid/pivot-styling/pivot-styling.component.ts @@ -0,0 +1,45 @@ +import { Component, ChangeDetectionStrategy } from "@angular/core"; +import { DATA } from '../../data/pivot-data'; + +import { IPivotConfiguration, IgxPivotNumericAggregate } from 'igniteui-angular/grids/core'; +import { IgxPivotGridComponent } from 'igniteui-angular/grids/pivot-grid'; + +@Component({ + selector: 'app-pivot-styling', + styleUrls: ['./pivot-styling.component.scss'], + templateUrl: './pivot-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, + imports: [IgxPivotGridComponent] +}) + +export class PivotStylingComponent { + public data = DATA; + public pivotConfigHierarchy: IPivotConfiguration = { + columns: [ + { + memberName: 'Product', + memberFunction: (data) => data.Product.Name, + enabled: true + } + ], + rows: [ + { + memberName: 'Seller', + memberFunction: (data) => data.Seller.Name, + enabled: true + } + ], + values: [ + { + member: 'NumberOfUnits', + aggregate: { + aggregator: IgxPivotNumericAggregate.sum, + key: 'sum', + label: 'Sum' + }, + enabled: true + } + ], + filters: null + }; +} diff --git a/src/app/theming/bootstrap/bootstrap-sample.component.scss b/src/app/theming/bootstrap/bootstrap-sample.component.scss index a361dba19a..93508a365a 100644 --- a/src/app/theming/bootstrap/bootstrap-sample.component.scss +++ b/src/app/theming/bootstrap/bootstrap-sample.component.scss @@ -17,9 +17,8 @@ $custom-dark-palette: palette( $dark-primary: color($custom-dark-palette, "primary"); $dark-secondary: color($custom-dark-palette, "secondary"); -.d-flex.align-items-center { - width: 100%; - padding: 0 16px; +.d-flex { + align-items: center; } .card-wrapper { @@ -164,4 +163,8 @@ $dark-secondary: color($custom-dark-palette, "secondary"); ::ng-deep{ /* Importing Bootstrap .scss file. */ @import "bootstrap/scss/bootstrap"; + + .collapse { + visibility: visible; + } } diff --git a/src/app/theming/styles/dark-theme.scss b/src/app/theming/styles/dark-theme.scss index db22c73dd2..0464750d53 100644 --- a/src/app/theming/styles/dark-theme.scss +++ b/src/app/theming/styles/dark-theme.scss @@ -57,8 +57,8 @@ $header-border-color: color($dark-theme-palette, "primary", 600) // Define dark theme for the paginator $dark-paginator-theme: paginator-theme( - $text-color: color($dark-theme-palette, "secondary", 700), - $background-color: color($dark-theme-palette, "primary", 500), + $foreground: color($dark-theme-palette, "secondary", 700), + $background: color($dark-theme-palette, "primary", 500), $border-color: color($dark-theme-palette, "secondary", 500) ); diff --git a/src/app/theming/styles/themes.scss b/src/app/theming/styles/themes.scss index 7c2f28d156..9ab35163ab 100644 --- a/src/app/theming/styles/themes.scss +++ b/src/app/theming/styles/themes.scss @@ -203,14 +203,14 @@ $black-grid-theme: grid-theme( // Define light theme for the paginator $light-paginator-theme: paginator-theme( - $background-color:color($light-theme-palette, "primary", 100), + $background:color($light-theme-palette, "primary", 100), $border-color: color($light-theme-palette, "secondary", 500) ); // Define dark theme for the paginator $dark-paginator-theme: paginator-theme( - $text-color: color($dark-theme-palette, "secondary", 700), - $background-color:color($dark-theme-palette, "primary", 500), + $foreground: color($dark-theme-palette, "secondary", 700), + $background:color($dark-theme-palette, "primary", 500), $border-color: color($dark-theme-palette, "secondary", 500) ); diff --git a/src/app/tree-grid/tree-grid-validator-service-extended/tree-grid-validator-service-extended.component.ts b/src/app/tree-grid/tree-grid-validator-service-extended/tree-grid-validator-service-extended.component.ts index 283b6d92ad..478bcd4f14 100644 --- a/src/app/tree-grid/tree-grid-validator-service-extended/tree-grid-validator-service-extended.component.ts +++ b/src/app/tree-grid/tree-grid-validator-service-extended/tree-grid-validator-service-extended.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, Directive, Input, OnInit, ViewChild } from '@angular/core'; +import { Component, Directive, forwardRef, Input, OnInit, ViewChild } from '@angular/core'; import { AbstractControl, FormGroup, NG_VALIDATORS, ValidationErrors, ValidatorFn, Validators } from '@angular/forms'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IGridFormGroupCreatedEventArgs, IgxCellValidationErrorDirective, IgxColumnComponent, IgxColumnMaxValidatorDirective, IgxColumnMinValidatorDirective, IgxColumnRequiredValidatorDirective } from 'igniteui-angular/grids/core'; @@ -17,7 +17,7 @@ export function phoneFormatValidator(phoneReg: RegExp): ValidatorFn { @Directive({ selector: '[phoneFormat]', - providers: [{ provide: NG_VALIDATORS, useExisting: TGridPhoneFormatDirective, multi: true }] + providers: [{ provide: NG_VALIDATORS, useExisting: forwardRef(() => TGridPhoneFormatDirective), multi: true }] }) export class TGridPhoneFormatDirective extends Validators { @Input('phoneFormat') From 1d9d75fb4887eaeb80d2b521cfdc59e5353c872f Mon Sep 17 00:00:00 2001 From: Viktor Kombov Date: Wed, 22 Jul 2026 10:57:25 +0300 Subject: [PATCH 11/17] fix(combo): trigger change detection after async loading (#3998) --- .../grid-cascading-combos.component.ts | 6 +++++- .../simple-combo-cascading.component.ts | 5 ++++- 2 files changed, 9 insertions(+), 2 deletions(-) diff --git a/src/app/grid/grid-cascading-combos/grid-cascading-combos.component.ts b/src/app/grid/grid-cascading-combos/grid-cascading-combos.component.ts index 1d62db2353..f1989af5b6 100644 --- a/src/app/grid/grid-cascading-combos/grid-cascading-combos.component.ts +++ b/src/app/grid/grid-cascading-combos/grid-cascading-combos.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, QueryList, ViewChildren } from '@angular/core'; +import { ChangeDetectorRef, Component, inject, OnInit, QueryList, ViewChildren } from '@angular/core'; import { ISimpleComboSelectionChangingEventArgs, IgxSimpleComboComponent } from 'igniteui-angular/simple-combo'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -16,6 +16,8 @@ import { FormsModule } from '@angular/forms'; imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxSimpleComboComponent, FormsModule, IgxLinearProgressBarComponent] }) export class GridCascadingCombosComponent implements OnInit { + private cdr = inject(ChangeDetectorRef); + @ViewChildren(IgxSimpleComboComponent) public combos: QueryList; @@ -55,6 +57,7 @@ export class GridCascadingCombosComponent implements OnInit { .map((c) => ({ name: c.region, country: c.country })) .filter((v, i, a) => a.findIndex((r) => r.name === v.name) === i); cell.row.data.loadingRegion = false; + this.cdr.markForCheck(); }, this.loadingTime); this.selectedRegionName = null; this.selectedCityId = null; @@ -79,6 +82,7 @@ export class GridCascadingCombosComponent implements OnInit { (c) => c.region === this.selectedRegionName ); cell.row.data.loadingCity = false; + this.cdr.markForCheck(); }, this.loadingTime); this.selectedCityId = null; this.loadingTime = 0; diff --git a/src/app/lists/combo/simple-combo-cascading/simple-combo-cascading.component.ts b/src/app/lists/combo/simple-combo-cascading/simple-combo-cascading.component.ts index 0e0ac0ae2c..c98711a490 100644 --- a/src/app/lists/combo/simple-combo-cascading/simple-combo-cascading.component.ts +++ b/src/app/lists/combo/simple-combo-cascading/simple-combo-cascading.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { ChangeDetectorRef, Component, inject, OnInit } from '@angular/core'; import { ISimpleComboSelectionChangingEventArgs, IgxSimpleComboComponent } from 'igniteui-angular/simple-combo'; import { IgxLinearProgressBarComponent } from 'igniteui-angular/progressbar'; import { City, Country, getCitiesByCountry, getCountries, Region } from '../../../data/cities15000-regions-countries'; @@ -21,6 +21,7 @@ export class SimpleComboCascadingComponent implements OnInit { public isLoadingRegions: boolean = false; public isLoadingCities: boolean = false; private loadingTime = 0; + private cdr = inject(ChangeDetectorRef); public ngOnInit(): void { this.countriesData = getCountries(['United States', 'Japan', 'United Kingdom']); @@ -41,6 +42,7 @@ export class SimpleComboCascadingComponent implements OnInit { .map(c => ({name: c.region, country: c.country})) .filter((v, i, a) => a.findIndex(r => r.name === v.name) === i); this.isLoadingRegions = false; + this.cdr.markForCheck(); }, this.loadingTime) this.citiesData = []; this.loadingTime = 0; @@ -59,6 +61,7 @@ export class SimpleComboCascadingComponent implements OnInit { this.citiesData = getCitiesByCountry([this.selectedCountry?.name]) .filter(c => c.region === this.selectedRegion?.name); this.isLoadingCities = false; + this.cdr.markForCheck(); }, this.loadingTime) this.loadingTime = 0; } From 9732c98a3017a962a9b42f28f7ab40c2cebd3a55 Mon Sep 17 00:00:00 2001 From: Viktor Kombov Date: Thu, 23 Jul 2026 16:09:10 +0300 Subject: [PATCH 12/17] fix(overlay-scroll): and markForCheck on overlay close --- .../overlay-scroll-2/overlay-scroll-sample-2.component.ts | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/src/app/interactions/overlay/overlay-scroll-2/overlay-scroll-sample-2.component.ts b/src/app/interactions/overlay/overlay-scroll-2/overlay-scroll-sample-2.component.ts index 6401b52a53..34e6923bf7 100644 --- a/src/app/interactions/overlay/overlay-scroll-2/overlay-scroll-sample-2.component.ts +++ b/src/app/interactions/overlay/overlay-scroll-2/overlay-scroll-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnDestroy, OnInit, ViewChild, ViewContainerRef, inject } from '@angular/core'; +import { ChangeDetectorRef, Component, ElementRef, OnDestroy, OnInit, ViewChild, ViewContainerRef, inject } from '@angular/core'; import { AbsoluteScrollStrategy, BlockScrollStrategy, CloseScrollStrategy, ConnectedPositioningStrategy, IgxOverlayService, NoOpScrollStrategy } from 'igniteui-angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { Subject } from 'rxjs'; @@ -14,6 +14,7 @@ import { MyDynamicCardComponent } from '../overlay-dynamic-card/overlay-dynamic- export class OverlayScrollSample2Component implements OnInit, OnDestroy { private overlay = inject(IgxOverlayService); private viewContainerRef = inject(ViewContainerRef); + private cdr = inject(ChangeDetectorRef); @ViewChild('scrollDemo', { static: true }) public scrollDemo: ElementRef; @@ -37,7 +38,10 @@ export class OverlayScrollSample2Component implements OnInit, OnDestroy { this.overlay .closed .pipe(takeUntil(this.destroy$)) - .subscribe(() => this.previewHidden = false); + .subscribe(() => { + this.previewHidden = false; + this.cdr.markForCheck(); + }); } public ngOnInit(): void { From 670e5543746381700622ae5438238a43ddce5597 Mon Sep 17 00:00:00 2001 From: Viktor Kombov Date: Fri, 24 Jul 2026 12:47:50 +0300 Subject: [PATCH 13/17] fix(grids): add markForCheck on longRunning completion --- .../grid-export-visualization.component.ts | 8 ++++++-- .../tree-grid-export-visualization.component.ts | 8 ++++++-- 2 files changed, 12 insertions(+), 4 deletions(-) diff --git a/src/app/grid/grid-export-visualization/grid-export-visualization.component.ts b/src/app/grid/grid-export-visualization/grid-export-visualization.component.ts index 79b1293e53..51d3b65fd7 100644 --- a/src/app/grid/grid-export-visualization/grid-export-visualization.component.ts +++ b/src/app/grid/grid-export-visualization/grid-export-visualization.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, inject, ChangeDetectorRef } from '@angular/core'; import { DATA } from '../../data/nwindData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent } from 'igniteui-angular/grids/core'; @@ -13,6 +13,7 @@ import { CurrencyPipe } from '@angular/common'; imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxButtonDirective, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, CurrencyPipe] }) export class GridExportVisualizationComponent { + private cdr = inject(ChangeDetectorRef); public localData = []; constructor() { for (let i = 0; i < 1000; i++) { @@ -32,6 +33,9 @@ export class GridExportVisualizationComponent { longRunning(toolbar: any) { toolbar.showProgress = true; - setTimeout(() => toolbar.showProgress = false, 5000); + setTimeout(() => { + toolbar.showProgress = false; + this.cdr.markForCheck(); + }, 5000); } } diff --git a/src/app/tree-grid/tree-grid-export-visualization/tree-grid-export-visualization.component.ts b/src/app/tree-grid/tree-grid-export-visualization/tree-grid-export-visualization.component.ts index 372c07da18..30da3785ad 100644 --- a/src/app/tree-grid/tree-grid-export-visualization/tree-grid-export-visualization.component.ts +++ b/src/app/tree-grid/tree-grid-export-visualization/tree-grid-export-visualization.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, inject, ChangeDetectorRef } from '@angular/core'; import { ORDERS_DATA } from '../data/orders'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent } from 'igniteui-angular/grids/core'; @@ -13,6 +13,7 @@ import { CurrencyPipe } from '@angular/common'; imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxButtonDirective, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, CurrencyPipe] }) export class TreeGridExportVisualizationComponent { + private cdr = inject(ChangeDetectorRef); public localData = []; private data = ORDERS_DATA; @@ -36,6 +37,9 @@ export class TreeGridExportVisualizationComponent { longRunning(toolbar: any) { toolbar.showProgress = true; - setTimeout(() => toolbar.showProgress = false, 5000); + setTimeout(() => { + toolbar.showProgress = false; + this.cdr.markForCheck(); + }, 5000); } } From fc9073df6c64c73d31c02c99bb55df38b7c951f8 Mon Sep 17 00:00:00 2001 From: Viktor Kombov Date: Fri, 24 Jul 2026 16:15:46 +0300 Subject: [PATCH 14/17] chore(deps): update igniteui-angular to 22.1.0-alpha and remove zone.js --- angular.json | 4 +- package-lock.json | 115 ++++++------------ package.json | 13 +- .../app-crm/src/environments/environment.ts | 9 -- projects/app-crm/src/polyfills.ts | 3 - projects/app-crm/src/test.ts | 25 ++-- .../app-lob/src/environments/environment.ts | 9 -- projects/app-lob/src/polyfills.ts | 8 +- src/polyfills.ts | 8 +- src/test.ts | 50 ++++---- 10 files changed, 85 insertions(+), 159 deletions(-) diff --git a/angular.json b/angular.json index b5d7e24eb1..33c08f198f 100644 --- a/angular.json +++ b/angular.json @@ -136,7 +136,7 @@ }, "index": "projects/app-lob/src/index.html", "polyfills": [ - "projects/app-lob/src/polyfills.ts" + "hammerjs/hammer" ], "tsConfig": "projects/app-lob/tsconfig.app.json", "assets": [ @@ -267,7 +267,7 @@ }, "index": "projects/app-crm/src/index.html", "polyfills": [ - "projects/app-crm/src/polyfills.ts" + "hammerjs/hammer" ], "tsConfig": "projects/app-crm/tsconfig.app.json", "assets": [ diff --git a/package-lock.json b/package-lock.json index 177541bf87..36391e14ed 100644 --- a/package-lock.json +++ b/package-lock.json @@ -36,13 +36,13 @@ "file-saver": "^2.0.2", "fuse.js": "^7.1.0", "hammerjs": "^2.0.8", - "igniteui-angular": "^22.0.0", + "igniteui-angular": "22.1.0-alpha.0", "igniteui-angular-charts": "^22.0.0", "igniteui-angular-core": "^22.0.0", - "igniteui-angular-extras": "^22.0.0", - "igniteui-angular-i18n": "^22.0.0", + "igniteui-angular-extras": "22.1.0-alpha.0", + "igniteui-angular-i18n": "22.1.0-alpha.0", "igniteui-dockmanager": "^1.17.0", - "igniteui-grid-lite": "^0.7.1", + "igniteui-grid-lite": "^0.9.0", "igniteui-i18n-resources": "^1.0.4", "igniteui-live-editing": "^3.5.1", "igniteui-webcomponents": "^7.2.1", @@ -54,8 +54,7 @@ "shiki": "^3.13.0", "sql-formatter": "^15.4.11", "tailwindcss": "^4.1.10", - "tslib": "^2.6.1", - "zone.js": "~0.15.0" + "tslib": "^2.6.1" }, "devDependencies": { "@angular-eslint/builder": "^22.0.0", @@ -1240,9 +1239,9 @@ } }, "node_modules/@bufbuild/protobuf": { - "version": "2.12.0", - "resolved": "https://registry.npmjs.org/@bufbuild/protobuf/-/protobuf-2.12.0.tgz", - "integrity": "sha512-B/XlCaFIP8LOwzo+bz5uFzATYokcwCKQcghqnlfwSmM5eX/qTkvDBnDPs+gXtX/RyjxJ4DRikECcPJbyALA8FA==", + "version": "2.13.0", + "resolved": "https://registry.npmjs.org/@bufbuild/protobuf/-/protobuf-2.13.0.tgz", + "integrity": "sha512-acq7c49vxfm1ggJ95P70TX7ABDM0vxr1SYD3BB0o0jnBLB4OAqeHyKuN+cD3w80gXEDQ2zxHpR6CUeA+O/aU9g==", "license": "(Apache-2.0 AND BSD-3-Clause)" }, "node_modules/@colors/colors": { @@ -10493,15 +10492,15 @@ "license": "BSD-3-Clause" }, "node_modules/igniteui-angular": { - "version": "22.0.0", - "resolved": "https://registry.npmjs.org/igniteui-angular/-/igniteui-angular-22.0.0.tgz", - "integrity": "sha512-E9/AzWNbqs/bwrHCg91jL3qu58IkUYJ7CP/OZQG09aj/FZLBOxeB+3FnpztReyieG4xUOIj9AUGpPkZRmwgo/Q==", + "version": "22.1.0-alpha.0", + "resolved": "https://registry.npmjs.org/igniteui-angular/-/igniteui-angular-22.1.0-alpha.0.tgz", + "integrity": "sha512-x9F/H3I82o9x3onYszElXF6oC7k4maXiSCUiFGFr6fBUVNN8acvt/kfMDetaixf8j59Ur7wMCI2xnuX3AVOLaA==", "license": "SEE LICENSE IN LICENSE", "dependencies": { "@igniteui/material-icons-extended": "^3.1.0", "fflate": "^0.8.2", "igniteui-i18n-core": "^1.0.5", - "igniteui-theming": "^27.3.0", + "igniteui-theming": "^27.4.0", "igniteui-trial-watermark": "^3.1.0", "jspdf": "^4.2.1", "lodash-es": "^4.17.21", @@ -10514,7 +10513,7 @@ "@angular/forms": "22", "@types/hammerjs": "^2.0.46", "hammerjs": "^2.0.8", - "igniteui-grid-lite": "~0.7.1", + "igniteui-grid-lite": "~0.9.0", "igniteui-webcomponents": "^7.2.1" }, "peerDependenciesMeta": { @@ -10562,9 +10561,9 @@ } }, "node_modules/igniteui-angular-extras": { - "version": "22.0.0", - "resolved": "https://registry.npmjs.org/igniteui-angular-extras/-/igniteui-angular-extras-22.0.0.tgz", - "integrity": "sha512-P2unrI2aNT5gMEWElSD/K5ZVZd7H46lmX1B+m8iK+t8k8sNx5F+dvBQkXUExdLPdtRtObXxhHVrh7QGUeBm6Xw==", + "version": "22.1.0-alpha.0", + "resolved": "https://registry.npmjs.org/igniteui-angular-extras/-/igniteui-angular-extras-22.1.0-alpha.0.tgz", + "integrity": "sha512-/pNo+e+td9FnMlMzqECKvOiGt4IPDBAAtWOrNMHrKH8cVbryTsEpl+i2p++tj4jheliluMQXIA/NFCEN+r3RrQ==", "license": "SEE LICENSE IN LICENSE", "dependencies": { "igniteui-trial-watermark": "^3.1.0", @@ -10579,9 +10578,9 @@ } }, "node_modules/igniteui-angular-i18n": { - "version": "22.0.0", - "resolved": "https://registry.npmjs.org/igniteui-angular-i18n/-/igniteui-angular-i18n-22.0.0.tgz", - "integrity": "sha512-S4mlSwdHsqPR5cSgpE9vZbqGP97jSna4NzOyF7VMUznWnE9Xp08UjeLefJGP3n71ALalCM4Waxivnk+kGW6mNQ==", + "version": "22.1.0-alpha.0", + "resolved": "https://registry.npmjs.org/igniteui-angular-i18n/-/igniteui-angular-i18n-22.1.0-alpha.0.tgz", + "integrity": "sha512-M2dv5XJb/DbT4HzYF07n9WrjDEbSWcimNxE8A6L3KWBzebuahmQ3wzvmps3gd1YABJWD2+gV8QSYYvXA0P7Atg==", "license": "MIT", "dependencies": { "igniteui-i18n-core": "^1.0.2", @@ -10604,58 +10603,18 @@ "license": "Apache-2.0" }, "node_modules/igniteui-grid-lite": { - "version": "0.7.1", - "resolved": "https://registry.npmjs.org/igniteui-grid-lite/-/igniteui-grid-lite-0.7.1.tgz", - "integrity": "sha512-CUKa9/U5Tn1DDxPMoHPP5RRbTlA/KqiSaHGDaMrrGNRBFbLQAZJnKNR3mlTgHeIk0rWjL6Wyc2bZgjpTWRQxIQ==", + "version": "0.9.0", + "resolved": "https://registry.npmjs.org/igniteui-grid-lite/-/igniteui-grid-lite-0.9.0.tgz", + "integrity": "sha512-pW6MPniC0Up5YmbdB2QVTpPdIp0lkapPfQbnQQmqhtrvGO8Cpf84FQf1s7uMxatCC6FV5w7fgGpriy3t88yNng==", "license": "MIT", "dependencies": { "@lit-labs/virtualizer": "~2.1.0", "@lit/context": "~1.1.5", - "igniteui-webcomponents": "~7.1.0", - "lit": "^3.3.0" - }, - "engines": { - "node": ">=20" - } - }, - "node_modules/igniteui-grid-lite/node_modules/igniteui-webcomponents": { - "version": "7.1.3", - "resolved": "https://registry.npmjs.org/igniteui-webcomponents/-/igniteui-webcomponents-7.1.3.tgz", - "integrity": "sha512-iG4xBzooIOxtnAG8VIg39zKVWoo9jy2iEK3CDLGZYb9hU1LZx+4SAOPFkB9FSp15dgR4ql6kGKYf93T8oK0sdw==", - "license": "MIT", - "dependencies": { - "@floating-ui/dom": "^1.7.0", - "@lit-labs/virtualizer": "^2.1.0", - "@lit/context": "^1.1.0", - "igniteui-i18n-core": "^1.0.1", + "igniteui-webcomponents": "~7.2.0", "lit": "^3.3.0" }, "engines": { "node": ">=22" - }, - "peerDependencies": { - "dompurify": "^3.3.0", - "igniteui-i18n-resources": "^1.0.1", - "marked": "^17.0.0", - "marked-shiki": "^1.2.0", - "shiki": "^3.20.0" - }, - "peerDependenciesMeta": { - "dompurify": { - "optional": true - }, - "igniteui-i18n-resources": { - "optional": true - }, - "marked": { - "optional": true - }, - "marked-shiki": { - "optional": true - }, - "shiki": { - "optional": true - } } }, "node_modules/igniteui-i18n-core": { @@ -10688,9 +10647,9 @@ "license": "MIT" }, "node_modules/igniteui-theming": { - "version": "27.3.0", - "resolved": "https://registry.npmjs.org/igniteui-theming/-/igniteui-theming-27.3.0.tgz", - "integrity": "sha512-9xpPZkMUBSBzA1KzBoXurx61RoaUKW7p/H6CWks+Nh8SehsvAj2j4DSQlT0IR6bb41kRICYVNuyTqMicqLmaLA==", + "version": "27.4.0", + "resolved": "https://registry.npmjs.org/igniteui-theming/-/igniteui-theming-27.4.0.tgz", + "integrity": "sha512-0lxn6jDcPKdEtewxx/q+F0MBGhlfXCx1nzfFRS55GmfcYAexNwAjfjS2MlE+Tc/aN33spDA9GkP6cQNI2s+BdA==", "license": "MIT", "dependencies": { "@modelcontextprotocol/sdk": "^1.28.0", @@ -13925,9 +13884,19 @@ } }, "node_modules/pako": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/pako/-/pako-2.1.0.tgz", - "integrity": "sha512-w+eufiZ1WuJYgPXbV/PO3NCMEc3xqylkKHzp8bxp1uW4qaSNQUkwmLLEc3kKsfz8lpV1F8Ht3U1Cm+9Srog2ug==", + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/pako/-/pako-2.2.0.tgz", + "integrity": "sha512-zJq6RP/5q+TO2OpFV3FHzlPnFjmkb7Nc99a5SNjJE+uu/PkpChs+NIZSSzbBoD+6kjiISXjfYdwj1ZRQ81dz/w==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/puzrin" + }, + { + "type": "github", + "url": "https://github.com/sponsors/nodeca" + } + ], "license": "(MIT AND Zlib)" }, "node_modules/parent-module": { @@ -18410,12 +18379,6 @@ "zod": "^3.25.28 || ^4" } }, - "node_modules/zone.js": { - "version": "0.15.1", - "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.15.1.tgz", - "integrity": "sha512-XE96n56IQpJM7NAoXswY3XRLcWFW83xe0BiAOeMD7K5k5xecOeul3Qcpx6GqEeeHNkW5DWL5zOyTbEfB4eti8w==", - "license": "MIT" - }, "node_modules/zwitch": { "version": "2.0.4", "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-2.0.4.tgz", diff --git a/package.json b/package.json index 734b5d56ef..f3b24ba294 100644 --- a/package.json +++ b/package.json @@ -73,13 +73,13 @@ "file-saver": "^2.0.2", "fuse.js": "^7.1.0", "hammerjs": "^2.0.8", - "igniteui-angular": "^22.0.0", + "igniteui-angular": "22.1.0-alpha.0", "igniteui-angular-charts": "^22.0.0", "igniteui-angular-core": "^22.0.0", - "igniteui-angular-extras": "^22.0.0", - "igniteui-angular-i18n": "^22.0.0", + "igniteui-angular-extras": "22.1.0-alpha.0", + "igniteui-angular-i18n": "22.1.0-alpha.0", "igniteui-dockmanager": "^1.17.0", - "igniteui-grid-lite": "^0.7.1", + "igniteui-grid-lite": "^0.9.0", "igniteui-i18n-resources": "^1.0.4", "igniteui-live-editing": "^3.5.1", "igniteui-webcomponents": "^7.2.1", @@ -91,8 +91,7 @@ "shiki": "^3.13.0", "sql-formatter": "^15.4.11", "tailwindcss": "^4.1.10", - "tslib": "^2.6.1", - "zone.js": "~0.15.0" + "tslib": "^2.6.1" }, "overrides": { "@ng-bootstrap/ng-bootstrap": { @@ -113,7 +112,7 @@ "@angular/compiler": "^22.0.0" }, "igniteui-angular-extras": { - "igniteui-angular": "^22.0.0", + "igniteui-angular": "22.1.0-alpha.0", "@infragistics/igniteui-angular": "^22.0.0", "igniteui-angular-core": "^22.0.0", "igniteui-angular-charts": "^22.0.0", diff --git a/projects/app-crm/src/environments/environment.ts b/projects/app-crm/src/environments/environment.ts index 30d7bccb19..5dd10dc009 100644 --- a/projects/app-crm/src/environments/environment.ts +++ b/projects/app-crm/src/environments/environment.ts @@ -5,12 +5,3 @@ export const environment = { production: false }; - -/* - * For easier debugging in development mode, you can import the following file - * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`. - * - * This import should be commented out in production mode because it will have a negative impact - * on performance if an error is thrown. - */ -// import 'zone.js/plugins/zone-error'; // Included with Angular CLI. diff --git a/projects/app-crm/src/polyfills.ts b/projects/app-crm/src/polyfills.ts index 9efd978a41..705aeb9ccd 100644 --- a/projects/app-crm/src/polyfills.ts +++ b/projects/app-crm/src/polyfills.ts @@ -1,4 +1 @@ -// /*************************************************************************************************** -// * Zone JS is required by Angular itself. -// // */ import 'hammerjs/hammer'; diff --git a/projects/app-crm/src/test.ts b/projects/app-crm/src/test.ts index 3ac997f524..4f7b6ae8ef 100644 --- a/projects/app-crm/src/test.ts +++ b/projects/app-crm/src/test.ts @@ -1,15 +1,14 @@ -// This file is required by karma.conf.js and loads recursively all the .spec and framework files -import { getTestBed } from '@angular/core/testing'; -import { - BrowserDynamicTestingModule, - platformBrowserDynamicTesting -} from '@angular/platform-browser-dynamic/testing'; -import 'zone.js/testing'; - -// First, initialize the Angular testing environment. -getTestBed().initTestEnvironment( - BrowserDynamicTestingModule, +// This file is required by karma.conf.js and loads recursively all the .spec and framework files +import { getTestBed } from '@angular/core/testing'; +import { + BrowserDynamicTestingModule, + platformBrowserDynamicTesting +} from '@angular/platform-browser-dynamic/testing'; + +// First, initialize the Angular testing environment. +getTestBed().initTestEnvironment( + BrowserDynamicTestingModule, platformBrowserDynamicTesting(), { teardown: { destroyAfterEach: false } -} -); +} +); diff --git a/projects/app-lob/src/environments/environment.ts b/projects/app-lob/src/environments/environment.ts index 30d7bccb19..5dd10dc009 100644 --- a/projects/app-lob/src/environments/environment.ts +++ b/projects/app-lob/src/environments/environment.ts @@ -5,12 +5,3 @@ export const environment = { production: false }; - -/* - * For easier debugging in development mode, you can import the following file - * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`. - * - * This import should be commented out in production mode because it will have a negative impact - * on performance if an error is thrown. - */ -// import 'zone.js/plugins/zone-error'; // Included with Angular CLI. diff --git a/projects/app-lob/src/polyfills.ts b/projects/app-lob/src/polyfills.ts index 738aaf67b0..1ccbc6ae9f 100644 --- a/projects/app-lob/src/polyfills.ts +++ b/projects/app-lob/src/polyfills.ts @@ -3,9 +3,8 @@ * You can add your own extra polyfills to this file. * * This file is divided into 2 sections: - * 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers. - * 2. Application imports. Files imported after ZoneJS that should be loaded before your main - * file. + * 1. Browser polyfills. These are sorted by browsers. + * 2. Application imports. Files imported before your main file. * * The current setup is for so-called 'evergreen' browsers; the last versions of browsers that * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera), @@ -29,9 +28,6 @@ // Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove. //import 'core-js/es7/reflect'; // Run `npm install --save web-animations-js`. -/*************************************************************************************************** - * Zone JS is required by Angular itself. - */ import 'hammerjs/hammer'; /*************************************************************************************************** diff --git a/src/polyfills.ts b/src/polyfills.ts index 738aaf67b0..1ccbc6ae9f 100644 --- a/src/polyfills.ts +++ b/src/polyfills.ts @@ -3,9 +3,8 @@ * You can add your own extra polyfills to this file. * * This file is divided into 2 sections: - * 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers. - * 2. Application imports. Files imported after ZoneJS that should be loaded before your main - * file. + * 1. Browser polyfills. These are sorted by browsers. + * 2. Application imports. Files imported before your main file. * * The current setup is for so-called 'evergreen' browsers; the last versions of browsers that * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera), @@ -29,9 +28,6 @@ // Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove. //import 'core-js/es7/reflect'; // Run `npm install --save web-animations-js`. -/*************************************************************************************************** - * Zone JS is required by Angular itself. - */ import 'hammerjs/hammer'; /*************************************************************************************************** diff --git a/src/test.ts b/src/test.ts index b3163668c2..a3a396fe2a 100644 --- a/src/test.ts +++ b/src/test.ts @@ -1,30 +1,24 @@ -// This file is required by karma.conf.js and loads recursively all the .spec and framework files - -import { getTestBed } from '@angular/core/testing'; -import { - BrowserDynamicTestingModule, - platformBrowserDynamicTesting -} from '@angular/platform-browser-dynamic/testing'; -import 'zone.js/dist/async-test'; -import 'zone.js/dist/fake-async-test'; -import 'zone.js/dist/jasmine-patch'; -import 'zone.js/dist/long-stack-trace-zone'; -import 'zone.js/dist/proxy.js'; -import 'zone.js/dist/sync-test'; - -// Unfortunately there's no typing for the `__karma__` variable. Just declare it as any. -// eslint-disable-next-line @typescript-eslint/naming-convention -declare const __karma__: any; - -// Prevent Karma from running prematurely. -__karma__.loaded = () => {}; - -// First, initialize the Angular testing environment. -getTestBed().initTestEnvironment( - BrowserDynamicTestingModule, +// This file is required by karma.conf.js and loads recursively all the .spec and framework files + +import { getTestBed } from '@angular/core/testing'; +import { + BrowserDynamicTestingModule, + platformBrowserDynamicTesting +} from '@angular/platform-browser-dynamic/testing'; + +// Unfortunately there's no typing for the `__karma__` variable. Just declare it as any. +// eslint-disable-next-line @typescript-eslint/naming-convention +declare const __karma__: any; + +// Prevent Karma from running prematurely. +__karma__.loaded = () => {}; + +// First, initialize the Angular testing environment. +getTestBed().initTestEnvironment( + BrowserDynamicTestingModule, platformBrowserDynamicTesting(), { teardown: { destroyAfterEach: false } -} -); -// Finally, start Karma to run the tests. -__karma__.start(); +} +); +// Finally, start Karma to run the tests. +__karma__.start(); From a55986edee0c1e217fe680d7d88ad02cdadac7e8 Mon Sep 17 00:00:00 2001 From: Stamen Stoychev Date: Tue, 4 Aug 2026 11:32:02 +0300 Subject: [PATCH 15/17] Revert "refactor(*): migrate to zoneless change detection" --- angular.json | 7 +- .../configs/PivotGridConfigGenerator.ts | 6 - package-lock.json | 115 ++++++++++++------ package.json | 13 +- projects/app-crm/src/app/app.component.ts | 3 +- .../src/app/grid-crm/grid-crm.component.ts | 3 +- .../app-crm/src/environments/environment.ts | 9 ++ projects/app-crm/src/main.server.ts | 3 +- projects/app-crm/src/main.ts | 4 +- projects/app-crm/src/polyfills.ts | 4 + projects/app-crm/src/test.ts | 25 ++-- projects/app-lob/src/app/app.component.ts | 3 +- .../data-analysis-dock-manager.component.ts | 3 +- .../dock-slot/dock-slot.component.ts | 3 +- .../grid-dynamic-chart-data.component.ts | 3 +- .../dock-slot.component.ts | 8 +- .../grid-finjs-dock-manager.component.ts | 10 +- .../app/grid-finjs/controllers.component.ts | 33 ++--- .../app/grid-finjs/grid-finjs.component.ts | 5 +- .../src/app/grid-finjs/main.component.ts | 6 +- .../grid-boston-marathon/grid.component.ts | 16 +-- .../grid-master-detail.component.ts | 3 +- .../hierarchical-grid-resizing.component.ts | 3 +- .../app-lob/src/app/home/home.component.ts | 3 +- .../src/app/index/docs-layout.component.ts | 3 +- .../app-lob/src/app/index/index.component.ts | 3 +- ...tree-grid-childdatakey-sample.component.ts | 3 +- ...grid-primaryforeignkey-sample.component.ts | 3 +- .../tree-grid-finjs-sample.component.ts | 5 +- .../app-lob/src/environments/environment.ts | 9 ++ projects/app-lob/src/main.server.ts | 3 +- projects/app-lob/src/main.ts | 4 +- projects/app-lob/src/polyfills.ts | 9 +- projects/app-lob/src/test.ts | 1 + src/app/app.component.ts | 3 +- .../badge-dot-sample.component.ts | 3 +- .../badge/badge-icon/badge-icon.component.ts | 3 +- .../badge-sample-2.component.ts | 3 +- .../badge-sample-3.component.ts | 3 +- .../badge-styling-sample.component.ts | 3 +- ...badge-tailwind-styling-sample.component.ts | 3 +- .../chip-area-sample.component.ts | 3 +- .../chip/chip-simple/chip-simple.component.ts | 3 +- .../chip-styling/chip-styling.component.ts | 3 +- .../chip-tailwind-styling.component.ts | 3 +- .../chip-variants.component.scss | 8 +- .../chip-variants/chip-variants.component.ts | 3 +- .../circular-dynamic-sample.component.ts | 3 +- ...lar-indeterminate-progressbar.component.ts | 3 +- .../circular-progressbar.component.ts | 3 +- .../circular-styling-sample.component.ts | 3 +- .../icon-sample-1/icon-sample-1.component.ts | 3 +- .../icon-sample-2/icon-sample-2.component.ts | 3 +- .../icon-sample-3/icon-sample-3.component.ts | 3 +- .../icon-sample-4/icon-sample-4.component.ts | 3 +- .../icon-sample-5/icon-sample-5.component.ts | 3 +- .../icon-service-sample.component.ts | 3 +- .../icon-styling-sample.component.ts | 3 +- .../icon-tailwind-styling-sample.component.ts | 3 +- .../material-icons-extended.component.ts | 3 +- .../material-symbols.component.ts | 3 +- .../svg-icon-sample.component.ts | 3 +- .../igxFor-horizontal.component.ts | 3 +- .../data-display/igxFor/igxFor.component.ts | 3 +- .../linear-dynamic-sample.component.ts | 3 +- .../linear-progressbar-sample-1.component.ts | 3 +- .../linear-progressbar-sample-2.component.ts | 3 +- ...ar-progressbar-styling-sample.component.ts | 3 +- .../linear-progressbar.component.ts | 3 +- .../mask-sample-1/mask-sample-1.component.ts | 3 +- .../mask-sample-2/mask-sample-2.component.ts | 3 +- .../mask-sample-3/mask-sample-3.component.ts | 3 +- .../mask-sample-4/mask-sample-4.component.ts | 3 +- .../mask-sample-5/mask-sample-5.component.ts | 3 +- .../text-highlight-sample-1.component.ts | 3 +- .../text-highlight-sample-2.component.ts | 3 +- .../text-highlight-style.component.ts | 3 +- .../autocomplete/autocomplete.component.ts | 3 +- .../autocomplete/movie/movie.component.ts | 3 +- .../button-group-sample-1.component.ts | 3 +- .../button-group-sample-2.component.ts | 3 +- .../button-group-sample-3.component.ts | 3 +- .../button-group-sample.component.ts | 3 +- .../button-group-sample-5.component.ts | 3 +- .../button-group-style.component.ts | 3 +- .../button-group-tailwind-style.component.ts | 3 +- .../buttons-disabled-sample.ts | 3 +- .../buttons-display-density.component.ts | 3 +- .../buttons-roundness-sample.ts | 3 +- .../buttons-sample-1.component.ts | 3 +- .../buttons-sample-2.component.ts | 3 +- .../buttons-sample-3.component.ts | 3 +- .../buttons-sample-4.component.ts | 3 +- .../buttons-sample-5.component.ts | 3 +- .../buttons-sample-6.component.ts | 3 +- .../buttons-sample-7.component.ts | 3 +- .../buttons-sample-8.component.ts | 3 +- .../buttons-style/buttons-style.component.ts | 3 +- .../buttons-tailwind-style.component.ts | 3 +- .../checkbox-sample-1.component.ts | 3 +- .../checkbox-sample-2.component.ts | 3 +- .../checkbox-sample-3.component.ts | 3 +- .../checkbox-styling.component.ts | 3 +- .../checkbox-tailwind-styling.component.ts | 3 +- .../drop-down-remote.component.ts | 3 +- .../drop-down-virtual.component.ts | 3 +- .../dropdown-menu/dropdown-menu.component.ts | 3 +- .../dropdown-multi-level-menu.component.ts | 3 +- .../dropdown-sample-1.component.ts | 3 +- .../dropdown-sample-2.component.ts | 3 +- .../dropdown-sample-3.component.ts | 3 +- .../dropdown-sample-4.component.ts | 3 +- .../dropdown-sample-5.component.ts | 3 +- .../dropdown-styling.component.ts | 3 +- ...e-grid-hierarchical-selection.component.ts | 3 +- ...n-tree-hierarchical-selection.component.ts | 3 +- .../contained-icon-button.component.ts | 3 +- .../disabled-icon-button.component.ts | 3 +- .../flat-icon-button.component.ts | 3 +- .../icon-button-overview.component.ts | 3 +- .../icon-button-size.component.ts | 3 +- .../icon-button-styling.component.ts | 3 +- .../icon-button-tailwind-styling.component.ts | 3 +- .../outlined-icon-button.component.ts | 3 +- .../svg-icon-button.component.ts | 3 +- .../input-group-sample-1.component.ts | 3 +- .../input-group-sample-2.component.ts | 3 +- .../input-group-sample-3.component.ts | 3 +- .../input-group-sample-4.component.ts | 3 +- .../input-group-sample-5.component.ts | 3 +- .../input-group-sample-6.component.ts | 3 +- .../input-group-styling.component.ts | 3 +- .../input-group-tailwind-styling.component.ts | 3 +- .../input-text-selection.component.ts | 3 +- ...active-form-custom-validation.component.ts | 3 +- .../reactive-form-validation.component.ts | 3 +- ...mplate-driven-form-validation.component.ts | 3 +- .../typed-form/typed-form.component.ts | 3 +- .../radio-group-sample.component.ts | 3 +- .../radio-group-vertical.component.ts | 3 +- .../radio-sample-1.component.ts | 3 +- .../radio-sample-2.component.ts | 3 +- .../radio-sample-3.component.ts | 3 +- .../radio-styling-sample.component.ts | 3 +- ...radio-tailwind-styling-sample.component.ts | 3 +- .../rating-form/rating-form.component.ts | 3 +- .../select-header-footer.component.ts | 3 +- .../select-input-directives.ts | 3 +- .../select-sample-1.component.ts | 3 +- .../select-sample-2.component.ts | 3 +- .../select-sample-4.component.ts | 3 +- .../select-styling.component.ts | 3 +- .../select-tailwind-styling.component.ts | 3 +- .../switch-sample-1.component.ts | 3 +- .../switch-sample-2.component.ts | 3 +- .../switch-styling.component.ts | 3 +- .../switch-tailwind-styling.component.ts | 3 +- ...id-lite-column-config-dynamic.component.ts | 3 +- ...id-lite-column-config-headers.component.ts | 3 +- ...rid-lite-column-config-simple.component.ts | 3 +- ...rid-lite-data-binding-dynamic.component.ts | 3 +- .../grid-lite-filtering-events.component.ts | 3 +- .../grid-lite-filtering-pipeline.component.ts | 3 +- .../grid-lite-filtering-simple.component.ts | 3 +- .../grid-lite-overview.component.ts | 3 +- .../grid-lite-sorting-events.component.ts | 3 +- ...grid-lite-sorting-grid-config.component.ts | 3 +- .../grid-lite-sorting-pipeline.component.ts | 3 +- .../grid-lite-sorting-simple.component.ts | 3 +- .../grid-lite-styling-custom.component.ts | 3 +- .../grid-lite-styling-themes.component.ts | 3 +- ...column-group-selection-sample.component.ts | 3 +- .../column-selection-sample.component.ts | 3 +- .../column-selection-styles.component.ts | 3 +- .../custom-grid-paging-style.component.ts | 3 +- .../grid-action-strip-sample.ts | 3 +- .../grid-add-row-sample.component.ts | 3 +- ...rid-advanced-filtering-sample.component.ts | 3 +- ...grid-advanced-filtering-style.component.ts | 3 +- .../grid-allData-summary.component.ts | 3 +- .../grid-batch-editing-sample.component.ts | 3 +- .../batch-editing-remote-paging.component.ts | 3 +- .../grid-cascading-combos.component.ts | 7 +- ...grid-cell-merge-custom-sample.component.ts | 3 +- .../grid-cell-merge-sample.component.ts | 3 +- .../grid-cellSelection.component.ts | 3 +- ...d-clipboard-operations-sample.component.ts | 3 +- ...rid-collapsible-column-groups.component.ts | 3 +- .../grid-column-autosizing.component.ts | 3 +- ...grid-column-data-types-sample.component.ts | 3 +- .../grid-column-hiding-sample.component.ts | 3 +- ...-column-hiding-toolbar-sample.component.ts | 3 +- ...d-column-hiding-toolbar-style.component.ts | 3 +- .../grid-composite-data.component.ts | 3 +- ...grid-conditional-cell-style-2.component.ts | 3 +- .../grid-conditional-cell-style.component.ts | 3 +- ...ditional-row-selectors-sample.component.ts | 3 +- .../contextmenu/contextmenu.component.ts | 3 +- .../grid-contextmenu-sample.component.ts | 3 +- .../grid-crud-sample/crud-sample.component.ts | 3 +- .../grid-custom-filtering.component.ts | 3 +- ...d-custom-kb-navigation-sample.component.ts | 3 +- .../custom-remote-paging-sample.component.ts | 3 +- ...id-custom-summaries-selection.component.ts | 3 +- .../grid-disable-summaries.component.ts | 1 + .../grid-displaydensity-sample.component.ts | 3 +- .../grid-drop-indicator.ts | 3 +- .../grid-editing-events.component.ts | 3 +- .../grid-editing-excel-style.component.ts | 3 +- .../grid-editing-lifecycle.component.ts | 3 +- .../grid-editing-sample.component.ts | 3 +- .../grid-editing-style-sample.component.ts | 3 +- ...tyle-filtering-load-on-demand.component.ts | 3 +- ...xcel-style-filtering-sample-1.component.ts | 3 +- ...xcel-style-filtering-sample-2.component.ts | 3 +- ...xcel-style-filtering-sample-3.component.ts | 3 +- ...d-excel-style-filtering-style.component.ts | 3 +- .../grid-export-visualization.component.ts | 9 +- ...d-external-advanced-filtering.component.ts | 3 +- ...xternal-excel-style-filtering.component.ts | 1 + .../grid-external-outlet-sample.component.ts | 3 +- .../grid-filtering-sample.component.ts | 3 +- .../grid-filtering-style.component.ts | 3 +- ...rid-filtering-template-sample.component.ts | 3 +- ...-formatted-filtering-strategy.component.ts | 3 +- .../grid-group-by-paging-sample.component.ts | 3 +- .../grid-groupby-custom-sample.component.ts | 3 +- .../grid-groupby-sample.component.ts | 3 +- .../grid-groupby-styling.component.ts | 3 +- .../grid-groupby-summary-sample.component.ts | 3 +- ...roupby-summary-styling-sample.component.ts | 3 +- .../grid-keyboardnav-sample.component.ts | 3 +- .../grid-moving-sample.component.ts | 3 +- .../grid-moving-styled-sample.component.ts | 3 +- .../grid-mrl-custom-navigation.component.ts | 3 +- ...id-multi-cell-selection-style.component.ts | 3 +- .../grid-multi-cell-selection.component.ts | 3 +- ...ulti-row-layout-configuration.component.ts | 3 +- ...grid-multi-row-layout-styling.component.ts | 3 +- .../grid-multi-row-layout.component.ts | 3 +- .../grid-multiple-row-drag.component.ts | 3 +- .../grid-nested-data-bind2.ts | 3 +- .../grid-nested-data-bind.ts | 3 +- .../grid-pager-sample.component.ts | 3 +- .../grid-paging-sample.component.ts | 3 +- .../grid-paste/grid-paste-sample.component.ts | 3 +- .../remote-filtering-sample.component.ts | 3 +- ...emote-paging-default-template.component.ts | 3 +- .../remote-paging-sample.component.ts | 3 +- .../grid-resize-line-styling-sample.ts | 3 +- .../grid-resizing-sample.component.ts | 3 +- .../grid-row-drag-base.component.ts | 3 +- .../grid-row-drag-to-grid.component.ts | 3 +- .../grid-row-drag/grid-row-drag.component.ts | 3 +- .../grid-row-drag/planet/planet.component.ts | 3 +- .../grid-row-editing-sample.component.ts | 3 +- .../grid-row-editing-style.component.ts | 3 +- .../grid-row-pinning-drag.component.ts | 3 +- ...grid-row-pinning-extra-column.component.ts | 3 +- .../grid-row-pinning-styling.component.ts | 3 +- .../grid-row-pinning.component.ts | 3 +- .../grid-row-reorder.ts | 3 +- .../grid-rowClasses.component.ts | 3 +- .../grid-rowStyles.component.ts | 3 +- .../grid-sample-2/grid-sample-2.component.ts | 3 +- .../grid-sample-3/grid-sample-3.component.ts | 3 +- .../grid-sample-4/grid-sample-4.component.ts | 7 +- .../grid-sample-5/grid-sample-5.component.ts | 3 +- ...id-toolbar-pinning-both-sides.component.ts | 3 +- .../grid-pinning-styling.component.ts | 3 +- .../grid-pinning.component.ts | 3 +- .../grid-toolbar-pinning.component.ts | 3 +- .../grid-right-pinning.component.ts | 3 +- ...mple-selection-template-excel.component.ts | 3 +- ...le-selection-template-numbers.component.ts | 3 +- .../grid-selection.component.ts | 3 +- .../grid/grid-save-state/about.component.ts | 3 +- .../grid-save-state/grid-state.component.ts | 3 +- .../grid-search-sample.component.ts | 3 +- .../grid-select-sample.component.ts | 3 +- .../grid-sorting-indicators.component.ts | 3 +- .../grid-sorting-sample.component.ts | 5 +- .../grid-sorting-styling.component.ts | 3 +- ...grid-state-persistance-sample.component.ts | 5 +- .../grid-summary-export.component.ts | 3 +- .../grid-summary-formatter.component.ts | 3 +- .../grid-summary-template.component.ts | 3 +- .../grid-toolbar-sample-1.component.ts | 3 +- .../grid-toolbar-sample-2.component.ts | 3 +- .../grid-toolbar-sample-3.component.ts | 3 +- .../grid-toolbar-sample-4.component.ts | 3 +- .../grid-toolbar-style.component.ts | 3 +- .../grid-validation-style.component.ts | 3 +- ...validator-service-cross-field.component.ts | 3 +- ...id-validator-service-extended.component.ts | 5 +- .../grid-validator-service.component.ts | 3 +- .../grid-with-rating.component.ts | 3 +- .../multi-column-header-template.ts | 3 +- .../multi-column-headers-export.component.ts | 3 +- .../multi-column-headers-styling.component.ts | 3 +- .../multi-column-headers.ts | 3 +- ...l-grid-column-group-selection.component.ts | 3 +- ...-grid-column-selection-styles.component.ts | 3 +- ...rchical-grid-column-selection.component.ts | 3 +- .../hgrid-column-autosizing.component.ts | 3 +- .../hgrid-editing-lifecycle.component.ts | 3 +- .../hgrid-keyboard-guide.component.ts | 3 +- .../hgrid-rowClasses.component.ts | 3 +- .../hgrid-rowStyles.component.ts | 3 +- .../hgrid-summary-export.component.ts | 3 +- .../hgrid-summary-template.component.ts | 3 +- .../hierarchical-grid-action-strip-sample.ts | 3 +- .../hierarchical-grid-add-row.component.ts | 3 +- ...grid-advanced-filtering-style.component.ts | 3 +- ...hical-grid-advanced-filtering.component.ts | 5 +- ...archical-grid-allData-summary.component.ts | 3 +- ...erarchical-grid-batch-editing.component.ts | 3 +- ...chical-grid-cell-merge-custom.component.ts | 3 +- .../hierarchical-grid-cell-merge.component.ts | 3 +- ...erarchical-grid-cellSelection.component.ts | 3 +- ...rid-collapsible-column-groups.component.ts | 3 +- ...d-column-hiding-toolbar-style.component.ts | 3 +- ...erarchical-grid-custom-hiding.component.ts | 3 +- .../hierarchical-grid-hiding.component.ts | 3 +- ...erarchical-grid-moving-styled.component.ts | 3 +- .../hierarchical-grid-moving.component.ts | 3 +- .../hierarchical-grid-pinning.component.ts | 3 +- ...archical-grid-toolbar-pinning.component.ts | 3 +- ...rid-conditional-row-selectors.component.ts | 3 +- ...l-grid-cross-field-validation.component.ts | 3 +- ...d-custom-kb-navigation-sample.component.ts | 3 +- ...chical-grid-disable-summaries.component.ts | 1 + .../hierarchical-grid-density.component.ts | 3 +- ...rarchical-grid-editing-events.component.ts | 3 +- ...erarchical-grid-editing-style.component.ts | 3 +- .../hierarchical-grid-editing.component.ts | 3 +- .../hierarchical-grid-excel-export.sample.ts | 3 +- ...tyle-filtering-load-on-demand.component.ts | 3 +- ...xcel-style-filtering-sample-1.component.ts | 3 +- ...xcel-style-filtering-sample-2.component.ts | 3 +- ...xcel-style-filtering-sample-3.component.ts | 3 +- ...d-excel-style-filtering-style.component.ts | 3 +- ...d-external-advanced-filtering.component.ts | 1 + ...xternal-excel-style-filtering.component.ts | 1 + ...l-grid-external-outlet-sample.component.ts | 3 +- ...archical-grid-filtering-style.component.ts | 3 +- ...hical-grid-filtering-template.component.ts | 3 +- ...rchical-grid-custom-filtering.component.ts | 3 +- .../hierarchical-grid-filtering.component.ts | 3 +- ...-formatted-filtering-strategy.component.ts | 3 +- .../hierarchical-grid-lod.component.ts | 3 +- ...rchical-grid-multi-cell-style.component.ts | 3 +- ...al-grid-multi-column-template.component.ts | 3 +- ...ical-grid-multi-column-export.component.ts | 3 +- ...cal-grid-multi-column-styling.component.ts | 3 +- ...ierarchical-grid-multi-column.component.ts | 3 +- ...rarchical-grid-multi-row-drag.component.ts | 3 +- ...ierarchical-grid-pager-sample.component.ts | 3 +- ...ierarchical-grid-paging-style.component.ts | 3 +- .../hierarchical-grid-paging.component.ts | 3 +- ...erarchical-grid-remote-paging.component.ts | 3 +- ...emote-paging-default-template.component.ts | 3 +- ...ical-grid-resize-line-styling.component.ts | 3 +- .../hierarchical-row-drag-base.component.ts | 3 +- .../hierarchical-grid-row-drag.component.ts | 3 +- ...rarchical-grid-row-edit-style.component.ts | 3 +- ...hierarchical-grid-row-editing.component.ts | 3 +- ...grid-row-pinning-extra-column.component.ts | 3 +- ...ical-grid-row-pinning-styling.component.ts | 3 +- ...hierarchical-grid-row-pinning.component.ts | 3 +- ...hierarchical-grid-row-reorder.component.ts | 3 +- ...hical-grid-both-sides-pinning.component.ts | 3 +- ...erarchical-grid-right-pinning.component.ts | 3 +- .../about.component.ts | 3 +- .../hGrid-state.component.ts | 3 +- ...id-selection-template-numbers.component.ts | 3 +- .../hierarchical-grid-selection.component.ts | 3 +- ...archical-grid-sorting-styling.component.ts | 3 +- .../hgrid-contextmenu.component.ts | 3 +- .../hierarchical-grid-sorting.component.ts | 3 +- .../hierarchical-grid-styling.component.ts | 3 +- ...chical-grid-summary-formatter.component.ts | 3 +- ...archical-grid-summary-styling.component.ts | 3 +- .../hierarchical-grid-summary.component.ts | 3 +- ...erarchical-grid-toolbar-style.component.ts | 3 +- ...rarchical-grid-toolbar-custom.component.ts | 3 +- ...archical-grid-toolbar-options.component.ts | 3 +- ...erarchical-grid-toolbar-title.component.ts | 3 +- ...rchical-grid-validation-style.component.ts | 3 +- ...id-validator-service-extended.component.ts | 5 +- ...chical-grid-validator-service.component.ts | 3 +- src/app/home/home.component.ts | 3 +- .../reactive-forms.component.ts | 3 +- src/app/index/docs-layout.component.ts | 3 +- src/app/index/index.component.ts | 3 +- .../features-sample.component.ts | 3 +- .../overview-sample.component.ts | 3 +- .../styling-sample.component.ts | 3 +- .../dialog-sample-1.component.ts | 3 +- .../dialog-sample-2.component.ts | 3 +- .../dialog-sample-3.component.ts | 3 +- .../dialog-styling-sample.component.ts | 3 +- .../drag-dialog-sample.component.ts | 3 +- .../email-sample/email-sample.component.ts | 3 +- .../icons-sample/icons-sample.component.ts | 3 +- .../kanban-sample/kanban-sample.component.ts | 3 +- .../list-reorder-sample.component.ts | 1 + .../overlay-dynamic-card.component.ts | 8 +- .../overlay-main-sample-1.component.ts | 3 +- .../overlay-main-sample-2.component.ts | 3 +- .../overlay-main-sample-3.component.ts | 3 +- .../overlay-position-sample-1.component.ts | 3 +- .../overlay-position-sample-2.component.ts | 3 +- .../overlay-position-sample-3.component.ts | 3 +- ...verlay-preset-settings-sample.component.ts | 3 +- .../overlay-scroll-sample-1.component.ts | 3 +- .../overlay-scroll-sample-2.component.ts | 9 +- .../overlay-styling.component.ts | 3 +- .../query-builder-request-sample.component.ts | 7 +- .../query-builder-sample-1.component.ts | 7 +- .../query-builder-sql-sample.component.ts | 9 +- .../query-builder-style.component.ts | 5 +- .../query-builder-tailwind-style.component.ts | 3 +- ...query-builder-template-sample.component.ts | 3 +- .../ripple-sample-2.component.ts | 3 +- .../ripple-sample-3.component.ts | 3 +- .../ripple-sample-4.component.ts | 3 +- .../ripple-sample-5.component.ts | 3 +- .../ripple-sample-6.component.ts | 3 +- .../ripple-styling-sample.component.ts | 3 +- .../discrete-slider-ticks-bottom.component.ts | 3 +- .../slider-primary-ticks-top.component.ts | 3 +- .../slider-sample-1.component.ts | 3 +- .../slider-sample-2.component.ts | 3 +- .../slider-sample-3.component.ts | 3 +- .../slider-sample-4.component.ts | 3 +- .../slider-sample-5.component.ts | 3 +- .../slider-sample-6.component.ts | 3 +- ...slider-secondary-ticks-mirror.component.ts | 3 +- .../app-slider-styling.component.ts | 3 +- .../slider-tailwind-styling.component.ts | 3 +- .../tick-labels-template.component.ts | 3 +- ...ider-ticks-bottomtotop-labels.component.ts | 3 +- .../slider-timeframe.component.ts | 3 +- .../toggle-sample-1.component.ts | 3 +- .../toggle-sample-2.component.ts | 3 +- .../toggle-sample-3.component.ts | 3 +- .../toggle-sample-4.component.ts | 3 +- .../interactions/toggle/toggle.component.ts | 3 +- .../tooltip-advanced.component.ts | 3 +- .../tooltip-placement.component.ts | 3 +- .../tooltip-rich/tooltip-rich.component.ts | 3 +- .../tooltip-simple.component.ts | 3 +- .../tooltip-style/tooltip-style.component.ts | 3 +- .../tooltip-tailwind-style.component.ts | 3 +- .../tooltip-triggers.component.ts | 3 +- .../accordion-sample-1.component.ts | 3 +- .../accordion-sample-2.component.ts | 3 +- .../accordion-sample-3.component.ts | 3 +- .../accordion-style.component.ts | 3 +- .../avatar-css-variables.component.ts | 3 +- .../avatar-sample-1.component.ts | 3 +- .../avatar-sample-2.component.ts | 3 +- .../avatar-sample-3.component.ts | 3 +- .../avatar-sample-4.component.ts | 3 +- .../avatar-styling.component.ts | 3 +- .../avatar-tailwind-styling.component.ts | 3 +- .../card-sample-1/card-sample-1.component.ts | 3 +- .../card-sample-2/card-sample-2.component.ts | 3 +- .../card-sample-3/card-sample-3.component.ts | 3 +- .../card-sample-4/card-sample-4.component.ts | 3 +- .../card-styling-sample.component.ts | 9 +- .../card-tailwind-styling-sample.component.ts | 3 +- src/app/layouts/card/card.component.ts | 3 +- .../carousel-animations-sample.component.ts | 3 +- ...carousel-no-navigation-sample.component.ts | 3 +- .../carousel-styling-sample.component.ts | 3 +- .../carousel-tailwind-sample.component.ts | 3 +- ...rousel-with-components-sample.component.ts | 3 +- .../layouts/carousel/carousel.component.ts | 3 +- .../dashed/divider-dashed.component.ts | 3 +- .../default/divider-default.component.ts | 3 +- .../divider/inset/divider-inset.component.ts | 3 +- .../vertical/divider-vertical.component.ts | 3 +- .../dock-manager.component.ts | 3 +- .../expansion-sample-1.component.ts | 3 +- .../expansion-sample-2.component.ts | 3 +- .../expansion-sample-3.component.ts | 3 +- .../expansion-sample-4.component.ts | 3 +- .../expansion-sample-5.component.ts | 3 +- .../expansion-styling.component.ts | 3 +- .../expansion-tailwind-styling.component.ts | 3 +- .../layout-align-items.component.ts | 3 +- .../layout-content-space.component.ts | 3 +- .../layout-custom-order.component.ts | 3 +- .../layout-direction-column.component.ts | 3 +- .../layout-direction-row.component.ts | 3 +- .../layout-justify-content.component.ts | 3 +- .../layout-sample/layout-sample.component.ts | 3 +- .../layout-wrap/layout-wrap.component.ts | 3 +- .../splitter-collapsible-sample.component.ts | 3 +- .../splitter-horizontal-sample.component.ts | 3 +- .../splitter-nested-sample.component.ts | 3 +- .../splitter-styling-sample.component.ts | 3 +- ...itter-tailwind-styling-sample.component.ts | 3 +- ...sition-and-orientation-sample.component.ts | 3 +- .../stepper-linear-sample.component.ts | 3 +- .../stepper-overview-sample.component.ts | 3 +- ...stepper-sample-reactive-forms.component.ts | 3 +- .../stepper-steptypes-sample.component.ts | 3 +- .../stepper-styling-sample.component.ts | 3 +- ...epper-tailwind-styling-sample.component.ts | 3 +- .../tabbar-sample-1.component.ts | 3 +- .../tabbar-sample-2.component.ts | 3 +- .../components/tabbar-sample-3.component.ts | 3 +- .../tabbar-style/tabbar-style.component.ts | 3 +- .../tabbar-tailwind-style.component.ts | 3 +- .../tabbar/views/view1/view1.component.ts | 3 +- .../tabbar/views/view2/view2.component.ts | 3 +- .../tabbar/views/view3/view3.component.ts | 3 +- .../tabs-alignment.component.ts | 3 +- .../tabs-header-prefix-suffix.ts | 3 +- .../tabs-sample-1/tabs-sample-1.component.ts | 3 +- .../tabs-sample-2/tabs-sample-2.component.ts | 3 +- .../tabs-sample-3/tabs-sample-3.component.ts | 3 +- .../components/tabs-sample-4.component.ts | 3 +- .../tabs/tabs-style/tabs-style.component.ts | 3 +- .../tabs-tailwind-style.component.ts | 3 +- .../tabs/views/view1/view1.component.ts | 3 +- .../tabs/views/view2/view2.component.ts | 3 +- .../tabs/views/view3/view3.component.ts | 3 +- .../tile-manager.component.ts | 11 +- .../combo-binding/combo-binding.component.ts | 3 +- .../combo-features.component.ts | 3 +- .../combo/combo-main/combo-main.component.ts | 3 +- .../combo-overlay/combo-overlay.component.ts | 3 +- .../combo-remote/combo-remote.component.ts | 3 +- .../combo-styling/combo-styling.component.ts | 3 +- .../combo-tailwind-styling.component.ts | 3 +- .../combo-template.component.ts | 3 +- .../combo-valuekey.component.ts | 3 +- .../simple-combo-cascading.component.ts | 6 +- .../simple-combo-main.component.ts | 3 +- .../simple-combo-remote.component.ts | 3 +- .../simple-combo-styling.component.ts | 3 +- .../simple-combo-usage.component.ts | 3 +- .../list-chat-sample.component.ts | 3 +- .../list-item-selection.component.ts | 3 +- .../list-sample-1/list-sample-1.component.ts | 3 +- .../list-sample-2/list-sample-2.component.ts | 3 +- .../list-sample-3/list-sample-3.component.ts | 3 +- .../list-sample-4/list-sample-4.component.ts | 3 +- .../list-sample-5/list-sample-5.component.ts | 3 +- .../list-sample-6/list-sample-6.component.ts | 5 +- .../list-sample-7/list-sample-7.component.ts | 3 +- .../list-sample-8/list-sample-8.component.ts | 3 +- .../list-tailwind-styling.component.ts | 3 +- src/app/lists/list/list.component.ts | 3 +- .../tree-advanced-sample.component.ts | 6 +- .../tree-basic-sample.component.ts | 3 +- .../tree-styling/tree-styling.component.ts | 3 +- .../tree-tailwind-styling.component.ts | 3 +- .../action-strip-paragraph-menu.component.ts | 3 +- ...ction-strip-paragraph-styling.component.ts | 3 +- .../action-strip-paragraph.component.ts | 3 +- .../navbar-custom-title.component.ts | 3 +- .../navbar-sample-1.component.ts | 3 +- .../navbar-sample-2.component.ts | 3 +- .../navbar-sample-3.component.ts | 3 +- .../navbar-style/navbar-style.component.ts | 3 +- .../navbar-tailwind-style.component.ts | 3 +- src/app/menus/navbar/navbar.component.ts | 3 +- .../nav-drawer-hierarchical.component.ts | 5 +- .../nav-drawer-mini.component.ts | 3 +- .../nav-drawer-pin.component.ts | 3 +- .../nav-drawer-routing.component.ts | 3 +- .../nav-drawer-simple.component.ts | 3 +- .../nav-drawer-styling.component.ts | 3 +- .../banner-advanced-sample.component.ts | 3 +- .../banner-sample-1.component.ts | 3 +- .../banner-sample-2.component.ts | 3 +- .../banner-sample-3.component.ts | 3 +- .../banner-sample-4.component.ts | 3 +- .../banner-styling.component.ts | 3 +- .../snackbar-sample-1.component.ts | 3 +- .../snackbar-sample-2.component.ts | 3 +- .../snackbar-sample-4.component.ts | 3 +- .../snackbar-sample-5.component.ts | 3 +- .../snackbar-style.component.ts | 3 +- .../snackbar-tailwind-style.component.ts | 3 +- .../toast-sample-1.component.ts | 3 +- .../toast-sample-2.component.ts | 3 +- .../toast-sample-3.component.ts | 3 +- .../toast-sample-4.component.ts | 3 +- .../toast-sample-5.component.ts | 3 +- .../toast-style/toast-style.component.ts | 3 +- .../toast-tailwind-style.component.ts | 3 +- .../paginator/pagination-sample.component.ts | 3 +- .../pivot-grid-basic-sample.component.ts | 5 +- .../pivot-data-selector-sample.component.ts | 3 +- .../pivot-export/pivot-export.component.ts | 3 +- .../pivot-features.component.ts | 3 +- ...-grid-noop-persistence-sample.component.ts | 3 +- .../pivot-grid-noop-sample.component.ts | 3 +- src/app/pivot-grid/pivot-grid-routes-data.ts | 1 - src/app/pivot-grid/pivot-grids.routes.ts | 8 +- .../pivot-layout/pivot-layout.component.ts | 3 +- .../about.component.ts | 3 +- ...grid-state-persistence-sample.component.ts | 3 +- src/app/pivot-grid/pivot-styling/layout.scss | 4 - .../pivot-styling.component.html | 2 - .../pivot-styling.component.scss | 16 --- .../pivot-styling/pivot-styling.component.ts | 45 ------- .../calendar-days-view.component.ts | 3 +- .../calendar-months-view.component.ts | 3 +- .../calendar-rtl-sample.component.ts | 3 +- .../calendar-sample-1.component.ts | 3 +- .../calendar-sample-2.component.ts | 3 +- .../calendar-sample-3.component.ts | 3 +- .../calendar-sample-4.component.ts | 3 +- .../calendar-sample-5.component.ts | 3 +- .../calendar-sample-6.component.ts | 3 +- .../calendar-sample-7.component.ts | 3 +- .../calendar-sample-8.component.ts | 3 +- .../calendar-sample-9.component.ts | 3 +- .../calendar-styling-sample.component.ts | 3 +- ...endar-tailwind-styling-sample.component.ts | 3 +- .../calendar-years-view.component.ts | 3 +- .../calendar/multiview/multiview.component.ts | 3 +- .../datepicker-dropdown.component.ts | 3 +- .../datepicker-sample-1.component.ts | 3 +- .../datepicker-sample-2.component.ts | 3 +- .../datepicker-sample-3.component.ts | 3 +- .../datepicker-sample-4.component.ts | 3 +- .../datepicker-sample-5.component.ts | 3 +- .../datepicker-sample-6.component.ts | 3 +- .../datepicker-sample-7.component.ts | 3 +- .../datepicker-sample-8.component.ts | 3 +- .../datepicker-sample-9.component.ts | 3 +- .../datepicker-styling-sample.component.ts | 14 +-- .../reactive-form/reactive-form.component.ts | 3 +- .../template-driven-form.component.ts | 3 +- .../daterangepicker-basic.ts | 3 +- .../daterangepicker-flight-booking.ts | 3 +- .../daterangepicker-mode.ts | 3 +- .../daterangepicker-range-buttons.ts | 3 +- .../daterangepicker-start-end.ts | 3 +- .../daterangepicker-styling.ts | 3 +- .../daterangepicker-validation.ts | 3 +- .../datetime-advanced/datetime-advanced.ts | 3 +- .../datetime-basic.component.ts | 3 +- .../monthpicker-sample-1.component.ts | 3 +- .../monthpicker-sample-3.component.ts | 3 +- .../monthpicker-styling.component.ts | 3 +- .../monthpicker-tailwind-styling.component.ts | 3 +- .../timepicker-dropdown.component.ts | 3 +- .../timepicker-sample-1.component.ts | 3 +- .../timepicker-sample-4.component.ts | 3 +- .../timepicker-sample-5.component.ts | 3 +- .../timepicker-sample-6.component.ts | 3 +- .../timepicker-styling.component.ts | 12 +- .../csv-export-sample-1.component.ts | 3 +- .../csv-export-tree-grid-sample.component.ts | 3 +- .../export-csv/csv-export.component.ts | 3 +- .../excel-export-sample-1.component.ts | 3 +- ...excel-export-tree-grid-sample.component.ts | 3 +- .../export-excel/excel-export.component.ts | 3 +- .../export-pdf-custom-font.component.ts | 1 + .../export-pdf/pdf-export.component.ts | 3 +- .../localization-all-resources.component.ts | 3 +- .../localization-sample-1.component.ts | 3 +- .../localization-sample-2.component.ts | 3 +- .../localization-sample-3.component.ts | 3 +- .../localization-all-resources.component.ts | 3 +- .../transaction-base.component.ts | 3 +- .../angular/angular-sample.component.ts | 5 +- .../animations-sample-1.component.ts | 3 +- .../animations-sample-2.component.ts | 3 +- .../bootstrap/bootstrap-sample.component.scss | 9 +- .../bootstrap/bootstrap-sample.component.ts | 3 +- .../default-theme-sample.component.ts | 3 +- .../display-density.component.ts | 3 +- .../roundness/roundness-sample.component.ts | 3 +- .../card-sample-shadow/card-sample-shadow.ts | 3 +- .../shadows-sample.component.ts | 3 +- .../shadows-sample-2.component.ts | 3 +- src/app/theming/styles/dark-theme.scss | 4 +- src/app/theming/styles/themes.scss | 6 +- .../tailwind/tailwind-sample.component.ts | 3 +- .../column-group-selection.component.ts | 3 +- ...e-grid-column-selection-style.component.ts | 3 +- .../tree-grid-column-selection.component.ts | 3 +- .../tgrid-editing-lifecycle.component.ts | 3 +- .../tgrid-keyboardnav-guide.component.ts | 3 +- .../tree-grid-action-strip-sample.ts | 3 +- .../tree-grid-add-row-sample.component.ts | 3 +- ...rid-advanced-filtering-sample.component.ts | 3 +- ...grid-advanced-filtering-style.component.ts | 3 +- ...ree-grid-batch-editing-sample.component.ts | 3 +- ...grid-cell-merge-custom-sample.component.ts | 3 +- .../tree-grid-cell-merge-sample.component.ts | 3 +- .../tree-grid-cellSelection.component.ts | 3 +- ...d-clipboard-operations-sample.component.ts | 3 +- ...rid-collapsible-column-groups.component.ts | 3 +- ...ree-grid-column-hiding-sample.component.ts | 3 +- ...-column-hiding-toolbar-sample.component.ts | 3 +- ...d-column-hiding-toolbar-style.component.ts | 3 +- ...ree-grid-column-moving-sample.component.ts | 3 +- ...d-column-moving-styled-sample.component.ts | 3 +- ...ee-grid-column-pinning-sample.component.ts | 3 +- .../tree-grid-toolbar-pinning.component.ts | 3 +- ...e-grid-column-resizing-sample.component.ts | 3 +- ...grid-conditional-cell-style-2.component.ts | 3 +- ...conditional-cell-style-sample.component.ts | 3 +- ...rid-conditional-row-selectors.component.ts | 3 +- .../tree-grid-disable-summaries.component.ts | 1 + ...ee-grid-displaydensity-sample.component.ts | 3 +- .../tree-grid-editing-events.component.ts | 3 +- .../tree-grid-editing-sample.component.ts | 3 +- .../tree-grid-editing-sample.component.ts | 3 +- .../tree-grid-employees-sample.component.ts | 3 +- ...tyle-filtering-load-on-demand.component.ts | 3 +- ...xcel-style-filtering-sample-1.component.ts | 3 +- ...xcel-style-filtering-sample-2.component.ts | 3 +- ...xcel-style-filtering-sample-3.component.ts | 3 +- ...d-excel-style-filtering-style.component.ts | 3 +- ...ree-grid-export-visualization.component.ts | 9 +- ...d-external-advanced-filtering.component.ts | 3 +- ...xternal-excel-style-filtering.component.ts | 3 +- ...e-grid-external-outlet-sample.component.ts | 3 +- ...-grid-filtering-custom-sample.component.ts | 3 +- .../tree-grid-filtering-sample.component.ts | 3 +- .../tree-grid-filtering-style.component.ts | 3 +- ...rid-filtering-template-sample.component.ts | 3 +- ...-formatted-filtering-strategy.component.ts | 3 +- ...roup-by-load-on-demand-sample.component.ts | 3 +- ...id-keyboard-navigation-sample.component.ts | 3 +- ...ee-grid-load-on-demand-sample.component.ts | 3 +- ...id-multi-cell-selection-style.component.ts | 3 +- ...ree-grid-multi-cell-selection.component.ts | 3 +- ...column-header-template-sample.component.ts | 3 +- ...d-multi-column-headers-export.component.ts | 3 +- ...d-multi-column-headers-sample.component.ts | 3 +- ...-multi-column-headers-styling.component.ts | 3 +- .../tree-grid-multi-row-drag.component.ts | 3 +- .../tree-grid-pager-sample.component.ts | 3 +- .../tree-grid-paging-sample.component.ts | 3 +- ...tree-grid-paging-style-sample.component.ts | 3 +- ...-grid-remote-filtering-sample.component.ts | 3 +- ...emote-paging-default-template.component.ts | 3 +- ...ree-grid-remote-paging-sample.component.ts | 3 +- ...id-resize-line-styling-sample.component.ts | 3 +- .../tree-grid-row-drag-base.component.ts | 3 +- .../tree-grid-row-drag.component.ts | 3 +- .../tree-grid-row-edit-style.component.ts | 3 +- .../tree-grid-row-editing-sample.component.ts | 3 +- ...grid-row-pinning-extra-column.component.ts | 3 +- ...tree-grid-row-pinning-styling.component.ts | 3 +- .../tree-grid-row-pinning.component.ts | 3 +- .../tree-grid-row-reorder.component.ts | 3 +- .../tree-grid-rowClasses.component.ts | 3 +- .../tree-grid-rowStyle.component.ts | 3 +- .../tree-grid-both-sides-pinning.component.ts | 3 +- .../tree-grid-right-pinning.component.ts | 3 +- .../tree-grid-save-state/about.component.ts | 3 +- .../tGrid-state.component.ts | 3 +- .../tree-grid-search-sample.component.ts | 3 +- .../tree-grid-selection-sample.component.ts | 3 +- ...id-selection-template-numbers.component.ts | 3 +- .../tree-grid-contextmenu.component.ts | 3 +- .../tree-grid-sorting-sample.component.ts | 3 +- .../tree-grid-sorting-styling.component.ts | 3 +- .../tree-grid-style.component.ts | 3 +- .../tree-grid-summary-export.component.ts | 3 +- .../tree-grid-summary-formatter.component.ts | 3 +- .../tree-grid-summary-sample.component.ts | 3 +- .../tree-grid-summary-styling.component.ts | 3 +- .../tree-grid-summary2-sample.component.ts | 3 +- .../tree-grid-toolbar-sample-1.component.ts | 3 +- .../tree-grid-toolbar-sample-2.component.ts | 5 +- .../tree-grid-toolbar-sample-3.component.ts | 3 +- .../tree-grid-toolbar-sample-4.component.ts | 3 +- .../tree-grid-toolbar-style.component.ts | 3 +- .../tree-grid-tree-filter-view.component.ts | 1 + .../tree-grid-validation-style.component.ts | 3 +- ...validator-service-cross-field.component.ts | 3 +- ...id-validator-service-extended.component.ts | 5 +- .../tree-grid-validator-service.component.ts | 3 +- ...ee-grid-virtualization-sample.component.ts | 3 +- .../treegrid-allData-summary.component.ts | 3 +- .../treegrid-column-autosizing.component.ts | 3 +- .../treegrid-summary-template.component.ts | 3 +- src/main.server.ts | 3 +- src/main.ts | 4 +- src/polyfills.ts | 9 +- src/test.ts | 50 ++++---- 796 files changed, 1778 insertions(+), 1060 deletions(-) delete mode 100644 src/app/pivot-grid/pivot-styling/layout.scss delete mode 100644 src/app/pivot-grid/pivot-styling/pivot-styling.component.html delete mode 100644 src/app/pivot-grid/pivot-styling/pivot-styling.component.scss delete mode 100644 src/app/pivot-grid/pivot-styling/pivot-styling.component.ts diff --git a/angular.json b/angular.json index 33c08f198f..db2949094d 100644 --- a/angular.json +++ b/angular.json @@ -18,6 +18,7 @@ "index": "src/index.html", "tsConfig": "src/tsconfig.app.json", "polyfills": [ + "zone.js", "hammerjs" ], "assets": [ @@ -136,7 +137,7 @@ }, "index": "projects/app-lob/src/index.html", "polyfills": [ - "hammerjs/hammer" + "projects/app-lob/src/polyfills.ts" ], "tsConfig": "projects/app-lob/tsconfig.app.json", "assets": [ @@ -219,7 +220,7 @@ "builder": "@angular/build:karma", "options": { "main": "projects/app-lob/src/test.ts", - "polyfills": ["projects/app-lob/src/polyfills.ts"], + "polyfills": "projects/app-lob/src/polyfills.ts", "tsConfig": "projects/app-lob/tsconfig.spec.json", "karmaConfig": "projects/app-lob/karma.conf.js", "assets": [ @@ -267,7 +268,7 @@ }, "index": "projects/app-crm/src/index.html", "polyfills": [ - "hammerjs/hammer" + "projects/app-crm/src/polyfills.ts" ], "tsConfig": "projects/app-crm/tsconfig.app.json", "assets": [ diff --git a/live-editing/configs/PivotGridConfigGenerator.ts b/live-editing/configs/PivotGridConfigGenerator.ts index 7f7fb25e2e..e2ed82c71d 100644 --- a/live-editing/configs/PivotGridConfigGenerator.ts +++ b/live-editing/configs/PivotGridConfigGenerator.ts @@ -82,12 +82,6 @@ export class PivotGridConfigGenerator implements IConfigGenerator { component: 'PivotGridLayoutComponent' })); - configs.push(new Config({ - additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/dataToAnalyze.ts'], - appConfig: BaseAppConfig, - component: 'PivotStylingComponent' - })); - return configs; } } diff --git a/package-lock.json b/package-lock.json index 36391e14ed..177541bf87 100644 --- a/package-lock.json +++ b/package-lock.json @@ -36,13 +36,13 @@ "file-saver": "^2.0.2", "fuse.js": "^7.1.0", "hammerjs": "^2.0.8", - "igniteui-angular": "22.1.0-alpha.0", + "igniteui-angular": "^22.0.0", "igniteui-angular-charts": "^22.0.0", "igniteui-angular-core": "^22.0.0", - "igniteui-angular-extras": "22.1.0-alpha.0", - "igniteui-angular-i18n": "22.1.0-alpha.0", + "igniteui-angular-extras": "^22.0.0", + "igniteui-angular-i18n": "^22.0.0", "igniteui-dockmanager": "^1.17.0", - "igniteui-grid-lite": "^0.9.0", + "igniteui-grid-lite": "^0.7.1", "igniteui-i18n-resources": "^1.0.4", "igniteui-live-editing": "^3.5.1", "igniteui-webcomponents": "^7.2.1", @@ -54,7 +54,8 @@ "shiki": "^3.13.0", "sql-formatter": "^15.4.11", "tailwindcss": "^4.1.10", - "tslib": "^2.6.1" + "tslib": "^2.6.1", + "zone.js": "~0.15.0" }, "devDependencies": { "@angular-eslint/builder": "^22.0.0", @@ -1239,9 +1240,9 @@ } }, "node_modules/@bufbuild/protobuf": { - "version": "2.13.0", - "resolved": "https://registry.npmjs.org/@bufbuild/protobuf/-/protobuf-2.13.0.tgz", - "integrity": "sha512-acq7c49vxfm1ggJ95P70TX7ABDM0vxr1SYD3BB0o0jnBLB4OAqeHyKuN+cD3w80gXEDQ2zxHpR6CUeA+O/aU9g==", + "version": "2.12.0", + "resolved": "https://registry.npmjs.org/@bufbuild/protobuf/-/protobuf-2.12.0.tgz", + "integrity": "sha512-B/XlCaFIP8LOwzo+bz5uFzATYokcwCKQcghqnlfwSmM5eX/qTkvDBnDPs+gXtX/RyjxJ4DRikECcPJbyALA8FA==", "license": "(Apache-2.0 AND BSD-3-Clause)" }, "node_modules/@colors/colors": { @@ -10492,15 +10493,15 @@ "license": "BSD-3-Clause" }, "node_modules/igniteui-angular": { - "version": "22.1.0-alpha.0", - "resolved": "https://registry.npmjs.org/igniteui-angular/-/igniteui-angular-22.1.0-alpha.0.tgz", - "integrity": "sha512-x9F/H3I82o9x3onYszElXF6oC7k4maXiSCUiFGFr6fBUVNN8acvt/kfMDetaixf8j59Ur7wMCI2xnuX3AVOLaA==", + "version": "22.0.0", + "resolved": "https://registry.npmjs.org/igniteui-angular/-/igniteui-angular-22.0.0.tgz", + "integrity": "sha512-E9/AzWNbqs/bwrHCg91jL3qu58IkUYJ7CP/OZQG09aj/FZLBOxeB+3FnpztReyieG4xUOIj9AUGpPkZRmwgo/Q==", "license": "SEE LICENSE IN LICENSE", "dependencies": { "@igniteui/material-icons-extended": "^3.1.0", "fflate": "^0.8.2", "igniteui-i18n-core": "^1.0.5", - "igniteui-theming": "^27.4.0", + "igniteui-theming": "^27.3.0", "igniteui-trial-watermark": "^3.1.0", "jspdf": "^4.2.1", "lodash-es": "^4.17.21", @@ -10513,7 +10514,7 @@ "@angular/forms": "22", "@types/hammerjs": "^2.0.46", "hammerjs": "^2.0.8", - "igniteui-grid-lite": "~0.9.0", + "igniteui-grid-lite": "~0.7.1", "igniteui-webcomponents": "^7.2.1" }, "peerDependenciesMeta": { @@ -10561,9 +10562,9 @@ } }, "node_modules/igniteui-angular-extras": { - "version": "22.1.0-alpha.0", - "resolved": "https://registry.npmjs.org/igniteui-angular-extras/-/igniteui-angular-extras-22.1.0-alpha.0.tgz", - "integrity": "sha512-/pNo+e+td9FnMlMzqECKvOiGt4IPDBAAtWOrNMHrKH8cVbryTsEpl+i2p++tj4jheliluMQXIA/NFCEN+r3RrQ==", + "version": "22.0.0", + "resolved": "https://registry.npmjs.org/igniteui-angular-extras/-/igniteui-angular-extras-22.0.0.tgz", + "integrity": "sha512-P2unrI2aNT5gMEWElSD/K5ZVZd7H46lmX1B+m8iK+t8k8sNx5F+dvBQkXUExdLPdtRtObXxhHVrh7QGUeBm6Xw==", "license": "SEE LICENSE IN LICENSE", "dependencies": { "igniteui-trial-watermark": "^3.1.0", @@ -10578,9 +10579,9 @@ } }, "node_modules/igniteui-angular-i18n": { - "version": "22.1.0-alpha.0", - "resolved": "https://registry.npmjs.org/igniteui-angular-i18n/-/igniteui-angular-i18n-22.1.0-alpha.0.tgz", - "integrity": "sha512-M2dv5XJb/DbT4HzYF07n9WrjDEbSWcimNxE8A6L3KWBzebuahmQ3wzvmps3gd1YABJWD2+gV8QSYYvXA0P7Atg==", + "version": "22.0.0", + "resolved": "https://registry.npmjs.org/igniteui-angular-i18n/-/igniteui-angular-i18n-22.0.0.tgz", + "integrity": "sha512-S4mlSwdHsqPR5cSgpE9vZbqGP97jSna4NzOyF7VMUznWnE9Xp08UjeLefJGP3n71ALalCM4Waxivnk+kGW6mNQ==", "license": "MIT", "dependencies": { "igniteui-i18n-core": "^1.0.2", @@ -10603,18 +10604,58 @@ "license": "Apache-2.0" }, "node_modules/igniteui-grid-lite": { - "version": "0.9.0", - "resolved": "https://registry.npmjs.org/igniteui-grid-lite/-/igniteui-grid-lite-0.9.0.tgz", - "integrity": "sha512-pW6MPniC0Up5YmbdB2QVTpPdIp0lkapPfQbnQQmqhtrvGO8Cpf84FQf1s7uMxatCC6FV5w7fgGpriy3t88yNng==", + "version": "0.7.1", + "resolved": "https://registry.npmjs.org/igniteui-grid-lite/-/igniteui-grid-lite-0.7.1.tgz", + "integrity": "sha512-CUKa9/U5Tn1DDxPMoHPP5RRbTlA/KqiSaHGDaMrrGNRBFbLQAZJnKNR3mlTgHeIk0rWjL6Wyc2bZgjpTWRQxIQ==", "license": "MIT", "dependencies": { "@lit-labs/virtualizer": "~2.1.0", "@lit/context": "~1.1.5", - "igniteui-webcomponents": "~7.2.0", + "igniteui-webcomponents": "~7.1.0", + "lit": "^3.3.0" + }, + "engines": { + "node": ">=20" + } + }, + "node_modules/igniteui-grid-lite/node_modules/igniteui-webcomponents": { + "version": "7.1.3", + "resolved": "https://registry.npmjs.org/igniteui-webcomponents/-/igniteui-webcomponents-7.1.3.tgz", + "integrity": "sha512-iG4xBzooIOxtnAG8VIg39zKVWoo9jy2iEK3CDLGZYb9hU1LZx+4SAOPFkB9FSp15dgR4ql6kGKYf93T8oK0sdw==", + "license": "MIT", + "dependencies": { + "@floating-ui/dom": "^1.7.0", + "@lit-labs/virtualizer": "^2.1.0", + "@lit/context": "^1.1.0", + "igniteui-i18n-core": "^1.0.1", "lit": "^3.3.0" }, "engines": { "node": ">=22" + }, + "peerDependencies": { + "dompurify": "^3.3.0", + "igniteui-i18n-resources": "^1.0.1", + "marked": "^17.0.0", + "marked-shiki": "^1.2.0", + "shiki": "^3.20.0" + }, + "peerDependenciesMeta": { + "dompurify": { + "optional": true + }, + "igniteui-i18n-resources": { + "optional": true + }, + "marked": { + "optional": true + }, + "marked-shiki": { + "optional": true + }, + "shiki": { + "optional": true + } } }, "node_modules/igniteui-i18n-core": { @@ -10647,9 +10688,9 @@ "license": "MIT" }, "node_modules/igniteui-theming": { - "version": "27.4.0", - "resolved": "https://registry.npmjs.org/igniteui-theming/-/igniteui-theming-27.4.0.tgz", - "integrity": "sha512-0lxn6jDcPKdEtewxx/q+F0MBGhlfXCx1nzfFRS55GmfcYAexNwAjfjS2MlE+Tc/aN33spDA9GkP6cQNI2s+BdA==", + "version": "27.3.0", + "resolved": "https://registry.npmjs.org/igniteui-theming/-/igniteui-theming-27.3.0.tgz", + "integrity": "sha512-9xpPZkMUBSBzA1KzBoXurx61RoaUKW7p/H6CWks+Nh8SehsvAj2j4DSQlT0IR6bb41kRICYVNuyTqMicqLmaLA==", "license": "MIT", "dependencies": { "@modelcontextprotocol/sdk": "^1.28.0", @@ -13884,19 +13925,9 @@ } }, "node_modules/pako": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/pako/-/pako-2.2.0.tgz", - "integrity": "sha512-zJq6RP/5q+TO2OpFV3FHzlPnFjmkb7Nc99a5SNjJE+uu/PkpChs+NIZSSzbBoD+6kjiISXjfYdwj1ZRQ81dz/w==", - "funding": [ - { - "type": "github", - "url": "https://github.com/sponsors/puzrin" - }, - { - "type": "github", - "url": "https://github.com/sponsors/nodeca" - } - ], + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/pako/-/pako-2.1.0.tgz", + "integrity": "sha512-w+eufiZ1WuJYgPXbV/PO3NCMEc3xqylkKHzp8bxp1uW4qaSNQUkwmLLEc3kKsfz8lpV1F8Ht3U1Cm+9Srog2ug==", "license": "(MIT AND Zlib)" }, "node_modules/parent-module": { @@ -18379,6 +18410,12 @@ "zod": "^3.25.28 || ^4" } }, + "node_modules/zone.js": { + "version": "0.15.1", + "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.15.1.tgz", + "integrity": "sha512-XE96n56IQpJM7NAoXswY3XRLcWFW83xe0BiAOeMD7K5k5xecOeul3Qcpx6GqEeeHNkW5DWL5zOyTbEfB4eti8w==", + "license": "MIT" + }, "node_modules/zwitch": { "version": "2.0.4", "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-2.0.4.tgz", diff --git a/package.json b/package.json index f3b24ba294..734b5d56ef 100644 --- a/package.json +++ b/package.json @@ -73,13 +73,13 @@ "file-saver": "^2.0.2", "fuse.js": "^7.1.0", "hammerjs": "^2.0.8", - "igniteui-angular": "22.1.0-alpha.0", + "igniteui-angular": "^22.0.0", "igniteui-angular-charts": "^22.0.0", "igniteui-angular-core": "^22.0.0", - "igniteui-angular-extras": "22.1.0-alpha.0", - "igniteui-angular-i18n": "22.1.0-alpha.0", + "igniteui-angular-extras": "^22.0.0", + "igniteui-angular-i18n": "^22.0.0", "igniteui-dockmanager": "^1.17.0", - "igniteui-grid-lite": "^0.9.0", + "igniteui-grid-lite": "^0.7.1", "igniteui-i18n-resources": "^1.0.4", "igniteui-live-editing": "^3.5.1", "igniteui-webcomponents": "^7.2.1", @@ -91,7 +91,8 @@ "shiki": "^3.13.0", "sql-formatter": "^15.4.11", "tailwindcss": "^4.1.10", - "tslib": "^2.6.1" + "tslib": "^2.6.1", + "zone.js": "~0.15.0" }, "overrides": { "@ng-bootstrap/ng-bootstrap": { @@ -112,7 +113,7 @@ "@angular/compiler": "^22.0.0" }, "igniteui-angular-extras": { - "igniteui-angular": "22.1.0-alpha.0", + "igniteui-angular": "^22.0.0", "@infragistics/igniteui-angular": "^22.0.0", "igniteui-angular-core": "^22.0.0", "igniteui-angular-charts": "^22.0.0", diff --git a/projects/app-crm/src/app/app.component.ts b/projects/app-crm/src/app/app.component.ts index d712d916e9..0e535cfbfe 100644 --- a/projects/app-crm/src/app/app.component.ts +++ b/projects/app-crm/src/app/app.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, DOCUMENT, inject } from '@angular/core'; +import { Component, OnInit, DOCUMENT, inject, ChangeDetectionStrategy } from '@angular/core'; import { SEOService } from '../../../app-lob/src/app/seo.service'; import { RouterOutlet } from '@angular/router'; @@ -7,6 +7,7 @@ import { RouterOutlet } from '@angular/router'; selector: 'app-root', styleUrls: ['./app.component.scss'], templateUrl: './app.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [RouterOutlet] }) export class AppComponent implements OnInit { diff --git a/projects/app-crm/src/app/grid-crm/grid-crm.component.ts b/projects/app-crm/src/app/grid-crm/grid-crm.component.ts index 094c88afe1..0b76333d4b 100644 --- a/projects/app-crm/src/app/grid-crm/grid-crm.component.ts +++ b/projects/app-crm/src/app/grid-crm/grid-crm.component.ts @@ -1,5 +1,5 @@ /* eslint-disable no-underscore-dangle */ -import { AfterViewInit, Component, ElementRef, OnInit, QueryList, ViewChild, inject } from '@angular/core'; +import { AfterViewInit, Component, ElementRef, OnInit, QueryList, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { ActivatedRoute } from '@angular/router'; import { CloseScrollStrategy, ConnectedPositioningStrategy, HorizontalAlignment, IgxSummaryResult, OverlaySettings, PositionSettings, VerticalAlignment } from 'igniteui-angular/core'; import { CellType, GridSelectionMode, IgxCellTemplateDirective, IgxColumnComponent, IgxDateSummaryOperand, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent, IgxNumberSummaryOperand, IColumnExportingEventArgs, IgxCsvExporterService, IgxExcelExporterService } from 'igniteui-angular/grids/core'; @@ -75,6 +75,7 @@ class SoonSummary extends IgxDateSummaryOperand { selector: 'app-grid', styleUrls: ['./grid-crm.component.scss'], templateUrl: './grid-crm.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [NgClass, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxGridToolbarTitleComponent, IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxIconButtonDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent, IgxLinearProgressBarComponent] }) export class GridCRMComponent implements OnInit, AfterViewInit { diff --git a/projects/app-crm/src/environments/environment.ts b/projects/app-crm/src/environments/environment.ts index 5dd10dc009..30d7bccb19 100644 --- a/projects/app-crm/src/environments/environment.ts +++ b/projects/app-crm/src/environments/environment.ts @@ -5,3 +5,12 @@ export const environment = { production: false }; + +/* + * For easier debugging in development mode, you can import the following file + * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`. + * + * This import should be commented out in production mode because it will have a negative impact + * on performance if an error is thrown. + */ +// import 'zone.js/plugins/zone-error'; // Included with Angular CLI. diff --git a/projects/app-crm/src/main.server.ts b/projects/app-crm/src/main.server.ts index fbd3e9dbd7..9c6485729a 100644 --- a/projects/app-crm/src/main.server.ts +++ b/projects/app-crm/src/main.server.ts @@ -1,7 +1,8 @@ +import { provideZoneChangeDetection } from "@angular/core"; import { bootstrapApplication, BootstrapContext } from '@angular/platform-browser'; import { AppComponent } from './app/app.component'; import { config } from './app/app.config.server'; -const bootstrap = (context: BootstrapContext) => bootstrapApplication(AppComponent, config, context); +const bootstrap = (context: BootstrapContext) => bootstrapApplication(AppComponent, {...config, providers: [provideZoneChangeDetection(), ...config.providers]}, context); export default bootstrap; diff --git a/projects/app-crm/src/main.ts b/projects/app-crm/src/main.ts index 06acb33cdc..17202407de 100644 --- a/projects/app-crm/src/main.ts +++ b/projects/app-crm/src/main.ts @@ -1,4 +1,4 @@ -import { enableProdMode } from '@angular/core'; +import { enableProdMode, provideZoneChangeDetection } from '@angular/core'; import { environment } from './environments/environment'; import { bootstrapApplication } from '@angular/platform-browser'; import { AppComponent } from './app/app.component'; @@ -8,4 +8,4 @@ if (environment.production) { enableProdMode(); } -bootstrapApplication(AppComponent, AppConfig).catch((err) => console.error(err)); +bootstrapApplication(AppComponent, {...AppConfig, providers: [provideZoneChangeDetection(), ...AppConfig.providers]}).catch((err) => console.error(err)); diff --git a/projects/app-crm/src/polyfills.ts b/projects/app-crm/src/polyfills.ts index 705aeb9ccd..cf0b9bb2dd 100644 --- a/projects/app-crm/src/polyfills.ts +++ b/projects/app-crm/src/polyfills.ts @@ -1 +1,5 @@ +// /*************************************************************************************************** +// * Zone JS is required by Angular itself. +// // */ import 'hammerjs/hammer'; +import 'zone.js'; // Included with Angular CLI. diff --git a/projects/app-crm/src/test.ts b/projects/app-crm/src/test.ts index 4f7b6ae8ef..3ac997f524 100644 --- a/projects/app-crm/src/test.ts +++ b/projects/app-crm/src/test.ts @@ -1,14 +1,15 @@ -// This file is required by karma.conf.js and loads recursively all the .spec and framework files -import { getTestBed } from '@angular/core/testing'; -import { - BrowserDynamicTestingModule, - platformBrowserDynamicTesting -} from '@angular/platform-browser-dynamic/testing'; - -// First, initialize the Angular testing environment. -getTestBed().initTestEnvironment( - BrowserDynamicTestingModule, +// This file is required by karma.conf.js and loads recursively all the .spec and framework files +import { getTestBed } from '@angular/core/testing'; +import { + BrowserDynamicTestingModule, + platformBrowserDynamicTesting +} from '@angular/platform-browser-dynamic/testing'; +import 'zone.js/testing'; + +// First, initialize the Angular testing environment. +getTestBed().initTestEnvironment( + BrowserDynamicTestingModule, platformBrowserDynamicTesting(), { teardown: { destroyAfterEach: false } -} -); +} +); diff --git a/projects/app-lob/src/app/app.component.ts b/projects/app-lob/src/app/app.component.ts index d38aa4061e..e6d7a47e5d 100644 --- a/projects/app-lob/src/app/app.component.ts +++ b/projects/app-lob/src/app/app.component.ts @@ -1,5 +1,5 @@ -import { Component, HostListener, OnInit, DOCUMENT, inject } from '@angular/core'; +import { Component, HostListener, OnInit, DOCUMENT, inject, ChangeDetectionStrategy } from '@angular/core'; import { ActivatedRoute, NavigationEnd, Router, RouterOutlet } from '@angular/router'; import { filter, map, mergeMap } from 'rxjs/operators'; import { SEOService } from './seo.service'; @@ -8,6 +8,7 @@ import { SEOService } from './seo.service'; selector: 'app-root', styleUrls: ['./app.component.scss'], templateUrl: './app.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [RouterOutlet] }) export class AppComponent implements OnInit { diff --git a/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/data-analysis-dock-manager.component.ts b/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/data-analysis-dock-manager.component.ts index 0ac9fbc730..655a0320bc 100644 --- a/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/data-analysis-dock-manager.component.ts +++ b/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/data-analysis-dock-manager.component.ts @@ -1,5 +1,5 @@ /* eslint-disable max-len */ -import { AfterViewInit, ChangeDetectorRef, ViewContainerRef, Component, CUSTOM_ELEMENTS_SCHEMA, ElementRef, OnInit, Pipe, PipeTransform, QueryList, ViewChild, ViewChildren, TemplateRef, inject } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, ViewContainerRef, Component, CUSTOM_ELEMENTS_SCHEMA, ElementRef, OnInit, Pipe, PipeTransform, QueryList, ViewChild, ViewChildren, TemplateRef, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxChartIntegrationDirective, IgxConditionalFormattingDirective, IgxContextMenuDirective, OPTIONS_TYPE, CHART_TYPE, IDeterminedChartTypesArgs } from 'igniteui-angular-extras'; import { IgcDockManagerLayout, IgcDockManagerPaneType, IgcSplitPane, IgcSplitPaneOrientation } from 'igniteui-dockmanager'; import { FinancialData } from '../../data/financialData'; @@ -58,6 +58,7 @@ export class HastDuplicateLayouts implements PipeTransform { styleUrls: ['./data-analysis-dock-manager.component.scss'], providers: [FloatingPanesService], imports: [IgxGridComponent, IgxConditionalFormattingDirective, IgxChartIntegrationDirective, IgxContextMenuDirective, IgxBadgeComponent, IgxColumnComponent, IgxCellTemplateDirective, NgClass, IgxDividerDirective, DockSlotComponent, DecimalPipe, TitleCasePipe, CurrencyPipe, FilterTypePipe, HastDuplicateLayouts], + changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class DataAnalysisDockManagerComponent implements OnInit, AfterViewInit { diff --git a/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/dock-slot/dock-slot.component.ts b/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/dock-slot/dock-slot.component.ts index e6199d57ec..fdbd6388b4 100644 --- a/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/dock-slot/dock-slot.component.ts +++ b/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/dock-slot/dock-slot.component.ts @@ -1,10 +1,11 @@ -import { Component, HostBinding, Input, OnInit, ViewChild } from '@angular/core'; +import { Component, HostBinding, Input, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { ChartHostDirective } from '../../directives/chart-integration/chart-integration.directive'; @Component({ selector: 'app-dock-slot', templateUrl: './dock-slot.component.html', styleUrls: ['./dock-slot.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [ChartHostDirective] }) export class DockSlotComponent implements OnInit { 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 185cb37db5..e9af4cefd4 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,5 +1,5 @@ /* eslint-disable max-len */ -import { AfterViewInit, Component, OnInit, ViewChild } from '@angular/core'; +import { AfterViewInit, Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxChartIntegrationDirective, IgxContextMenuDirective, IgxConditionalFormattingDirective, OPTIONS_TYPE, CHART_TYPE } from 'igniteui-angular-extras'; import { FinancialData } from '../data/financialData'; @@ -11,6 +11,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'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxChartIntegrationDirective, IgxConditionalFormattingDirective, IgxContextMenuDirective, IgxColumnComponent, IgxCellTemplateDirective, DecimalPipe, CurrencyPipe] }) export class GridDynamicChartDataComponent implements OnInit, AfterViewInit { diff --git a/projects/app-lob/src/app/grid-finjs-dock-manager/dock-slot.component.ts b/projects/app-lob/src/app/grid-finjs-dock-manager/dock-slot.component.ts index ddeba6a902..62c86fd777 100644 --- a/projects/app-lob/src/app/grid-finjs-dock-manager/dock-slot.component.ts +++ b/projects/app-lob/src/app/grid-finjs-dock-manager/dock-slot.component.ts @@ -1,14 +1,13 @@ // eslint-disable-next-line max-len -import { AfterViewInit, Component, Directive, EventEmitter, HostBinding, Input, OnInit, OnDestroy, Output, ViewChild, ViewContainerRef, inject } from '@angular/core'; +import { AfterViewInit, Component, Directive, EventEmitter, HostBinding, Input, OnInit, OnDestroy, Output, ViewChild, ViewContainerRef, inject, ChangeDetectionStrategy } from '@angular/core'; import { Subject } from 'rxjs'; @Directive({ // eslint-disable-next-line @angular-eslint/directive-selector selector: '[gridHost]' }) -export class GridHostDirective { - viewContainerRef = inject(ViewContainerRef); - +export class GridHostDirective { viewContainerRef = inject(ViewContainerRef); + } @Component({ @@ -17,6 +16,7 @@ export class GridHostDirective {
`, + changeDetection: ChangeDetectionStrategy.Eager, imports: [GridHostDirective] }) export class DockSlotComponent implements OnInit, AfterViewInit, OnDestroy { diff --git a/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.component.ts b/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.component.ts index 35951d5460..8242369b28 100644 --- a/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.component.ts +++ b/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.component.ts @@ -1,5 +1,5 @@ /* eslint-disable max-len */ -import { AfterViewInit, ChangeDetectorRef, Component, ElementRef, Renderer2, OnDestroy, OnInit, DoCheck, TemplateRef, ViewChild, ViewContainerRef, ViewEncapsulation, CUSTOM_ELEMENTS_SCHEMA, inject } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, ElementRef, Renderer2, OnDestroy, OnInit, DoCheck, TemplateRef, ViewChild, ViewContainerRef, ViewEncapsulation, CUSTOM_ELEMENTS_SCHEMA, inject, ChangeDetectionStrategy } from '@angular/core'; import { AbsoluteScrollStrategy, ConnectedPositioningStrategy, DefaultSortingStrategy, GridColumnDataType, IgxOverlayOutletDirective, OverlaySettings, SortingDirection } from 'igniteui-angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -24,6 +24,7 @@ import { AsyncPipe, CurrencyPipe } from '@angular/common'; templateUrl: './grid-finjs-dock-manager.component.html', styleUrls: ['./grid-finjs-dock-manager.component.scss'], imports: [IgxSwitchComponent, FormsModule, IgxSelectComponent, IgxLabelDirective, IgxPrefixDirective, IgxIconComponent, IgxSelectItemComponent, IgxButtonDirective, IgxOverlayOutletDirective, IgxGridComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxPaginatorComponent, GridHostDirective, AsyncPipe, CurrencyPipe], + changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class GridFinJSDockManagerComponent implements OnInit, OnDestroy, AfterViewInit, DoCheck { @@ -173,7 +174,6 @@ export class GridFinJSDockManagerComponent implements OnInit, OnDestroy, AfterVi this.data.pipe(takeUntil(this.destroy$)).subscribe((data) => { if (data.length !== 0) { this.isLoading = false; - this.cdr.markForCheck(); }; }); } @@ -225,7 +225,6 @@ export class GridFinJSDockManagerComponent implements OnInit, OnDestroy, AfterVi ignoreCase: false, strategy: DefaultSortingStrategy.instance() }]; - this.cdr.markForCheck(); }, 500); } @@ -304,10 +303,7 @@ export class GridFinJSDockManagerComponent implements OnInit, OnDestroy, AfterVi const componentRef = viewContainerRef.createComponent(IgxGridComponent); const grid = (componentRef.instance as IgxGridComponent); grid.autoGenerate = true; - this.dataService.data.pipe(takeUntil(destructor)).subscribe(d => { - grid.data = d; - componentRef.changeDetectorRef.markForCheck(); - }); + this.dataService.data.pipe(takeUntil(destructor)).subscribe(d => grid.data = d); grid.columnInit.pipe(takeUntil(destructor)).subscribe((col: IgxColumnComponent) => { if (col.field === 'price') { col.cellClasses = this.trends; diff --git a/projects/app-lob/src/app/grid-finjs/controllers.component.ts b/projects/app-lob/src/app/grid-finjs/controllers.component.ts index c8ce5bdfb3..515c615701 100644 --- a/projects/app-lob/src/app/grid-finjs/controllers.component.ts +++ b/projects/app-lob/src/app/grid-finjs/controllers.component.ts @@ -1,24 +1,25 @@ -import { Component, EventEmitter, OnDestroy, OnInit, Output, ViewChild, inject } from '@angular/core'; +import { Component, EventEmitter, OnDestroy, OnInit, Output, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { ActivatedRoute } from '@angular/router'; -import { IButtonGroupEventArgs, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; -import { IChangeCheckboxEventArgs } from 'igniteui-angular/checkbox'; -import { ISliderValueChangeEventArgs, IgxSliderComponent } from 'igniteui-angular/slider'; -import { IgxToastComponent } from 'igniteui-angular/toast'; -import { VerticalAlignment } from 'igniteui-angular/core'; +import { IButtonGroupEventArgs, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; +import { IChangeCheckboxEventArgs } from 'igniteui-angular/checkbox'; +import { ISliderValueChangeEventArgs, IgxSliderComponent } from 'igniteui-angular/slider'; +import { IgxToastComponent } from 'igniteui-angular/toast'; +import { VerticalAlignment } from 'igniteui-angular/core'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; import { Observable, Subscription, timer } from 'rxjs'; -import { debounce } from 'rxjs/operators'; - +import { debounce } from 'rxjs/operators'; + import { FormsModule } from '@angular/forms'; -@Component({ - selector: 'app-finjs-controllers', - styleUrls: ['./controllers.component.scss'], - templateUrl: './controllers.component.html', - imports: [IgxSwitchComponent, FormsModule, IgxSliderComponent, IgxButtonGroupComponent, IgxToastComponent] +@Component({ + selector: 'app-finjs-controllers', + styleUrls: ['./controllers.component.scss'], + templateUrl: './controllers.component.html', + changeDetection: ChangeDetectionStrategy.Eager, + imports: [IgxSwitchComponent, FormsModule, IgxSliderComponent, IgxButtonGroupComponent, IgxToastComponent] }) -export class ControllerComponent implements OnInit, OnDestroy { - private router = inject(ActivatedRoute); +export class ControllerComponent implements OnInit, OnDestroy { + private router = inject(ActivatedRoute); @ViewChild('buttonGroup1', { static: true }) public playButtons: IgxButtonGroupComponent; @ViewChild('slider1', { static: true }) public volumeSlider: IgxSliderComponent; @@ -68,7 +69,7 @@ export class ControllerComponent implements OnInit, OnDestroy { this.frequencyChanged$ = this.intervalSlider.valueChange.pipe(debounce(() => timer(200))); this.frequencyChangedSubscription = this.frequencyChanged$ .subscribe(() => this.frequencyChanged.emit(this.intervalSlider.value as number)); - + this.toast.positionSettings.verticalDirection = VerticalAlignment.Middle; // Hide theme switcher 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 ea92f0c906..7ec11ce662 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,6 +1,6 @@ /* eslint-disable max-len */ import { AsyncPipe, CurrencyPipe } from '@angular/common'; -import { ChangeDetectorRef, Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild, DOCUMENT, inject } from '@angular/core'; +import { Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild, DOCUMENT, inject, ChangeDetectionStrategy } from '@angular/core'; import { CellType, GridSelectionMode, IColumnExportingEventArgs, IGridKeydownEventArgs, IRowSelectionEventArgs, IgxCellEditorTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent, IgxExcelTextDirective, IgxExporterEvent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxPdfExporterOptions, IgxPdfExporterService, IgxPdfTextDirective } from 'igniteui-angular/grids/core'; import { DefaultSortingStrategy, IgxOverlayOutletDirective, OverlaySettings, SortingDirection } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -17,13 +17,13 @@ import { FormsModule } from '@angular/forms'; selector: 'app-finjs-grid', templateUrl: './grid-finjs.component.html', styleUrls: ['./grid-finjs.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxExcelTextDirective, IgxPdfTextDirective, 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); private pdfExportService = inject(IgxPdfExporterService); - private cdr = inject(ChangeDetectorRef); dataService = inject(SignalRService); @ViewChild('grid1', { static: true }) public grid: IgxGridComponent; @@ -56,7 +56,6 @@ export class GridFinJSComponent implements OnInit { this.data$.subscribe((data) => { if (data.length !== 0) { this.isLoading = false; - this.cdr.markForCheck(); }; }); 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 4be09a32a2..d2e5011c88 100644 --- a/projects/app-lob/src/app/grid-finjs/main.component.ts +++ b/projects/app-lob/src/app/grid-finjs/main.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, HostBinding, OnDestroy, ViewChild, inject } from '@angular/core'; +import { AfterViewInit, Component, HostBinding, OnDestroy, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { Router } from '@angular/router'; import { IgxDialogActionsDirective, IgxDialogComponent, IgxDialogTitleDirective } from 'igniteui-angular/dialog'; import { IgxOverlayOutletDirective, OverlaySettings } from 'igniteui-angular/core'; @@ -12,11 +12,10 @@ import { GridFinJSComponent } from './grid-finjs.component'; selector: 'app-finjs-main', styleUrls: ['./main.component.scss'], templateUrl: './main.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [ControllerComponent, GridFinJSComponent, IgxOverlayOutletDirective, IgxDialogComponent, IgxDialogTitleDirective, IgxCategoryChartModule, IgxDialogActionsDirective, IgxButtonDirective, IgxFocusDirective] }) export class FinJSDemoComponent implements OnDestroy, AfterViewInit { - private cdr = inject(ChangeDetectorRef); - @ViewChild('finGrid', { static: true }) public finGrid: GridFinJSComponent; @ViewChild('controllers', { static: true }) public controller: ControllerComponent; @ViewChild('dialog', { static: true }) public dialog: IgxDialogComponent; @@ -176,7 +175,6 @@ export class FinJSDemoComponent implements OnDestroy, AfterViewInit { this.chartData[0].region + ' Region'; this.dialog.open(); - this.cdr.markForCheck(); }, 200); } diff --git a/projects/app-lob/src/app/grid/grid-boston-marathon/grid.component.ts b/projects/app-lob/src/app/grid/grid-boston-marathon/grid.component.ts index 35687a0895..1657c9c020 100644 --- a/projects/app-lob/src/app/grid/grid-boston-marathon/grid.component.ts +++ b/projects/app-lob/src/app/grid/grid-boston-marathon/grid.component.ts @@ -1,4 +1,4 @@ -import { Component, HostListener, OnDestroy, OnInit, ViewChild, ElementRef, AfterViewInit, DOCUMENT, inject, ChangeDetectorRef } from '@angular/core'; +import { Component, HostListener, OnDestroy, OnInit, ViewChild, ElementRef, AfterViewInit, DOCUMENT, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { CellType, IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core'; import { AbsolutePosition, IgxOverlayService, IgxStringFilteringOperand, IgxSummaryResult, OverlayClosingEventArgs, OverlaySettings } from 'igniteui-angular/core'; @@ -18,12 +18,12 @@ import { IgxSparklineCoreModule } from 'igniteui-angular-charts'; selector: 'app-grid', styleUrls: ['./grid.component.scss'], templateUrl: './grid.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxInputGroupComponent, IgxInputDirective, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent, IgxBadgeComponent, IgxSparklineCoreModule, IgxCircularProgressBarComponent, NgClass, DecimalPipe] }) export class GridComponent implements OnInit, OnDestroy, AfterViewInit { overlayService = inject(IgxOverlayService); private document = inject(DOCUMENT); - private cdr = inject(ChangeDetectorRef); @ViewChild('grid1', { read: IgxGridComponent, static: true }) @@ -60,7 +60,7 @@ export class GridComponent implements OnInit, OnDestroy, AfterViewInit { set live(val: boolean) { this._live = val; if (this._live) { - this.startTicker(); + this._timer = setInterval(() => this.ticker(), 1500); } else { clearInterval(this._timer); } @@ -85,10 +85,9 @@ export class GridComponent implements OnInit, OnDestroy, AfterViewInit { this.localData = АthletesData.slice(0, 30).sort((a, b) => b.TrackProgress - a.TrackProgress); this.localData.forEach(rec => this.getSpeed(rec)); this.windowWidth = this.document.defaultView.innerWidth; - this.startTicker(); + this._timer = setInterval(() => this.ticker(), 1500); this.overlayService.closing.subscribe((event: OverlayClosingEventArgs) => { this.showOverlay = false; - this.cdr.markForCheck(); }); } @@ -231,13 +230,6 @@ export class GridComponent implements OnInit, OnDestroy, AfterViewInit { this.manageRace(); } - private startTicker(): void { - this._timer = setInterval(() => { - this.ticker(); - this.cdr.markForCheck(); - }, 1500); - } - private getRandomNumber(min: number, max: number): number { return Math.round(min + Math.random() * (max - min)); } 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 727a766afd..a95bdcc4e0 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,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxColumnComponent, IgxGridDetailTemplateDirective } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxTabContentComponent, IgxTabHeaderComponent, IgxTabHeaderLabelDirective, IgxTabItemComponent, IgxTabsComponent } from 'igniteui-angular/tabs'; @@ -13,6 +13,7 @@ import { IgxPreventDocumentScrollDirective } from '../../../../../../src/app/dir selector: 'app-grid-master-detail', styleUrls: ['./grid-master-detail.component.scss'], templateUrl: 'grid-master-detail.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxGridDetailTemplateDirective, IgxTabsComponent, IgxTabItemComponent, IgxTabHeaderComponent, IgxTabHeaderLabelDirective, IgxTabContentComponent, IgxAvatarComponent, IgxDividerDirective, IgxPieChartCoreModule, IgxLegendModule, IgxCategoryChartModule] }) diff --git a/projects/app-lob/src/app/hierarchical-grid/hierarchical-grid-column-resizing/hierarchical-grid-resizing.component.ts b/projects/app-lob/src/app/hierarchical-grid/hierarchical-grid-column-resizing/hierarchical-grid-resizing.component.ts index 1654fc816e..be8506e6a3 100644 --- a/projects/app-lob/src/app/hierarchical-grid/hierarchical-grid-column-resizing/hierarchical-grid-resizing.component.ts +++ b/projects/app-lob/src/app/hierarchical-grid/hierarchical-grid-column-resizing/hierarchical-grid-resizing.component.ts @@ -1,4 +1,4 @@ -import { Component, inject } from '@angular/core'; +import { Component, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { RemoteValuesService } from '../../services/remoteValues.service'; @@ -10,6 +10,7 @@ import { IgxSparklineCoreModule } from 'igniteui-angular-charts'; styleUrls: ['./hierarchical-grid-resizing.component.scss'], templateUrl: 'hierarchical-grid-resizing.component.html', providers: [RemoteValuesService], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxSparklineCoreModule, IgxRowIslandComponent] }) diff --git a/projects/app-lob/src/app/home/home.component.ts b/projects/app-lob/src/app/home/home.component.ts index efc7d1d38d..99f3fc2bcd 100644 --- a/projects/app-lob/src/app/home/home.component.ts +++ b/projects/app-lob/src/app/home/home.component.ts @@ -1,8 +1,9 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; @Component({ selector: 'app-home', styleUrls: ['./home.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, templateUrl: './home.component.html' }) export class HomeComponent { diff --git a/projects/app-lob/src/app/index/docs-layout.component.ts b/projects/app-lob/src/app/index/docs-layout.component.ts index 686d197eba..a3e41e908c 100644 --- a/projects/app-lob/src/app/index/docs-layout.component.ts +++ b/projects/app-lob/src/app/index/docs-layout.component.ts @@ -1,11 +1,12 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { RouterOutlet } from '@angular/router'; @Component({ selector: 'app-docs-layout', styleUrls: ['./docs-layout.component.scss'], template: ``, + changeDetection: ChangeDetectionStrategy.Eager, imports: [RouterOutlet] }) diff --git a/projects/app-lob/src/app/index/index.component.ts b/projects/app-lob/src/app/index/index.component.ts index 278d05af37..00d5e36aa3 100644 --- a/projects/app-lob/src/app/index/index.component.ts +++ b/projects/app-lob/src/app/index/index.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, DOCUMENT, inject } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, DOCUMENT, inject, ChangeDetectionStrategy } from '@angular/core'; import { NavigationStart, Route, Router, RouterLinkActive, RouterLink, RouterOutlet } from '@angular/router'; import { IgxNavDrawerItemDirective, IgxNavDrawerTemplateDirective, IgxNavigationDrawerComponent } from 'igniteui-angular/navigation-drawer'; import { IgxFlexDirective, IgxIconButtonDirective, IgxLayoutDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -22,6 +22,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-index', styleUrls: ['./index.component.scss'], templateUrl: './index.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLayoutDirective, IgxNavigationDrawerComponent, IgxNavDrawerTemplateDirective, IgxNavDrawerItemDirective, IgxRippleDirective, RouterLinkActive, RouterLink, IgxIconButtonDirective, IgxIconComponent, IgxInputGroupComponent, IgxPrefixDirective, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxFlexDirective, IgxNavbarComponent, RouterOutlet] }) export class IndexComponent implements OnInit, AfterViewInit { diff --git a/projects/app-lob/src/app/tree-grid/tree-grid-childdatakey-sample/tree-grid-childdatakey-sample.component.ts b/projects/app-lob/src/app/tree-grid/tree-grid-childdatakey-sample/tree-grid-childdatakey-sample.component.ts index 0c1bcebd93..8c4145e325 100644 --- a/projects/app-lob/src/app/tree-grid/tree-grid-childdatakey-sample/tree-grid-childdatakey-sample.component.ts +++ b/projects/app-lob/src/app/tree-grid/tree-grid-childdatakey-sample/tree-grid-childdatakey-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject } from '@angular/core'; +import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; import { GridSelectionMode, IgxCSVTextDirective, IgxCellTemplateDirective, IgxColumnComponent, IgxExcelTextDirective, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent, IColumnExportingEventArgs, IgxCsvExporterService, IgxExcelExporterService } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -10,6 +10,7 @@ import { IgxSparklineCoreModule } from 'igniteui-angular-charts'; selector: 'app-tree-grid-childdatakey-sample', styleUrls: ['./tree-grid-childdatakey-sample.component.scss'], templateUrl: './tree-grid-childdatakey-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxExcelTextDirective, IgxCSVTextDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxSparklineCoreModule] }) export class TreeGridChilddatakeySampleComponent implements OnInit { diff --git a/projects/app-lob/src/app/tree-grid/tree-grid-primaryforeignkey-sample/tree-grid-primaryforeignkey-sample.component.ts b/projects/app-lob/src/app/tree-grid/tree-grid-primaryforeignkey-sample/tree-grid-primaryforeignkey-sample.component.ts index 44d0bbce50..cb8b930227 100644 --- a/projects/app-lob/src/app/tree-grid/tree-grid-primaryforeignkey-sample/tree-grid-primaryforeignkey-sample.component.ts +++ b/projects/app-lob/src/app/tree-grid/tree-grid-primaryforeignkey-sample/tree-grid-primaryforeignkey-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { GridSelectionMode, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { Data } from './data'; @@ -9,6 +9,7 @@ import { IgxSparklineCoreModule } from 'igniteui-angular-charts'; selector: 'app-tree-grid-primaryforeignkey-sample', styleUrls: ['./tree-grid-primaryforeignkey-sample.component.scss'], templateUrl: './tree-grid-primaryforeignkey-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxSparklineCoreModule] }) export class TreeGridPrimaryforeignkeySampleComponent implements OnInit { diff --git a/projects/app-lob/src/app/treegrid-finjs/tree-grid-finjs-sample.component.ts b/projects/app-lob/src/app/treegrid-finjs/tree-grid-finjs-sample.component.ts index 872b272e7e..b832a3ab63 100644 --- a/projects/app-lob/src/app/treegrid-finjs/tree-grid-finjs-sample.component.ts +++ b/projects/app-lob/src/app/treegrid-finjs/tree-grid-finjs-sample.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, ElementRef, OnInit, OnDestroy, ViewChild, HostBinding, inject } from '@angular/core'; +import { Component, ElementRef, OnInit, OnDestroy, ViewChild, HostBinding, inject, ChangeDetectionStrategy } from '@angular/core'; import { AbsoluteScrollStrategy, ConnectedPositioningStrategy, DefaultSortingStrategy, HorizontalAlignment, IGroupingExpression, IgxOverlayOutletDirective, OverlaySettings, PositionSettings, TreeGridFilteringStrategy, VerticalAlignment } from 'igniteui-angular/core'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { ITreeGridAggregation, IgxGroupedTreeGridSorting, IgxTreeGridComponent, IgxTreeGridGroupByAreaComponent, IgxTreeGridGroupingPipe } from 'igniteui-angular/grids/tree-grid'; @@ -18,12 +18,12 @@ import { IgxPreventDocumentScrollDirective } from '../../../../../src/app/direct selector: 'app-tree-grid-finjs-sample', styleUrls: ['./tree-grid-finjs-sample.component.scss'], templateUrl: './tree-grid-finjs-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent, FormsModule, IgxButtonGroupComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarPinningComponent, IgxGridToolbarHidingComponent, IgxGridToolbarExporterComponent, IgxTreeGridGroupByAreaComponent, IgxColumnComponent, IgxCellEditorTemplateDirective, IgxSelectComponent, IgxFocusDirective, IgxSelectItemComponent, IgxCellTemplateDirective, IgxIconComponent, IgxOverlayOutletDirective, AsyncPipe, CurrencyPipe, DatePipe, IgxTreeGridGroupingPipe] }) export class TreeGridFinJSComponent implements OnDestroy, OnInit { private elRef = inject(ElementRef); - private cdr = inject(ChangeDetectorRef); dataService = inject(SignalRService); @ViewChild('grid1', { static: true }) public grid1!: IgxTreeGridComponent; @@ -114,7 +114,6 @@ export class TreeGridFinJSComponent implements OnDestroy, OnInit { this.data$.subscribe((data) => { if (data.length !== 0) { this.isLoading = false; - this.cdr.markForCheck(); }; }); } diff --git a/projects/app-lob/src/environments/environment.ts b/projects/app-lob/src/environments/environment.ts index 5dd10dc009..30d7bccb19 100644 --- a/projects/app-lob/src/environments/environment.ts +++ b/projects/app-lob/src/environments/environment.ts @@ -5,3 +5,12 @@ export const environment = { production: false }; + +/* + * For easier debugging in development mode, you can import the following file + * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`. + * + * This import should be commented out in production mode because it will have a negative impact + * on performance if an error is thrown. + */ +// import 'zone.js/plugins/zone-error'; // Included with Angular CLI. diff --git a/projects/app-lob/src/main.server.ts b/projects/app-lob/src/main.server.ts index fbd3e9dbd7..9c6485729a 100644 --- a/projects/app-lob/src/main.server.ts +++ b/projects/app-lob/src/main.server.ts @@ -1,7 +1,8 @@ +import { provideZoneChangeDetection } from "@angular/core"; import { bootstrapApplication, BootstrapContext } from '@angular/platform-browser'; import { AppComponent } from './app/app.component'; import { config } from './app/app.config.server'; -const bootstrap = (context: BootstrapContext) => bootstrapApplication(AppComponent, config, context); +const bootstrap = (context: BootstrapContext) => bootstrapApplication(AppComponent, {...config, providers: [provideZoneChangeDetection(), ...config.providers]}, context); export default bootstrap; diff --git a/projects/app-lob/src/main.ts b/projects/app-lob/src/main.ts index 785d0e1bc9..38bdcd8b53 100644 --- a/projects/app-lob/src/main.ts +++ b/projects/app-lob/src/main.ts @@ -1,4 +1,4 @@ -import { enableProdMode } from '@angular/core'; +import { enableProdMode, provideZoneChangeDetection } from '@angular/core'; import { defineCustomElements } from 'igniteui-dockmanager/loader'; @@ -11,6 +11,6 @@ if (environment.production) { enableProdMode(); } -bootstrapApplication(AppComponent, AppConfig).catch(err => console.error(err)); +bootstrapApplication(AppComponent, {...AppConfig, providers: [provideZoneChangeDetection(), ...AppConfig.providers]}).catch(err => console.error(err)); defineCustomElements(window); diff --git a/projects/app-lob/src/polyfills.ts b/projects/app-lob/src/polyfills.ts index 1ccbc6ae9f..665b7dacbd 100644 --- a/projects/app-lob/src/polyfills.ts +++ b/projects/app-lob/src/polyfills.ts @@ -3,8 +3,9 @@ * You can add your own extra polyfills to this file. * * This file is divided into 2 sections: - * 1. Browser polyfills. These are sorted by browsers. - * 2. Application imports. Files imported before your main file. + * 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers. + * 2. Application imports. Files imported after ZoneJS that should be loaded before your main + * file. * * The current setup is for so-called 'evergreen' browsers; the last versions of browsers that * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera), @@ -28,7 +29,11 @@ // Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove. //import 'core-js/es7/reflect'; // Run `npm install --save web-animations-js`. +/*************************************************************************************************** + * Zone JS is required by Angular itself. + */ import 'hammerjs/hammer'; +import 'zone.js'; // Included with Angular CLI. /*************************************************************************************************** * @angular/animations polyfill diff --git a/projects/app-lob/src/test.ts b/projects/app-lob/src/test.ts index 387b0584a4..60f2672410 100644 --- a/projects/app-lob/src/test.ts +++ b/projects/app-lob/src/test.ts @@ -5,6 +5,7 @@ import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing'; +import 'zone.js/testing'; // First, initialize the Angular testing environment. getTestBed().initTestEnvironment( diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 1046547447..bb3ccc95d3 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -1,11 +1,12 @@ -import { Component, HostListener, OnInit, DOCUMENT, inject } from '@angular/core'; +import { Component, HostListener, OnInit, DOCUMENT, inject, ChangeDetectionStrategy } from '@angular/core'; import { RouterOutlet } from '@angular/router'; @Component({ selector: 'app-root', styleUrls: ['./app.component.scss'], templateUrl: './app.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [RouterOutlet] }) export class AppComponent implements OnInit { diff --git a/src/app/data-display/badge/badge-dot-sample/badge-dot-sample.component.ts b/src/app/data-display/badge/badge-dot-sample/badge-dot-sample.component.ts index 23cbbb5389..3459cb7d44 100644 --- a/src/app/data-display/badge/badge-dot-sample/badge-dot-sample.component.ts +++ b/src/app/data-display/badge/badge-dot-sample/badge-dot-sample.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; import { IgxBadgeComponent } from 'igniteui-angular/badge'; @@ -6,6 +6,7 @@ import { IgxBadgeComponent } from 'igniteui-angular/badge'; selector: 'app-badge-dot-sample', styleUrls: ['./badge-dot-sample.component.scss'], templateUrl: './badge-dot-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent, IgxBadgeComponent] }) export class BadgeDotSampleComponent { } diff --git a/src/app/data-display/badge/badge-icon/badge-icon.component.ts b/src/app/data-display/badge/badge-icon/badge-icon.component.ts index baea07f9be..fd41beb127 100644 --- a/src/app/data-display/badge/badge-icon/badge-icon.component.ts +++ b/src/app/data-display/badge/badge-icon/badge-icon.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject } from '@angular/core'; +import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; import { heartMonitor } from '@igniteui/material-icons-extended'; import { IgxIconService } from 'igniteui-angular/icon'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @@ -8,6 +8,7 @@ import { IgxBadgeComponent } from 'igniteui-angular/badge'; selector: 'app-badge-icon', styleUrls: ['./badge-icon.component.scss'], templateUrl: './badge-icon.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent, IgxBadgeComponent] }) export class BadgeIconComponent implements OnInit { diff --git a/src/app/data-display/badge/badge-sample-2/badge-sample-2.component.ts b/src/app/data-display/badge/badge-sample-2/badge-sample-2.component.ts index a41285282c..3f22d52960 100644 --- a/src/app/data-display/badge/badge-sample-2/badge-sample-2.component.ts +++ b/src/app/data-display/badge/badge-sample-2/badge-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; import { IgxBadgeComponent } from 'igniteui-angular/badge'; @@ -6,6 +6,7 @@ import { IgxBadgeComponent } from 'igniteui-angular/badge'; selector: 'app-badge-sample-2', styleUrls: ['./badge-sample-2.component.scss'], templateUrl: './badge-sample-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent, IgxBadgeComponent] }) export class BadgeSample2Component { } diff --git a/src/app/data-display/badge/badge-sample-3/badge-sample-3.component.ts b/src/app/data-display/badge/badge-sample-3/badge-sample-3.component.ts index 00cdf74e74..446dc994dd 100644 --- a/src/app/data-display/badge/badge-sample-3/badge-sample-3.component.ts +++ b/src/app/data-display/badge/badge-sample-3/badge-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { Member } from '../model/member.model'; import { IgxListComponent, IgxListItemComponent } from 'igniteui-angular/list'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @@ -9,6 +9,7 @@ import { IgxBadgeComponent } from 'igniteui-angular/badge'; selector: 'app-badge-sample-3', styleUrls: ['./badge-sample-3.component.scss'], templateUrl: './badge-sample-3.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxListItemComponent, IgxAvatarComponent, IgxBadgeComponent] }) export class BadgeSample3Component { diff --git a/src/app/data-display/badge/badge-styling-sample/badge-styling-sample.component.ts b/src/app/data-display/badge/badge-styling-sample/badge-styling-sample.component.ts index 03aaac9d47..55b522e709 100644 --- a/src/app/data-display/badge/badge-styling-sample/badge-styling-sample.component.ts +++ b/src/app/data-display/badge/badge-styling-sample/badge-styling-sample.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { Member } from '../model/member.model'; import { IgxListComponent, IgxListItemComponent } from 'igniteui-angular/list'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @@ -9,6 +9,7 @@ import { IgxBadgeComponent } from 'igniteui-angular/badge'; selector: 'app-badge-styling-sample', styleUrls: ['./badge-styling-sample.component.scss'], templateUrl: './badge-styling-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxListItemComponent, IgxAvatarComponent, IgxBadgeComponent] }) export class BadgeStylingSampleComponent { diff --git a/src/app/data-display/badge/badge-tailwind-styling-sample/badge-tailwind-styling-sample.component.ts b/src/app/data-display/badge/badge-tailwind-styling-sample/badge-tailwind-styling-sample.component.ts index ee9e7d5c11..394ebbcc88 100644 --- a/src/app/data-display/badge/badge-tailwind-styling-sample/badge-tailwind-styling-sample.component.ts +++ b/src/app/data-display/badge/badge-tailwind-styling-sample/badge-tailwind-styling-sample.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { Member } from '../model/member.model'; import { IgxListComponent, IgxListItemComponent } from 'igniteui-angular/list'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @@ -9,6 +9,7 @@ import { IgxBadgeComponent } from 'igniteui-angular/badge'; selector: 'app-badge-tailwind-styling-sample', styleUrls: ['./badge-tailwind-styling-sample.component.scss'], templateUrl: './badge-tailwind-styling-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxListItemComponent, IgxAvatarComponent, IgxBadgeComponent] }) export class BadgeTailwindStylingSampleComponent { diff --git a/src/app/data-display/chip/chip-area-sample/chip-area-sample.component.ts b/src/app/data-display/chip/chip-area-sample/chip-area-sample.component.ts index 6f3cf48ddc..ed7489a7aa 100644 --- a/src/app/data-display/chip/chip-area-sample/chip-area-sample.component.ts +++ b/src/app/data-display/chip/chip-area-sample/chip-area-sample.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, inject } from '@angular/core'; +import { ChangeDetectorRef, Component, inject, ChangeDetectionStrategy } from '@angular/core'; import { IBaseChipEventArgs, IChipsAreaReorderEventArgs, IgxChipComponent, IgxChipsAreaComponent } from 'igniteui-angular/chips'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; import { IgxPrefixDirective } from 'igniteui-angular/input-group'; @@ -9,6 +9,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-chip-area-sample', styleUrls: ['./chip-area-sample.component.scss'], templateUrl: './chip-area-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxChipsAreaComponent, IgxChipComponent, IgxAvatarComponent, IgxPrefixDirective, IgxIconComponent] }) diff --git a/src/app/data-display/chip/chip-simple/chip-simple.component.ts b/src/app/data-display/chip/chip-simple/chip-simple.component.ts index 3d5d9d6294..6b3f3b1f33 100644 --- a/src/app/data-display/chip/chip-simple/chip-simple.component.ts +++ b/src/app/data-display/chip/chip-simple/chip-simple.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, inject } from '@angular/core'; +import { ChangeDetectorRef, Component, inject, ChangeDetectionStrategy } from '@angular/core'; import { IBaseChipEventArgs, IgxChipComponent } from 'igniteui-angular/chips'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { IgxPrefixDirective } from 'igniteui-angular/input-group'; @@ -8,6 +8,7 @@ import { IgxPrefixDirective } from 'igniteui-angular/input-group'; selector: 'app-chip-simple', styleUrls: ['./chip-simple.component.scss'], templateUrl: './chip-simple.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxChipComponent, IgxIconComponent, IgxPrefixDirective] }) diff --git a/src/app/data-display/chip/chip-styling/chip-styling.component.ts b/src/app/data-display/chip/chip-styling/chip-styling.component.ts index f3ac4516d0..2c951ef956 100644 --- a/src/app/data-display/chip/chip-styling/chip-styling.component.ts +++ b/src/app/data-display/chip/chip-styling/chip-styling.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, inject, OnInit } from '@angular/core'; +import { ChangeDetectorRef, Component, inject, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { facebook, linkedin } from '@igniteui/material-icons-extended'; import { IgxChipComponent, IgxChipsAreaComponent } from 'igniteui-angular/chips'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; @@ -9,6 +9,7 @@ import { NgClass } from '@angular/common'; selector: 'app-chip', styleUrls: ['./chip-styling.component.scss'], templateUrl: './chip-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxChipsAreaComponent, IgxChipComponent, IgxIconComponent, IgxPrefixDirective, NgClass] }) diff --git a/src/app/data-display/chip/chip-tailwind-styling/chip-tailwind-styling.component.ts b/src/app/data-display/chip/chip-tailwind-styling/chip-tailwind-styling.component.ts index 7a5fc1a135..cb5f9dd512 100644 --- a/src/app/data-display/chip/chip-tailwind-styling/chip-tailwind-styling.component.ts +++ b/src/app/data-display/chip/chip-tailwind-styling/chip-tailwind-styling.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, inject } from '@angular/core'; +import { ChangeDetectorRef, Component, inject, ChangeDetectionStrategy } from '@angular/core'; import { IBaseChipEventArgs, IChipsAreaReorderEventArgs, IgxChipComponent, IgxChipsAreaComponent } from 'igniteui-angular/chips'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { IgxPrefixDirective } from 'igniteui-angular/input-group'; @@ -8,6 +8,7 @@ import { IgxPrefixDirective } from 'igniteui-angular/input-group'; selector: 'app-chip-tailwind-styling', styleUrls: ['./chip-tailwind-styling.component.scss'], templateUrl: './chip-tailwind-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxChipsAreaComponent, IgxChipComponent, IgxIconComponent, IgxPrefixDirective] }) diff --git a/src/app/data-display/chip/chip-variants/chip-variants.component.scss b/src/app/data-display/chip/chip-variants/chip-variants.component.scss index fce0b6a0db..3a4043d655 100644 --- a/src/app/data-display/chip/chip-variants/chip-variants.component.scss +++ b/src/app/data-display/chip/chip-variants/chip-variants.component.scss @@ -1,8 +1,8 @@ +igx-chip { + margin-right: 5px; +} + .sample-container { - display: flex; - flex-wrap: wrap; - align-items: center; - gap: 5px; padding-top: 15px; padding-left: 10px; } diff --git a/src/app/data-display/chip/chip-variants/chip-variants.component.ts b/src/app/data-display/chip/chip-variants/chip-variants.component.ts index b6f1a6be6e..d88eb71684 100644 --- a/src/app/data-display/chip/chip-variants/chip-variants.component.ts +++ b/src/app/data-display/chip/chip-variants/chip-variants.component.ts @@ -1,10 +1,11 @@ -import { ChangeDetectorRef, Component, inject } from '@angular/core'; +import { ChangeDetectorRef, Component, inject, ChangeDetectionStrategy } from '@angular/core'; import { IBaseChipEventArgs, IgxChipComponent, IgxChipTypeVariant } from 'igniteui-angular/chips'; @Component({ selector: 'app-chip-variants', styleUrls: ['./chip-variants.component.scss'], templateUrl: './chip-variants.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxChipComponent] }) export class ChipVariantsComponent { diff --git a/src/app/data-display/circular-progressbar/circular-dynamic-sample/circular-dynamic-sample.component.ts b/src/app/data-display/circular-progressbar/circular-dynamic-sample/circular-dynamic-sample.component.ts index 5636e987a3..132b110878 100644 --- a/src/app/data-display/circular-progressbar/circular-dynamic-sample/circular-dynamic-sample.component.ts +++ b/src/app/data-display/circular-progressbar/circular-dynamic-sample/circular-dynamic-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { IgxCircularProgressBarComponent, IgxProgressBarGradientDirective } from 'igniteui-angular/progressbar'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,6 +7,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-circular-dynamic-sample', styleUrls: ['./circular-dynamic-sample.component.scss'], templateUrl: './circular-dynamic-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCircularProgressBarComponent, IgxProgressBarGradientDirective, IgxIconButtonDirective, IgxIconComponent] }) export class CircularDynamicSampleComponent implements OnInit { diff --git a/src/app/data-display/circular-progressbar/circular-indeterminate-progressbar/circular-indeterminate-progressbar.component.ts b/src/app/data-display/circular-progressbar/circular-indeterminate-progressbar/circular-indeterminate-progressbar.component.ts index 7b3f93988d..955b4ee4f6 100644 --- a/src/app/data-display/circular-progressbar/circular-indeterminate-progressbar/circular-indeterminate-progressbar.component.ts +++ b/src/app/data-display/circular-progressbar/circular-indeterminate-progressbar/circular-indeterminate-progressbar.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxCircularProgressBarComponent } from 'igniteui-angular/progressbar'; @Component({ selector: 'app-circular-indeterminate-progressbar', styleUrls: ['./circular-indeterminate-progressbar.component.scss'], templateUrl: './circular-indeterminate-progressbar.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCircularProgressBarComponent] }) export class CircularIndeterminateProgressbarComponent { } diff --git a/src/app/data-display/circular-progressbar/circular-progressbar.component.ts b/src/app/data-display/circular-progressbar/circular-progressbar.component.ts index 3cfc398f51..b2767b613b 100644 --- a/src/app/data-display/circular-progressbar/circular-progressbar.component.ts +++ b/src/app/data-display/circular-progressbar/circular-progressbar.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxCircularProgressBarComponent } from 'igniteui-angular/progressbar'; @Component({ selector: 'app-circular-progressbar', styleUrls: ['./circular-progressbar.component.scss'], templateUrl: './circular-progressbar.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCircularProgressBarComponent] }) export class CircularProgressbarComponent { } diff --git a/src/app/data-display/circular-progressbar/circular-styling-sample/circular-styling-sample.component.ts b/src/app/data-display/circular-progressbar/circular-styling-sample/circular-styling-sample.component.ts index f5eadcf973..d5d2fe7cf0 100644 --- a/src/app/data-display/circular-progressbar/circular-styling-sample/circular-styling-sample.component.ts +++ b/src/app/data-display/circular-progressbar/circular-styling-sample/circular-styling-sample.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxCircularProgressBarComponent } from 'igniteui-angular/progressbar'; @Component({ selector: 'app-circular-styling-sample', styleUrls: ['./circular-styling-sample.component.scss'], templateUrl: './circular-styling-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCircularProgressBarComponent] }) export class CircularStylingSampleComponent { } diff --git a/src/app/data-display/icon/icon-sample-1/icon-sample-1.component.ts b/src/app/data-display/icon/icon-sample-1/icon-sample-1.component.ts index 41cdf3d721..e046a3a2ed 100644 --- a/src/app/data-display/icon/icon-sample-1/icon-sample-1.component.ts +++ b/src/app/data-display/icon/icon-sample-1/icon-sample-1.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; @Component({ selector: 'app-icon-sample-1', styleUrls: ['./icon-sample-1.component.scss'], templateUrl: './icon-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent] }) export class IconSample1Component { } diff --git a/src/app/data-display/icon/icon-sample-2/icon-sample-2.component.ts b/src/app/data-display/icon/icon-sample-2/icon-sample-2.component.ts index 82694a9f68..c5e2e4fd13 100644 --- a/src/app/data-display/icon/icon-sample-2/icon-sample-2.component.ts +++ b/src/app/data-display/icon/icon-sample-2/icon-sample-2.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; @Component({ selector: 'app-icon-sample-2', styleUrls: ['./icon-sample-2.component.scss'], templateUrl: './icon-sample-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent] }) export class IconSample2Component { } diff --git a/src/app/data-display/icon/icon-sample-3/icon-sample-3.component.ts b/src/app/data-display/icon/icon-sample-3/icon-sample-3.component.ts index 4b663ead5b..df3a8cfc45 100644 --- a/src/app/data-display/icon/icon-sample-3/icon-sample-3.component.ts +++ b/src/app/data-display/icon/icon-sample-3/icon-sample-3.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; @Component({ selector: 'app-icon-sample-3', styleUrls: ['./icon-sample-3.component.scss'], templateUrl: './icon-sample-3.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent] }) export class IconSample3Component { } diff --git a/src/app/data-display/icon/icon-sample-4/icon-sample-4.component.ts b/src/app/data-display/icon/icon-sample-4/icon-sample-4.component.ts index ea39a69e79..a8e3dc5b45 100644 --- a/src/app/data-display/icon/icon-sample-4/icon-sample-4.component.ts +++ b/src/app/data-display/icon/icon-sample-4/icon-sample-4.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; @Component({ selector: 'app-icon-sample-4', styleUrls: ['./icon-sample-4.component.scss'], templateUrl: './icon-sample-4.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent] }) export class IconSample4Component { } diff --git a/src/app/data-display/icon/icon-sample-5/icon-sample-5.component.ts b/src/app/data-display/icon/icon-sample-5/icon-sample-5.component.ts index 182f6beb00..f1d5195352 100644 --- a/src/app/data-display/icon/icon-sample-5/icon-sample-5.component.ts +++ b/src/app/data-display/icon/icon-sample-5/icon-sample-5.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; @Component({ selector: 'app-icon-sample-5', styleUrls: ['./icon-sample-5.component.scss'], templateUrl: './icon-sample-5.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent] }) export class IconSample5Component { } diff --git a/src/app/data-display/icon/icon-service-sample/icon-service-sample.component.ts b/src/app/data-display/icon/icon-service-sample/icon-service-sample.component.ts index bed3ac6c60..2551187391 100644 --- a/src/app/data-display/icon/icon-service-sample/icon-service-sample.component.ts +++ b/src/app/data-display/icon/icon-service-sample/icon-service-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, inject } from '@angular/core'; +import { Component, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective } from 'igniteui-angular/card'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @@ -9,6 +9,7 @@ import { IgxSuffixDirective } from 'igniteui-angular/input-group'; selector: 'app-icon-service-sample', styleUrls: ['./icon-service-sample.component.scss'], templateUrl: './icon-service-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxCardHeaderComponent, IgxAvatarComponent, IgxIconComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardActionsComponent, IgxButtonDirective, IgxSuffixDirective] }) export class IconServiceSampleComponent { diff --git a/src/app/data-display/icon/icon-styling-sample/icon-styling-sample.component.ts b/src/app/data-display/icon/icon-styling-sample/icon-styling-sample.component.ts index 09050f3abe..87a89bd136 100644 --- a/src/app/data-display/icon/icon-styling-sample/icon-styling-sample.component.ts +++ b/src/app/data-display/icon/icon-styling-sample/icon-styling-sample.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; @Component({ selector: 'app-icon-styling-sample', styleUrls: ['./icon-styling-sample.component.scss'], templateUrl: './icon-styling-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent] }) export class IconStylingSampleComponent { } diff --git a/src/app/data-display/icon/icon-tailwind-styling-sample/icon-tailwind-styling-sample.component.ts b/src/app/data-display/icon/icon-tailwind-styling-sample/icon-tailwind-styling-sample.component.ts index abb7841ea1..e91c87fd21 100644 --- a/src/app/data-display/icon/icon-tailwind-styling-sample/icon-tailwind-styling-sample.component.ts +++ b/src/app/data-display/icon/icon-tailwind-styling-sample/icon-tailwind-styling-sample.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; @Component({ selector: 'app-icon-tailwind-styling-sample', styleUrls: ['./icon-tailwind-styling-sample.component.scss'], templateUrl: './icon-tailwind-styling-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent] }) export class IconTailwindStylingSampleComponent { } diff --git a/src/app/data-display/icon/material-icons-extended/material-icons-extended.component.ts b/src/app/data-display/icon/material-icons-extended/material-icons-extended.component.ts index 9647b5deba..f0e06b2916 100644 --- a/src/app/data-display/icon/material-icons-extended/material-icons-extended.component.ts +++ b/src/app/data-display/icon/material-icons-extended/material-icons-extended.component.ts @@ -42,6 +42,7 @@ interface ICategoryOption { selector: 'app-material-icons-extended', templateUrl: './material-icons-extended.component.html', styleUrls: ['./material-icons-extended.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [ AsyncPipe, IgxSelectComponent, @@ -116,7 +117,7 @@ export class MaterialIconsExtendedComponent implements OnInit { public allIcons = imxIcons; public selectedCategory: IconCategory | 'all' = 'all'; - + // Floating download button public hoveredIcon: IMXIcon | null = null; diff --git a/src/app/data-display/icon/material-symbols/material-symbols.component.ts b/src/app/data-display/icon/material-symbols/material-symbols.component.ts index 88a7a8d5a8..41f188f77a 100644 --- a/src/app/data-display/icon/material-symbols/material-symbols.component.ts +++ b/src/app/data-display/icon/material-symbols/material-symbols.component.ts @@ -1,10 +1,11 @@ -import { Component, OnInit, inject } from '@angular/core'; +import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; @Component({ selector: 'app-material-symbols', templateUrl: './material-symbols.component.html', styleUrls: ['./material-symbols.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent] }) export class MaterialSymbolsComponent implements OnInit { diff --git a/src/app/data-display/icon/svg-icon-sample/svg-icon-sample.component.ts b/src/app/data-display/icon/svg-icon-sample/svg-icon-sample.component.ts index 8df38cf200..ccc19f81b4 100644 --- a/src/app/data-display/icon/svg-icon-sample/svg-icon-sample.component.ts +++ b/src/app/data-display/icon/svg-icon-sample/svg-icon-sample.component.ts @@ -1,10 +1,11 @@ -import { Component, OnInit, inject } from '@angular/core'; +import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; @Component({ selector: 'app-svg-icon-sample', styleUrls: ['./svg-icon-sample.component.scss'], templateUrl: './svg-icon-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent] }) export class SvgIconSampleComponent implements OnInit { diff --git a/src/app/data-display/igxFor/igxFor-horizontal-sample/igxFor-horizontal.component.ts b/src/app/data-display/igxFor/igxFor-horizontal-sample/igxFor-horizontal.component.ts index 9df4bbef34..39743f7cfe 100644 --- a/src/app/data-display/igxFor/igxFor-horizontal-sample/igxFor-horizontal.component.ts +++ b/src/app/data-display/igxFor/igxFor-horizontal-sample/igxFor-horizontal.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { IgxFilterOptions, IgxFilterPipe, IgxForOfDirective } from 'igniteui-angular/directives'; import { IgxInputDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -12,6 +12,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-igx-for-horizontal', styleUrls: ['./igxFor-horizontal.component.scss'], templateUrl: './igxFor-horizontal.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, FormsModule, IgxInputDirective, IgxPrefixDirective, IgxIconComponent, IgxSuffixDirective, IgxListComponent, IgxListItemComponent, IgxForOfDirective, IgxAvatarComponent, IgxFilterPipe] }) export class IgxForHorizontalComponent implements OnInit { diff --git a/src/app/data-display/igxFor/igxFor.component.ts b/src/app/data-display/igxFor/igxFor.component.ts index e115924f68..326d0acd03 100644 --- a/src/app/data-display/igxFor/igxFor.component.ts +++ b/src/app/data-display/igxFor/igxFor.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { IgxFilterOptions, IgxFilterPipe, IgxForOfDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxInputDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -12,6 +12,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-igx-for-list', styleUrls: ['./igxFor.component.scss'], templateUrl: './igxFor.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, FormsModule, IgxInputDirective, IgxPrefixDirective, IgxIconComponent, IgxSuffixDirective, IgxListComponent, IgxListItemComponent, IgxForOfDirective, IgxRippleDirective, IgxAvatarComponent, IgxListThumbnailDirective, IgxListLineTitleDirective, IgxListActionDirective, IgxFilterPipe] }) export class IgxForComponent implements OnInit { diff --git a/src/app/data-display/linear-progressbar/linear-dynamic-sample/linear-dynamic-sample.component.ts b/src/app/data-display/linear-progressbar/linear-dynamic-sample/linear-dynamic-sample.component.ts index 89d21c69b0..46838db102 100644 --- a/src/app/data-display/linear-progressbar/linear-dynamic-sample/linear-dynamic-sample.component.ts +++ b/src/app/data-display/linear-progressbar/linear-dynamic-sample/linear-dynamic-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { IgxLinearProgressBarComponent } from 'igniteui-angular/progressbar'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,6 +7,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-linear-dynamic-sample', styleUrls: ['./linear-dynamic-sample.component.scss'], templateUrl: './linear-dynamic-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLinearProgressBarComponent, IgxIconButtonDirective, IgxIconComponent] }) export class LinearDynamicSampleComponent implements OnInit{ diff --git a/src/app/data-display/linear-progressbar/linear-progressbar-sample-1/linear-progressbar-sample-1.component.ts b/src/app/data-display/linear-progressbar/linear-progressbar-sample-1/linear-progressbar-sample-1.component.ts index 1c09193d37..f458f90e00 100644 --- a/src/app/data-display/linear-progressbar/linear-progressbar-sample-1/linear-progressbar-sample-1.component.ts +++ b/src/app/data-display/linear-progressbar/linear-progressbar-sample-1/linear-progressbar-sample-1.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxLinearProgressBarComponent } from 'igniteui-angular/progressbar'; @Component({ selector: 'app-linear-progressbar-sample-1', styleUrls: ['./linear-progressbar-sample-1.component.scss'], templateUrl: './linear-progressbar-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLinearProgressBarComponent] }) export class LinearProgressbarSample1Component {} diff --git a/src/app/data-display/linear-progressbar/linear-progressbar-sample-2/linear-progressbar-sample-2.component.ts b/src/app/data-display/linear-progressbar/linear-progressbar-sample-2/linear-progressbar-sample-2.component.ts index e81ae177d7..483eebe3db 100644 --- a/src/app/data-display/linear-progressbar/linear-progressbar-sample-2/linear-progressbar-sample-2.component.ts +++ b/src/app/data-display/linear-progressbar/linear-progressbar-sample-2/linear-progressbar-sample-2.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxLinearProgressBarComponent, IgxTextAlign } from 'igniteui-angular/progressbar'; @Component({ selector: 'app-linear-progressbar-sample-2', styleUrls: ['./linear-progressbar-sample-2.component.scss'], templateUrl: './linear-progressbar-sample-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLinearProgressBarComponent] }) export class LinearProgressbarSample2Component { diff --git a/src/app/data-display/linear-progressbar/linear-progressbar-styling-sample/linear-progressbar-styling-sample.component.ts b/src/app/data-display/linear-progressbar/linear-progressbar-styling-sample/linear-progressbar-styling-sample.component.ts index 39859d1c4b..c33abfbf0a 100644 --- a/src/app/data-display/linear-progressbar/linear-progressbar-styling-sample/linear-progressbar-styling-sample.component.ts +++ b/src/app/data-display/linear-progressbar/linear-progressbar-styling-sample/linear-progressbar-styling-sample.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxLinearProgressBarComponent } from 'igniteui-angular/progressbar'; @Component({ selector: 'app-linear-progressbar-styling', styleUrls: ['./linear-progressbar-styling-sample.component.scss'], templateUrl: './linear-progressbar-styling-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLinearProgressBarComponent] }) export class LinearProgressbarStylingComponent { } diff --git a/src/app/data-display/linear-progressbar/linear-progressbar.component.ts b/src/app/data-display/linear-progressbar/linear-progressbar.component.ts index cf1e1c1826..41a363a007 100644 --- a/src/app/data-display/linear-progressbar/linear-progressbar.component.ts +++ b/src/app/data-display/linear-progressbar/linear-progressbar.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxLinearProgressBarComponent } from 'igniteui-angular/progressbar'; @Component({ selector: 'app-linear-progressbar', styleUrls: ['./linear-progressbar.component.scss'], templateUrl: './linear-progressbar.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLinearProgressBarComponent] }) export class LinearProgressbarComponent { } diff --git a/src/app/data-display/mask/mask-sample-1/mask-sample-1.component.ts b/src/app/data-display/mask/mask-sample-1/mask-sample-1.component.ts index a1b366ec7c..916c4628f5 100644 --- a/src/app/data-display/mask/mask-sample-1/mask-sample-1.component.ts +++ b/src/app/data-display/mask/mask-sample-1/mask-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxMaskDirective, IgxTextSelectionDirective } from 'igniteui-angular/directives'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; @@ -7,6 +7,7 @@ import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; selector: 'app-mask-sample-1', styleUrls: ['./mask-sample-1.component.scss'], templateUrl: './mask-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, IgxInputDirective, IgxMaskDirective, IgxTextSelectionDirective, IgxSnackbarComponent] }) diff --git a/src/app/data-display/mask/mask-sample-2/mask-sample-2.component.ts b/src/app/data-display/mask/mask-sample-2/mask-sample-2.component.ts index 493d59abb9..f53c1497a1 100644 --- a/src/app/data-display/mask/mask-sample-2/mask-sample-2.component.ts +++ b/src/app/data-display/mask/mask-sample-2/mask-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxPrefixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { IgxMaskDirective } from 'igniteui-angular/directives'; @@ -7,6 +7,7 @@ import { IgxMaskDirective } from 'igniteui-angular/directives'; selector: 'app-mask-sample-2', styleUrls: ['./mask-sample-2.component.scss'], templateUrl: './mask-sample-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, IgxLabelDirective, IgxInputDirective, IgxMaskDirective] }) export class MaskSample2Component { diff --git a/src/app/data-display/mask/mask-sample-3/mask-sample-3.component.ts b/src/app/data-display/mask/mask-sample-3/mask-sample-3.component.ts index d44da35138..eca2134400 100644 --- a/src/app/data-display/mask/mask-sample-3/mask-sample-3.component.ts +++ b/src/app/data-display/mask/mask-sample-3/mask-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxMaskDirective } from 'igniteui-angular/directives'; @@ -9,6 +9,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-mask-sample-3', styleUrls: ['./mask-sample-3.component.scss'], templateUrl: './mask-sample-3.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxInputGroupComponent, IgxLabelDirective, IgxInputDirective, IgxMaskDirective] }) export class MaskSample3Component { diff --git a/src/app/data-display/mask/mask-sample-4/mask-sample-4.component.ts b/src/app/data-display/mask/mask-sample-4/mask-sample-4.component.ts index 15964defeb..0634321098 100644 --- a/src/app/data-display/mask/mask-sample-4/mask-sample-4.component.ts +++ b/src/app/data-display/mask/mask-sample-4/mask-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, Pipe, PipeTransform } from '@angular/core'; +import { Component, Pipe, PipeTransform, ChangeDetectionStrategy } from '@angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxMaskDirective, IgxTextSelectionDirective } from 'igniteui-angular/directives'; import { FormsModule } from '@angular/forms'; @@ -6,6 +6,7 @@ import { FormsModule } from '@angular/forms'; @Component({ selector: 'app-mask-sample-4', templateUrl: './mask-sample-4.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxMaskDirective, IgxTextSelectionDirective] }) export class MaskSample4Component { diff --git a/src/app/data-display/mask/mask-sample-5/mask-sample-5.component.ts b/src/app/data-display/mask/mask-sample-5/mask-sample-5.component.ts index ecd42f17ae..d1c02b6f69 100644 --- a/src/app/data-display/mask/mask-sample-5/mask-sample-5.component.ts +++ b/src/app/data-display/mask/mask-sample-5/mask-sample-5.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxMaskDirective } from 'igniteui-angular/directives'; import { FormsModule } from '@angular/forms'; @@ -6,6 +6,7 @@ import { FormsModule } from '@angular/forms'; @Component({ selector: 'app-mask-sample-5', templateUrl: './mask-sample-5.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxMaskDirective] }) diff --git a/src/app/data-display/text-highlight/text-highlight-sample-1/text-highlight-sample-1.component.ts b/src/app/data-display/text-highlight/text-highlight-sample-1/text-highlight-sample-1.component.ts index 42a430e5c6..f0dfd4db1c 100644 --- a/src/app/data-display/text-highlight/text-highlight-sample-1/text-highlight-sample-1.component.ts +++ b/src/app/data-display/text-highlight/text-highlight-sample-1/text-highlight-sample-1.component.ts @@ -1,5 +1,5 @@ /* eslint-disable max-len */ -import { Component, OnDestroy, ViewChild, inject } from '@angular/core'; +import { Component, OnDestroy, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxIconButtonDirective, IgxRippleDirective, IgxTextHighlightDirective, IgxTextHighlightService } from 'igniteui-angular/directives'; import { IgxInputDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -10,6 +10,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-text-highlight-1', styleUrls: ['./text-highlight-sample-1.component.scss'], templateUrl: './text-highlight-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxIconButtonDirective, IgxRippleDirective, IgxTextHighlightDirective] }) export class TextHighlightSample1Component implements OnDestroy { diff --git a/src/app/data-display/text-highlight/text-highlight-sample-2/text-highlight-sample-2.component.ts b/src/app/data-display/text-highlight/text-highlight-sample-2/text-highlight-sample-2.component.ts index 21730d0f4e..bbd1a26e5c 100644 --- a/src/app/data-display/text-highlight/text-highlight-sample-2/text-highlight-sample-2.component.ts +++ b/src/app/data-display/text-highlight/text-highlight-sample-2/text-highlight-sample-2.component.ts @@ -1,5 +1,5 @@ /* eslint-disable max-len */ -import { Component, OnDestroy, ViewChildren, inject } from '@angular/core'; +import { Component, OnDestroy, ViewChildren, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxIconButtonDirective, IgxRippleDirective, IgxTextHighlightDirective, IgxTextHighlightService } from 'igniteui-angular/directives'; import { IgxInputDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -10,6 +10,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-text-highlight-2', styleUrls: ['./text-highlight-sample-2.component.scss'], templateUrl: './text-highlight-sample-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxIconButtonDirective, IgxRippleDirective, IgxTextHighlightDirective] }) export class TextHighlightSample2Component implements OnDestroy { diff --git a/src/app/data-display/text-highlight/text-highlight-style/text-highlight-style.component.ts b/src/app/data-display/text-highlight/text-highlight-style/text-highlight-style.component.ts index e1ef268e7c..b25c092302 100644 --- a/src/app/data-display/text-highlight/text-highlight-style/text-highlight-style.component.ts +++ b/src/app/data-display/text-highlight/text-highlight-style/text-highlight-style.component.ts @@ -1,5 +1,5 @@ /* eslint-disable max-len */ -import { Component, OnDestroy, ViewChild, inject } from '@angular/core'; +import { Component, OnDestroy, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxIconButtonDirective, IgxRippleDirective, IgxTextHighlightDirective, IgxTextHighlightService } from 'igniteui-angular/directives'; import { IgxInputDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -10,6 +10,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-text-highlight-style', styleUrls: ['./text-highlight-style.component.scss'], templateUrl: './text-highlight-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxIconButtonDirective, IgxRippleDirective, IgxTextHighlightDirective] }) export class TextHighlightStyleComponent implements OnDestroy { diff --git a/src/app/data-entries/autocomplete/autocomplete/autocomplete.component.ts b/src/app/data-entries/autocomplete/autocomplete/autocomplete.component.ts index d9c121019b..c3287b569d 100644 --- a/src/app/data-entries/autocomplete/autocomplete/autocomplete.component.ts +++ b/src/app/data-entries/autocomplete/autocomplete/autocomplete.component.ts @@ -1,4 +1,4 @@ -import { Component, Pipe, PipeTransform, forwardRef } from '@angular/core'; +import { Component, Pipe, PipeTransform, forwardRef, ChangeDetectionStrategy } from '@angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxAutocompleteDirective, IgxDropDownComponent, IgxDropDownItemComponent } from 'igniteui-angular/drop-down'; import { FormsModule } from '@angular/forms'; @@ -8,6 +8,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-autocomplete', styleUrls: ['./autocomplete.component.scss'], templateUrl: './autocomplete.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxAutocompleteDirective, IgxDropDownComponent, IgxDropDownItemComponent, forwardRef(() => AutocompletePipeStartsWith)] }) export class AutocompleteBasicComponent { diff --git a/src/app/data-entries/autocomplete/movie/movie.component.ts b/src/app/data-entries/autocomplete/movie/movie.component.ts index 7705b587ae..bebcf154f0 100644 --- a/src/app/data-entries/autocomplete/movie/movie.component.ts +++ b/src/app/data-entries/autocomplete/movie/movie.component.ts @@ -1,4 +1,4 @@ -import { Component, Pipe, PipeTransform } from '@angular/core'; +import { Component, Pipe, PipeTransform, ChangeDetectionStrategy } from '@angular/core'; import { ConnectedPositioningStrategy, VerticalAlignment } from 'igniteui-angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxAutocompleteDirective, IgxDropDownComponent, IgxDropDownGroupComponent, IgxDropDownItemComponent } from 'igniteui-angular/drop-down'; @@ -9,6 +9,7 @@ import { AutocompletePipeStartsWith } from '../autocomplete/autocomplete.compone selector: 'app-movie-availability', styleUrls: ['./movie.component.scss'], templateUrl: './movie.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxAutocompleteDirective, IgxDropDownComponent, IgxDropDownGroupComponent, IgxDropDownItemComponent, AutocompletePipeStartsWith] }) export class MovieComponent { diff --git a/src/app/data-entries/buttonGroup/button-group-sample-1/button-group-sample-1.component.ts b/src/app/data-entries/buttonGroup/button-group-sample-1/button-group-sample-1.component.ts index f37bb9b73f..1cfab30696 100644 --- a/src/app/data-entries/buttonGroup/button-group-sample-1/button-group-sample-1.component.ts +++ b/src/app/data-entries/buttonGroup/button-group-sample-1/button-group-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,6 +7,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-button-group-sample-1', styleUrls: ['./button-group-sample-1.component.scss'], templateUrl: './button-group-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective, IgxIconComponent] }) diff --git a/src/app/data-entries/buttonGroup/button-group-sample-2/button-group-sample-2.component.ts b/src/app/data-entries/buttonGroup/button-group-sample-2/button-group-sample-2.component.ts index 2eada571ae..dc0ecf0a95 100644 --- a/src/app/data-entries/buttonGroup/button-group-sample-2/button-group-sample-2.component.ts +++ b/src/app/data-entries/buttonGroup/button-group-sample-2/button-group-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { ButtonGroupAlignment, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -6,6 +6,7 @@ import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directi selector: 'app-button-group-sample-2', styleUrls: ['./button-group-sample-2.component.scss'], templateUrl: './button-group-sample-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective] }) export class ButtonGroupSample2Component { diff --git a/src/app/data-entries/buttonGroup/button-group-sample-3/button-group-sample-3.component.ts b/src/app/data-entries/buttonGroup/button-group-sample-3/button-group-sample-3.component.ts index 02cf6a6d75..f617f1e7a7 100644 --- a/src/app/data-entries/buttonGroup/button-group-sample-3/button-group-sample-3.component.ts +++ b/src/app/data-entries/buttonGroup/button-group-sample-3/button-group-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; interface IButton { @@ -35,6 +35,7 @@ class ToggleButton { selector: 'app-button-group-sample-3', styleUrls: ['./button-group-sample-3.component.scss'], templateUrl: './button-group-sample-3.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent] }) export class ButtonGroupSample3Component implements OnInit { diff --git a/src/app/data-entries/buttonGroup/button-group-sample-4/button-group-sample.component.ts b/src/app/data-entries/buttonGroup/button-group-sample-4/button-group-sample.component.ts index ae65a3887b..e27e36a6eb 100644 --- a/src/app/data-entries/buttonGroup/button-group-sample-4/button-group-sample.component.ts +++ b/src/app/data-entries/buttonGroup/button-group-sample-4/button-group-sample.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxRadioComponent } from 'igniteui-angular/radio'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -9,6 +9,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-button-group-sample', styleUrls: ['./button-group-sample.component.scss'], templateUrl: './button-group-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxRadioComponent, FormsModule, IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective, IgxIconComponent] }) export class ButtonGroupSampleComponent { diff --git a/src/app/data-entries/buttonGroup/button-group-sample-5/button-group-sample-5.component.ts b/src/app/data-entries/buttonGroup/button-group-sample-5/button-group-sample-5.component.ts index d021936039..1caec387ba 100644 --- a/src/app/data-entries/buttonGroup/button-group-sample-5/button-group-sample-5.component.ts +++ b/src/app/data-entries/buttonGroup/button-group-sample-5/button-group-sample-5.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit } from '@angular/core'; +import { Component, HostBinding, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; type Button = { @@ -11,6 +11,7 @@ type Button = { selector: 'app-button-group-sample-5', styleUrls: ['./button-group-sample-5.component.scss'], templateUrl: './button-group-sample-5.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent] }) export class ButtonGroupSample5Component implements OnInit { diff --git a/src/app/data-entries/buttonGroup/button-group-style/button-group-style.component.ts b/src/app/data-entries/buttonGroup/button-group-style/button-group-style.component.ts index 63d01e5c0a..ab7a00e512 100644 --- a/src/app/data-entries/buttonGroup/button-group-style/button-group-style.component.ts +++ b/src/app/data-entries/buttonGroup/button-group-style/button-group-style.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { ButtonGroupAlignment, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -6,6 +6,7 @@ import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directi selector: 'app-button-group-style', styleUrls: ['./button-group-style.component.scss'], templateUrl: './button-group-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective] }) export class ButtonGroupStyleComponent { diff --git a/src/app/data-entries/buttonGroup/button-group-tailwind-style/button-group-tailwind-style.component.ts b/src/app/data-entries/buttonGroup/button-group-tailwind-style/button-group-tailwind-style.component.ts index 178214d69a..66f9dfd41d 100644 --- a/src/app/data-entries/buttonGroup/button-group-tailwind-style/button-group-tailwind-style.component.ts +++ b/src/app/data-entries/buttonGroup/button-group-tailwind-style/button-group-tailwind-style.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { ButtonGroupAlignment, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -6,6 +6,7 @@ import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directi selector: 'app-button-group-tailwind-style', styleUrls: ['./button-group-tailwind-style.component.scss'], templateUrl: './button-group-tailwind-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective] }) export class ButtonGroupTailwindStyleComponent { diff --git a/src/app/data-entries/buttons/buttons-disabled-sample/buttons-disabled-sample.ts b/src/app/data-entries/buttons/buttons-disabled-sample/buttons-disabled-sample.ts index c3542a0796..9ab4c0786f 100644 --- a/src/app/data-entries/buttons/buttons-disabled-sample/buttons-disabled-sample.ts +++ b/src/app/data-entries/buttons/buttons-disabled-sample/buttons-disabled-sample.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-buttons-disabled-sample', styleUrls: ['./buttons-disabled-sample.scss'], templateUrl: './buttons-disabled-sample.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class ButtonsDisabledComponent { } diff --git a/src/app/data-entries/buttons/buttons-display-density/buttons-display-density.component.ts b/src/app/data-entries/buttons/buttons-display-density/buttons-display-density.component.ts index 841a908270..5dfc1728ef 100644 --- a/src/app/data-entries/buttons/buttons-display-density/buttons-display-density.component.ts +++ b/src/app/data-entries/buttons/buttons-display-density/buttons-display-density.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit } from '@angular/core'; +import { Component, HostBinding, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,6 +7,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-buttons-display-density', styleUrls: ['./buttons-display-density.component.scss'], templateUrl: './buttons-display-density.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective, IgxIconComponent] }) export class ButtonsDisplayDensityComponent implements OnInit { diff --git a/src/app/data-entries/buttons/buttons-roundness-sample/buttons-roundness-sample.ts b/src/app/data-entries/buttons/buttons-roundness-sample/buttons-roundness-sample.ts index c791699b35..287f82fdb0 100644 --- a/src/app/data-entries/buttons/buttons-roundness-sample/buttons-roundness-sample.ts +++ b/src/app/data-entries/buttons/buttons-roundness-sample/buttons-roundness-sample.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective, IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -6,6 +6,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-buttons-roundness-sample', styleUrls: ['./buttons-roundness-sample.scss'], templateUrl: './buttons-roundness-sample.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective, IgxIconComponent, IgxIconButtonDirective] }) export class ButtonsRoundnessComponent {} diff --git a/src/app/data-entries/buttons/buttons-sample-1/buttons-sample-1.component.ts b/src/app/data-entries/buttons/buttons-sample-1/buttons-sample-1.component.ts index 6e81376588..ba58e7f9f1 100644 --- a/src/app/data-entries/buttons/buttons-sample-1/buttons-sample-1.component.ts +++ b/src/app/data-entries/buttons/buttons-sample-1/buttons-sample-1.component.ts @@ -1,11 +1,12 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-buttons-sample-1', styleUrls: ['./buttons-sample-1.component.scss'], templateUrl: './buttons-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective] }) export class ButtonsSample1Component { } diff --git a/src/app/data-entries/buttons/buttons-sample-2/buttons-sample-2.component.ts b/src/app/data-entries/buttons/buttons-sample-2/buttons-sample-2.component.ts index 048e47f634..0a8fcc4aad 100644 --- a/src/app/data-entries/buttons/buttons-sample-2/buttons-sample-2.component.ts +++ b/src/app/data-entries/buttons/buttons-sample-2/buttons-sample-2.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-buttons-sample-2', styleUrls: ['./buttons-sample-2.component.scss'], templateUrl: './buttons-sample-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class ButtonsSample2Component { } diff --git a/src/app/data-entries/buttons/buttons-sample-3/buttons-sample-3.component.ts b/src/app/data-entries/buttons/buttons-sample-3/buttons-sample-3.component.ts index 95c52d74d6..6462689f63 100644 --- a/src/app/data-entries/buttons/buttons-sample-3/buttons-sample-3.component.ts +++ b/src/app/data-entries/buttons/buttons-sample-3/buttons-sample-3.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-buttons-sample-3', styleUrls: ['./buttons-sample-3.component.scss'], templateUrl: './buttons-sample-3.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective] }) export class ButtonsSample3Component { } diff --git a/src/app/data-entries/buttons/buttons-sample-4/buttons-sample-4.component.ts b/src/app/data-entries/buttons/buttons-sample-4/buttons-sample-4.component.ts index e0aa368980..67d80f2fe4 100644 --- a/src/app/data-entries/buttons/buttons-sample-4/buttons-sample-4.component.ts +++ b/src/app/data-entries/buttons/buttons-sample-4/buttons-sample-4.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-buttons-sample-4', styleUrls: ['./buttons-sample-4.component.scss'], templateUrl: './buttons-sample-4.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective] }) export class ButtonsSample4Component { } diff --git a/src/app/data-entries/buttons/buttons-sample-5/buttons-sample-5.component.ts b/src/app/data-entries/buttons/buttons-sample-5/buttons-sample-5.component.ts index ea471e6e36..daf3a0288a 100644 --- a/src/app/data-entries/buttons/buttons-sample-5/buttons-sample-5.component.ts +++ b/src/app/data-entries/buttons/buttons-sample-5/buttons-sample-5.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-buttons-sample-5', styleUrls: ['./buttons-sample-5.component.scss'], templateUrl: './buttons-sample-5.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class ButtonsSample5Component { } diff --git a/src/app/data-entries/buttons/buttons-sample-6/buttons-sample-6.component.ts b/src/app/data-entries/buttons/buttons-sample-6/buttons-sample-6.component.ts index 6d07452311..915f7038c1 100644 --- a/src/app/data-entries/buttons/buttons-sample-6/buttons-sample-6.component.ts +++ b/src/app/data-entries/buttons/buttons-sample-6/buttons-sample-6.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -6,6 +6,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-buttons-sample-6', styleUrls: ['./buttons-sample-6.component.scss'], templateUrl: './buttons-sample-6.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxIconComponent] }) export class ButtonsSample6Component { } diff --git a/src/app/data-entries/buttons/buttons-sample-7/buttons-sample-7.component.ts b/src/app/data-entries/buttons/buttons-sample-7/buttons-sample-7.component.ts index 532edeff95..08630d2831 100644 --- a/src/app/data-entries/buttons/buttons-sample-7/buttons-sample-7.component.ts +++ b/src/app/data-entries/buttons/buttons-sample-7/buttons-sample-7.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -6,6 +6,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-buttons-sample-7', styleUrls: ['./buttons-sample-7.component.scss'], templateUrl: './buttons-sample-7.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconButtonDirective, IgxIconComponent] }) export class ButtonsSample7Component { } diff --git a/src/app/data-entries/buttons/buttons-sample-8/buttons-sample-8.component.ts b/src/app/data-entries/buttons/buttons-sample-8/buttons-sample-8.component.ts index 77b080c3a4..debe901383 100644 --- a/src/app/data-entries/buttons/buttons-sample-8/buttons-sample-8.component.ts +++ b/src/app/data-entries/buttons/buttons-sample-8/buttons-sample-8.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-buttons-sample-8', styleUrls: ['./buttons-sample-8.component.scss'], templateUrl: './buttons-sample-8.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class ButtonsSample8Component { } diff --git a/src/app/data-entries/buttons/buttons-style/buttons-style.component.ts b/src/app/data-entries/buttons/buttons-style/buttons-style.component.ts index ce5d497395..7633134af3 100644 --- a/src/app/data-entries/buttons/buttons-style/buttons-style.component.ts +++ b/src/app/data-entries/buttons/buttons-style/buttons-style.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { THEME_TOKEN, ThemeToken } from 'igniteui-angular/core'; @@ -7,6 +7,7 @@ import { THEME_TOKEN, ThemeToken } from 'igniteui-angular/core'; styleUrls: ['./buttons-style.component.scss'], templateUrl: './buttons-style.component.html', imports: [IgxButtonDirective], + changeDetection: ChangeDetectionStrategy.Eager, providers: [{provide: THEME_TOKEN, useFactory: () => new ThemeToken('bootstrap')}] }) export class ButtonsStyleComponent { diff --git a/src/app/data-entries/buttons/buttons-tailwind-style/buttons-tailwind-style.component.ts b/src/app/data-entries/buttons/buttons-tailwind-style/buttons-tailwind-style.component.ts index 2bbd669b48..1d42996e6c 100644 --- a/src/app/data-entries/buttons/buttons-tailwind-style/buttons-tailwind-style.component.ts +++ b/src/app/data-entries/buttons/buttons-tailwind-style/buttons-tailwind-style.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-buttons-tailwind-style', styleUrls: ['./buttons-tailwind-style.component.scss'], templateUrl: './buttons-tailwind-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class ButtonsTailwindStyleComponent {} diff --git a/src/app/data-entries/checkbox/checkbox-sample-1/checkbox-sample-1.component.ts b/src/app/data-entries/checkbox/checkbox-sample-1/checkbox-sample-1.component.ts index 57bc770cbe..d6124eead7 100644 --- a/src/app/data-entries/checkbox/checkbox-sample-1/checkbox-sample-1.component.ts +++ b/src/app/data-entries/checkbox/checkbox-sample-1/checkbox-sample-1.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxCheckboxComponent } from 'igniteui-angular/checkbox'; @Component({ selector: 'app-checkbox-sample-1', styleUrls: ['./checkbox-sample-1.component.scss'], templateUrl: './checkbox-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCheckboxComponent] }) export class CheckboxSample1Component { } diff --git a/src/app/data-entries/checkbox/checkbox-sample-2/checkbox-sample-2.component.ts b/src/app/data-entries/checkbox/checkbox-sample-2/checkbox-sample-2.component.ts index 780fbd7013..a889bb1062 100644 --- a/src/app/data-entries/checkbox/checkbox-sample-2/checkbox-sample-2.component.ts +++ b/src/app/data-entries/checkbox/checkbox-sample-2/checkbox-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxCheckboxComponent } from 'igniteui-angular/checkbox'; @@ -6,6 +6,7 @@ import { IgxCheckboxComponent } from 'igniteui-angular/checkbox'; selector: 'app-checkbox-sample-2', styleUrls: ['./checkbox-sample-2.component.scss'], templateUrl: './checkbox-sample-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCheckboxComponent] }) export class CheckboxSample2Component { diff --git a/src/app/data-entries/checkbox/checkbox-sample-3/checkbox-sample-3.component.ts b/src/app/data-entries/checkbox/checkbox-sample-3/checkbox-sample-3.component.ts index 0ebf0cb53e..98bfbcd343 100644 --- a/src/app/data-entries/checkbox/checkbox-sample-3/checkbox-sample-3.component.ts +++ b/src/app/data-entries/checkbox/checkbox-sample-3/checkbox-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxCheckboxComponent } from 'igniteui-angular/checkbox'; import { FormsModule } from '@angular/forms'; @@ -7,6 +7,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-checkbox-sample-3', styleUrls: ['./checkbox-sample-3.component.scss'], templateUrl: './checkbox-sample-3.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCheckboxComponent, FormsModule] }) export class CheckboxSample3Component { diff --git a/src/app/data-entries/checkbox/checkbox-styling/checkbox-styling.component.ts b/src/app/data-entries/checkbox/checkbox-styling/checkbox-styling.component.ts index 34adc68489..4a7da9b06d 100644 --- a/src/app/data-entries/checkbox/checkbox-styling/checkbox-styling.component.ts +++ b/src/app/data-entries/checkbox/checkbox-styling/checkbox-styling.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxCheckboxComponent } from 'igniteui-angular/checkbox'; import { THEME_TOKEN, ThemeToken } from 'igniteui-angular/core'; @@ -7,6 +7,7 @@ import { THEME_TOKEN, ThemeToken } from 'igniteui-angular/core'; styleUrls: ['./checkbox-styling.component.scss'], templateUrl: './checkbox-styling.component.html', providers: [{ provide: THEME_TOKEN, useFactory: () => new ThemeToken('fluent') }], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCheckboxComponent] }) export class CheckboxStylingComponent { diff --git a/src/app/data-entries/checkbox/checkbox-tailwind-styling/checkbox-tailwind-styling.component.ts b/src/app/data-entries/checkbox/checkbox-tailwind-styling/checkbox-tailwind-styling.component.ts index e492210351..3496228abd 100644 --- a/src/app/data-entries/checkbox/checkbox-tailwind-styling/checkbox-tailwind-styling.component.ts +++ b/src/app/data-entries/checkbox/checkbox-tailwind-styling/checkbox-tailwind-styling.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxCheckboxComponent } from 'igniteui-angular/checkbox'; @Component({ selector: 'app-checkbox-tailwind-styling', styleUrls: ['./checkbox-tailwind-styling.component.scss'], templateUrl: './checkbox-tailwind-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCheckboxComponent] }) export class CheckboxTailwindStylingComponent { } diff --git a/src/app/data-entries/dropdown/drop-down-remote-virtual/drop-down-remote.component.ts b/src/app/data-entries/dropdown/drop-down-remote-virtual/drop-down-remote.component.ts index 9a2941bfec..36ca5004f1 100644 --- a/src/app/data-entries/dropdown/drop-down-remote-virtual/drop-down-remote.component.ts +++ b/src/app/data-entries/dropdown/drop-down-remote-virtual/drop-down-remote.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild, AfterViewInit, inject } from '@angular/core'; +import { ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild, AfterViewInit, inject, ChangeDetectionStrategy } from '@angular/core'; // tslint:disable-next-line:max-line-length import { IForOfState, IgxButtonDirective, IgxForOfDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxDropDownComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; @@ -15,6 +15,7 @@ import { AsyncPipe } from '@angular/common'; selector: 'app-drop-down-remote', templateUrl: './drop-down-remote.component.html', styleUrls: ['./drop-down-remote.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxDropDownComponent, IgxForOfDirective, IgxDropDownItemComponent, IgxToastComponent, AsyncPipe] }) export class DropDownRemoteComponent implements OnInit, OnDestroy, AfterViewInit { diff --git a/src/app/data-entries/dropdown/drop-down-virtual/drop-down-virtual.component.ts b/src/app/data-entries/dropdown/drop-down-virtual/drop-down-virtual.component.ts index f7efad5d6f..2467497ea6 100644 --- a/src/app/data-entries/dropdown/drop-down-virtual/drop-down-virtual.component.ts +++ b/src/app/data-entries/dropdown/drop-down-virtual/drop-down-virtual.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective, IgxForOfDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxDropDownComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; @@ -15,6 +15,7 @@ interface DataItem { selector: 'app-drop-down-virtual', templateUrl: './drop-down-virtual.component.html', styleUrls: ['./drop-down-virtual.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxDropDownComponent, IgxForOfDirective, IgxDropDownItemComponent] }) export class DropDownVirtualComponent { diff --git a/src/app/data-entries/dropdown/dropdown-menu/dropdown-menu.component.ts b/src/app/data-entries/dropdown/dropdown-menu/dropdown-menu.component.ts index 39b82e4dd8..dc33aec4cb 100644 --- a/src/app/data-entries/dropdown/dropdown-menu/dropdown-menu.component.ts +++ b/src/app/data-entries/dropdown/dropdown-menu/dropdown-menu.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { ConnectedPositioningStrategy, HorizontalAlignment, IgxOverlayOutletDirective, NoOpScrollStrategy, VerticalAlignment } from 'igniteui-angular/core'; import { ISelectionEventArgs, IgxDropDownComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; import { IgxNavbarComponent } from 'igniteui-angular/navbar'; @@ -11,6 +11,7 @@ import { IgxLabelDirective } from 'igniteui-angular/input-group'; selector: 'app-dropdown-menu', styleUrls: ['./dropdown-menu.component.scss'], templateUrl: './dropdown-menu.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxIconButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxIconComponent, IgxDropDownComponent, IgxDropDownItemComponent, IgxLabelDirective, IgxOverlayOutletDirective] }) export class DropdownMenuComponent { diff --git a/src/app/data-entries/dropdown/dropdown-multi-level-menu/dropdown-multi-level-menu.component.ts b/src/app/data-entries/dropdown/dropdown-multi-level-menu/dropdown-multi-level-menu.component.ts index 15575d22ab..c694188572 100644 --- a/src/app/data-entries/dropdown/dropdown-multi-level-menu/dropdown-multi-level-menu.component.ts +++ b/src/app/data-entries/dropdown/dropdown-multi-level-menu/dropdown-multi-level-menu.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, QueryList, ViewChild, ViewChildren, inject } from '@angular/core'; +import { AfterViewInit, Component, QueryList, ViewChild, ViewChildren, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxDropDownComponent, IgxDropDownItemComponent } from 'igniteui-angular/drop-down'; import { ConnectedPositioningStrategy, HorizontalAlignment, OverlaySettings, VerticalAlignment } from 'igniteui-angular/core'; import { IgxNavbarComponent, IgxNavbarTitleDirective } from 'igniteui-angular/navbar'; @@ -22,6 +22,7 @@ import { MultiLevelDirective } from './multi-level.directive'; templateUrl: './dropdown-multi-level-menu.component.html', styleUrls: ['./dropdown-multi-level-menu.component.scss'], providers: [MultiLevelService], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxNavbarTitleDirective, IgxButtonDirective, IgxToggleActionDirective, IgxIconComponent, IgxDropDownComponent, IgxDropDownItemComponent, MultiLevelDirective, IgxSuffixDirective] }) export class DropdownMultiLevelMenuComponent implements AfterViewInit { diff --git a/src/app/data-entries/dropdown/dropdown-sample-1/dropdown-sample-1.component.ts b/src/app/data-entries/dropdown/dropdown-sample-1/dropdown-sample-1.component.ts index 0a73f65ad2..b0fbff9bbc 100644 --- a/src/app/data-entries/dropdown/dropdown-sample-1/dropdown-sample-1.component.ts +++ b/src/app/data-entries/dropdown/dropdown-sample-1/dropdown-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxDropDownComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; @@ -7,6 +7,7 @@ import { IgxDropDownComponent, IgxDropDownItemComponent, IgxDropDownItemNavigati selector: 'app-dropdown-sample-1', styleUrls: ['./dropdown-sample-1.component.scss'], templateUrl: './dropdown-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxDropDownComponent, IgxDropDownItemComponent] }) export class DropDownSample1Component { diff --git a/src/app/data-entries/dropdown/dropdown-sample-2/dropdown-sample-2.component.ts b/src/app/data-entries/dropdown/dropdown-sample-2/dropdown-sample-2.component.ts index a3a704ea94..b73bcf5ddb 100644 --- a/src/app/data-entries/dropdown/dropdown-sample-2/dropdown-sample-2.component.ts +++ b/src/app/data-entries/dropdown/dropdown-sample-2/dropdown-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxDropDownComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; @@ -8,6 +8,7 @@ import { IgxDropDownComponent, IgxDropDownItemComponent, IgxDropDownItemNavigati selector: 'app-dropdown-sample-2', styleUrls: ['./dropdown-sample-2.component.scss'], templateUrl: './dropdown-sample-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxDropDownComponent, IgxDropDownItemComponent] }) export class DropDownSample2Component { diff --git a/src/app/data-entries/dropdown/dropdown-sample-3/dropdown-sample-3.component.ts b/src/app/data-entries/dropdown/dropdown-sample-3/dropdown-sample-3.component.ts index 891b0cc2f1..11686993d6 100644 --- a/src/app/data-entries/dropdown/dropdown-sample-3/dropdown-sample-3.component.ts +++ b/src/app/data-entries/dropdown/dropdown-sample-3/dropdown-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective, IgxDividerDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxDropDownComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -10,6 +10,7 @@ import { IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-g selector: 'app-dropdown-sample-3', styleUrls: ['./dropdown-sample-3.component.scss'], templateUrl: './dropdown-sample-3.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxDropDownComponent, IgxDropDownItemComponent, IgxIconComponent, IgxPrefixDirective, IgxSuffixDirective, IgxDividerDirective] }) export class DropDownSample3Component { diff --git a/src/app/data-entries/dropdown/dropdown-sample-4/dropdown-sample-4.component.ts b/src/app/data-entries/dropdown/dropdown-sample-4/dropdown-sample-4.component.ts index a322c35155..519131d90b 100644 --- a/src/app/data-entries/dropdown/dropdown-sample-4/dropdown-sample-4.component.ts +++ b/src/app/data-entries/dropdown/dropdown-sample-4/dropdown-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { ConnectedPositioningStrategy } from 'igniteui-angular/core'; import { IgxDropDownComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; import { IgxInputDirective, IgxInputGroupComponent, IgxSuffixDirective } from 'igniteui-angular/input-group'; @@ -10,6 +10,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-dropdown-sample-4', styleUrls: ['./dropdown-sample-4.component.scss'], templateUrl: './dropdown-sample-4.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxToggleActionDirective, IgxInputDirective, IgxDropDownItemNavigationDirective, IgxSuffixDirective, IgxIconButtonDirective, IgxRippleDirective, IgxIconComponent, IgxDropDownComponent, IgxDropDownItemComponent] }) export class DropDownSample4Component { diff --git a/src/app/data-entries/dropdown/dropdown-sample-5/dropdown-sample-5.component.ts b/src/app/data-entries/dropdown/dropdown-sample-5/dropdown-sample-5.component.ts index d58f8aee84..f6ee0f2b7d 100644 --- a/src/app/data-entries/dropdown/dropdown-sample-5/dropdown-sample-5.component.ts +++ b/src/app/data-entries/dropdown/dropdown-sample-5/dropdown-sample-5.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxDropDownComponent, IgxDropDownGroupComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @@ -10,6 +10,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-dropdown-sample-5', styleUrls: ['./dropdown-sample-5.component.scss'], templateUrl: './dropdown-sample-5.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxSwitchComponent, FormsModule, IgxDropDownComponent, IgxDropDownGroupComponent, IgxDropDownItemComponent] }) export class DropDownSample5Component { diff --git a/src/app/data-entries/dropdown/dropdown-styling/dropdown-styling.component.ts b/src/app/data-entries/dropdown/dropdown-styling/dropdown-styling.component.ts index ccf152afde..bb6d50f826 100644 --- a/src/app/data-entries/dropdown/dropdown-styling/dropdown-styling.component.ts +++ b/src/app/data-entries/dropdown/dropdown-styling/dropdown-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnInit, ViewChild, inject } from '@angular/core'; +import { Component, ElementRef, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { ISelectionEventArgs, IgxDropDownComponent, IgxDropDownGroupComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; import { IgxButtonDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { getHeroClassData, IHeroClass } from '../../../data/heroData'; @@ -8,6 +8,7 @@ import { getHeroClassData, IHeroClass } from '../../../data/heroData'; selector: 'app-dropdown-styling', styleUrls: ['./dropdown-styling.component.scss'], templateUrl: './dropdown-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxDropDownComponent, IgxDropDownGroupComponent, IgxDropDownItemComponent] }) export class DropDownStylingComponent implements OnInit { diff --git a/src/app/data-entries/dropdown/dropdown-tree-grid-hierarchical-selection/dropdown-tree-grid-hierarchical-selection.component.ts b/src/app/data-entries/dropdown/dropdown-tree-grid-hierarchical-selection/dropdown-tree-grid-hierarchical-selection.component.ts index a6b2c44787..ed5cb900e0 100644 --- a/src/app/data-entries/dropdown/dropdown-tree-grid-hierarchical-selection/dropdown-tree-grid-hierarchical-selection.component.ts +++ b/src/app/data-entries/dropdown/dropdown-tree-grid-hierarchical-selection/dropdown-tree-grid-hierarchical-selection.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, ElementRef, OnInit, PLATFORM_ID, ViewChild, inject } from '@angular/core'; +import { AfterViewInit, Component, ElementRef, OnInit, PLATFORM_ID, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { IBaseChipEventArgs, IgxChipComponent, IgxChipsAreaComponent } from 'igniteui-angular/chips'; import { IgxDropDownComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; import { ConnectedPositioningStrategy, OverlaySettings } from 'igniteui-angular/core'; @@ -15,6 +15,7 @@ import { isPlatformBrowser } from '@angular/common'; selector: 'app-dropdown-tree-grid-hierarchical-selection', styleUrls: ['./dropdown-tree-grid-hierarchical-selection.component.scss'], templateUrl: './dropdown-tree-grid-hierarchical-selection.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxIconComponent, IgxChipsAreaComponent, IgxChipComponent, IgxDropDownComponent, IgxTreeGridComponent, IgxColumnComponent] }) export class DropdownTreeGridHierarchicalSelectionComponent implements OnInit, AfterViewInit { diff --git a/src/app/data-entries/dropdown/dropdown-tree-hierarchical-selection/dropdown-tree-hierarchical-selection.component.ts b/src/app/data-entries/dropdown/dropdown-tree-hierarchical-selection/dropdown-tree-hierarchical-selection.component.ts index 4473dc1459..e584bd6c5c 100644 --- a/src/app/data-entries/dropdown/dropdown-tree-hierarchical-selection/dropdown-tree-hierarchical-selection.component.ts +++ b/src/app/data-entries/dropdown/dropdown-tree-hierarchical-selection/dropdown-tree-hierarchical-selection.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, DoCheck, OnInit, ViewChild, ElementRef, PLATFORM_ID, inject } from '@angular/core'; +import { AfterViewInit, Component, DoCheck, OnInit, ViewChild, ElementRef, PLATFORM_ID, inject, ChangeDetectionStrategy } from '@angular/core'; import { IBaseChipEventArgs, IgxChipComponent, IgxChipsAreaComponent } from 'igniteui-angular/chips'; import { IgxDropDownComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; import { ITreeNodeSelectionEvent, IgxTreeComponent, IgxTreeNodeComponent } from 'igniteui-angular/tree'; @@ -14,6 +14,7 @@ import { isPlatformBrowser } from '@angular/common'; selector: 'app-dropdown-tree-hierarchical-selection', styleUrls: ['./dropdown-tree-hierarchical-selection.component.scss'], templateUrl: './dropdown-tree-hierarchical-selection.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxIconComponent, IgxChipsAreaComponent, IgxChipComponent, IgxDropDownComponent, IgxTreeComponent, IgxTreeNodeComponent] }) export class DropdownTreeHierarchicalSelectionComponent implements OnInit, DoCheck, AfterViewInit { diff --git a/src/app/data-entries/icon-button/contained-icon-button/contained-icon-button.component.ts b/src/app/data-entries/icon-button/contained-icon-button/contained-icon-button.component.ts index a3a1db9cda..bffb14e152 100644 --- a/src/app/data-entries/icon-button/contained-icon-button/contained-icon-button.component.ts +++ b/src/app/data-entries/icon-button/contained-icon-button/contained-icon-button.component.ts @@ -1,5 +1,5 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,6 +7,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-contained-icon-button', styleUrls: ['./contained-icon-button.component.scss'], templateUrl: './contained-icon-button.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconButtonDirective, IgxIconComponent] }) export class ContainedIconButtonComponent { } diff --git a/src/app/data-entries/icon-button/disabled-icon-button/disabled-icon-button.component.ts b/src/app/data-entries/icon-button/disabled-icon-button/disabled-icon-button.component.ts index bcd1e7fd76..f76eccf1f7 100644 --- a/src/app/data-entries/icon-button/disabled-icon-button/disabled-icon-button.component.ts +++ b/src/app/data-entries/icon-button/disabled-icon-button/disabled-icon-button.component.ts @@ -1,5 +1,5 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,6 +7,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-disabled-icon-button', styleUrls: ['./disabled-icon-button.component.scss'], templateUrl: './disabled-icon-button.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconButtonDirective, IgxIconComponent] }) export class DisabledIconButtonComponent {} diff --git a/src/app/data-entries/icon-button/flat-icon-button/flat-icon-button.component.ts b/src/app/data-entries/icon-button/flat-icon-button/flat-icon-button.component.ts index 102774808e..e68100e84e 100644 --- a/src/app/data-entries/icon-button/flat-icon-button/flat-icon-button.component.ts +++ b/src/app/data-entries/icon-button/flat-icon-button/flat-icon-button.component.ts @@ -1,5 +1,5 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,6 +7,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-flat-icon-button', styleUrls: ['./flat-icon-button.component.scss'], templateUrl: './flat-icon-button.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconButtonDirective, IgxIconComponent] }) export class FlatIconButtonComponent { } diff --git a/src/app/data-entries/icon-button/icon-button-overview/icon-button-overview.component.ts b/src/app/data-entries/icon-button/icon-button-overview/icon-button-overview.component.ts index 998db628c0..42a4674345 100644 --- a/src/app/data-entries/icon-button/icon-button-overview/icon-button-overview.component.ts +++ b/src/app/data-entries/icon-button/icon-button-overview/icon-button-overview.component.ts @@ -1,5 +1,5 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,6 +7,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-icon-button-overview', styleUrls: ['./icon-button-overview.component.scss'], templateUrl: './icon-button-overview.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconButtonDirective, IgxRippleDirective, IgxIconComponent] }) export class IconButtonOverviewComponent { } diff --git a/src/app/data-entries/icon-button/icon-button-size/icon-button-size.component.ts b/src/app/data-entries/icon-button/icon-button-size/icon-button-size.component.ts index 6b97505ea2..6b2cfe7838 100644 --- a/src/app/data-entries/icon-button/icon-button-size/icon-button-size.component.ts +++ b/src/app/data-entries/icon-button/icon-button-size/icon-button-size.component.ts @@ -1,5 +1,5 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,6 +7,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-icon-button-size', styleUrls: ['./icon-button-size.component.scss'], templateUrl: './icon-button-size.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconButtonDirective, IgxRippleDirective, IgxIconComponent] }) export class IconButtonSizeComponent { } diff --git a/src/app/data-entries/icon-button/icon-button-styling/icon-button-styling.component.ts b/src/app/data-entries/icon-button/icon-button-styling/icon-button-styling.component.ts index 914b53e14d..fb210b6cf3 100644 --- a/src/app/data-entries/icon-button/icon-button-styling/icon-button-styling.component.ts +++ b/src/app/data-entries/icon-button/icon-button-styling/icon-button-styling.component.ts @@ -1,5 +1,5 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,6 +7,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-icon-button-styling', styleUrls: ['./icon-button-styling.component.scss'], templateUrl: './icon-button-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconButtonDirective, IgxRippleDirective, IgxIconComponent] }) export class IconButtonStylingComponent { } diff --git a/src/app/data-entries/icon-button/icon-button-tailwind-styling/icon-button-tailwind-styling.component.ts b/src/app/data-entries/icon-button/icon-button-tailwind-styling/icon-button-tailwind-styling.component.ts index 59b5733d2d..bf2d32f19e 100644 --- a/src/app/data-entries/icon-button/icon-button-tailwind-styling/icon-button-tailwind-styling.component.ts +++ b/src/app/data-entries/icon-button/icon-button-tailwind-styling/icon-button-tailwind-styling.component.ts @@ -1,5 +1,5 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,6 +7,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-icon-button-tailwind-styling', styleUrls: ['./icon-button-tailwind-styling.component.scss'], templateUrl: './icon-button-tailwind-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconButtonDirective, IgxIconComponent] }) export class IconButtonTailwindStylingComponent { } diff --git a/src/app/data-entries/icon-button/outlined-icon-button/outlined-icon-button.component.ts b/src/app/data-entries/icon-button/outlined-icon-button/outlined-icon-button.component.ts index a5588a063a..a0b9b87371 100644 --- a/src/app/data-entries/icon-button/outlined-icon-button/outlined-icon-button.component.ts +++ b/src/app/data-entries/icon-button/outlined-icon-button/outlined-icon-button.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -6,6 +6,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-outlined-icon-button', styleUrls: ['./outlined-icon-button.component.scss'], templateUrl: './outlined-icon-button.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconButtonDirective, IgxIconComponent] }) export class OutlinedIconButtonComponent {} diff --git a/src/app/data-entries/icon-button/svg-icon-button/svg-icon-button.component.ts b/src/app/data-entries/icon-button/svg-icon-button/svg-icon-button.component.ts index c0ca74a2c1..07d6807758 100644 --- a/src/app/data-entries/icon-button/svg-icon-button/svg-icon-button.component.ts +++ b/src/app/data-entries/icon-button/svg-icon-button/svg-icon-button.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject } from '@angular/core'; +import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; @@ -6,6 +6,7 @@ import { IgxIconButtonDirective } from 'igniteui-angular/directives'; selector: 'app-svg-icon-button', styleUrls: ['./svg-icon-button.component.scss'], templateUrl: './svg-icon-button.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconButtonDirective, IgxIconComponent] }) export class SVGIconButtonComponent implements OnInit { diff --git a/src/app/data-entries/input-group/input-group-sample-1/input-group-sample-1.component.ts b/src/app/data-entries/input-group/input-group-sample-1/input-group-sample-1.component.ts index 1c0931481f..cc71faf5d2 100644 --- a/src/app/data-entries/input-group/input-group-sample-1/input-group-sample-1.component.ts +++ b/src/app/data-entries/input-group/input-group-sample-1/input-group-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { BaseInputGroupSampleComponent } from '../base-input.component'; import { FormsModule } from '@angular/forms'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -7,6 +7,7 @@ import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'ig selector: 'app-input-group-sample-1', styleUrls: ['./input-group-sample-1.component.scss'], templateUrl: './input-group-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, IgxInputGroupComponent, IgxInputDirective, IgxLabelDirective] }) export class InputGroupSample1Component extends BaseInputGroupSampleComponent { } diff --git a/src/app/data-entries/input-group/input-group-sample-2/input-group-sample-2.component.ts b/src/app/data-entries/input-group/input-group-sample-2/input-group-sample-2.component.ts index 42124f2ff2..616d81dd3a 100644 --- a/src/app/data-entries/input-group/input-group-sample-2/input-group-sample-2.component.ts +++ b/src/app/data-entries/input-group/input-group-sample-2/input-group-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { BaseInputGroupSampleComponent } from '../base-input.component'; import { FormsModule } from '@angular/forms'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -7,6 +7,7 @@ import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'ig selector: 'app-input-group-sample-2', styleUrls: ['./input-group-sample-2.component.scss'], templateUrl: './input-group-sample-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, IgxInputGroupComponent, IgxInputDirective, IgxLabelDirective] }) export class InputGroupSample2Component extends BaseInputGroupSampleComponent { } diff --git a/src/app/data-entries/input-group/input-group-sample-3/input-group-sample-3.component.ts b/src/app/data-entries/input-group/input-group-sample-3/input-group-sample-3.component.ts index dca99a7b2e..352e25af3d 100644 --- a/src/app/data-entries/input-group/input-group-sample-3/input-group-sample-3.component.ts +++ b/src/app/data-entries/input-group/input-group-sample-3/input-group-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { BaseInputGroupSampleComponent } from '../base-input.component'; import { FormsModule } from '@angular/forms'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; @@ -8,6 +8,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-input-group-sample-3', styleUrls: ['./input-group-sample-3.component.scss'], templateUrl: './input-group-sample-3.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, IgxInputGroupComponent, IgxPrefixDirective, IgxLabelDirective, IgxInputDirective, IgxIconComponent, IgxSuffixDirective] }) export class InputGroupSample3Component extends BaseInputGroupSampleComponent { } diff --git a/src/app/data-entries/input-group/input-group-sample-4/input-group-sample-4.component.ts b/src/app/data-entries/input-group/input-group-sample-4/input-group-sample-4.component.ts index f6d6c66cca..797bdf1ea9 100644 --- a/src/app/data-entries/input-group/input-group-sample-4/input-group-sample-4.component.ts +++ b/src/app/data-entries/input-group/input-group-sample-4/input-group-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { BaseInputGroupSampleComponent } from '../base-input.component'; import { FormsModule } from '@angular/forms'; import { IgxHintDirective, IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; @@ -8,6 +8,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-input-group-sample-4', styleUrls: ['./input-group-sample-4.component.scss'], templateUrl: './input-group-sample-4.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, IgxInputGroupComponent, IgxPrefixDirective, IgxLabelDirective, IgxInputDirective, IgxSuffixDirective, IgxIconComponent, IgxHintDirective] }) export class InputGroupSample4Component extends BaseInputGroupSampleComponent { } diff --git a/src/app/data-entries/input-group/input-group-sample-5/input-group-sample-5.component.ts b/src/app/data-entries/input-group/input-group-sample-5/input-group-sample-5.component.ts index 569216794d..665afd9b3a 100644 --- a/src/app/data-entries/input-group/input-group-sample-5/input-group-sample-5.component.ts +++ b/src/app/data-entries/input-group/input-group-sample-5/input-group-sample-5.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { BaseInputGroupSampleComponent } from '../base-input.component'; import { IGX_INPUT_GROUP_TYPE, IgxHintDirective, IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -10,6 +10,7 @@ import { FormsModule } from '@angular/forms'; styleUrls: ['./input-group-sample-5.component.scss'], templateUrl: './input-group-sample-5.component.html', providers: [{ provide: IGX_INPUT_GROUP_TYPE, useValue: 'box' }], + changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, IgxInputGroupComponent, IgxInputDirective, IgxLabelDirective, IgxSuffixDirective, IgxIconComponent, IgxHintDirective, IgxPrefixDirective] }) export class InputGroupSample5Component extends BaseInputGroupSampleComponent { } diff --git a/src/app/data-entries/input-group/input-group-sample-6/input-group-sample-6.component.ts b/src/app/data-entries/input-group/input-group-sample-6/input-group-sample-6.component.ts index b2ca7951e2..a424ab1578 100644 --- a/src/app/data-entries/input-group/input-group-sample-6/input-group-sample-6.component.ts +++ b/src/app/data-entries/input-group/input-group-sample-6/input-group-sample-6.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { BaseInputGroupSampleComponent } from '../base-input.component'; import { FormsModule } from '@angular/forms'; import { IgxSelectComponent, IgxSelectGroupComponent, IgxSelectItemComponent, IgxSelectToggleIconDirective } from 'igniteui-angular/select'; @@ -14,6 +14,7 @@ import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directi selector: 'app-input-group-sample-6', styleUrls: ['./input-group-sample-6.component.scss'], templateUrl: './input-group-sample-6.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, IgxSelectComponent, IgxSelectGroupComponent, IgxSelectItemComponent, IgxLabelDirective, IgxSelectToggleIconDirective, IgxIconComponent, IgxInputGroupComponent, IgxInputDirective, IgxSuffixDirective, IgxPrefixDirective, IgxHintDirective, IgxComboComponent, IgxDatePickerComponent, IgxPickerToggleComponent, IgxTimePickerComponent, IgxButtonDirective, IgxRippleDirective] }) export class InputGroupSample6Component extends BaseInputGroupSampleComponent { diff --git a/src/app/data-entries/input-group/input-group-styling/input-group-styling.component.ts b/src/app/data-entries/input-group/input-group-styling/input-group-styling.component.ts index 272cecd501..d293bb8d3e 100644 --- a/src/app/data-entries/input-group/input-group-styling/input-group-styling.component.ts +++ b/src/app/data-entries/input-group/input-group-styling/input-group-styling.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxHintDirective, IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { THEME_TOKEN, ThemeToken } from 'igniteui-angular/core'; @@ -7,6 +7,7 @@ import { THEME_TOKEN, ThemeToken } from 'igniteui-angular/core'; templateUrl: 'input-group-styling.component.html', styleUrls: ['input-group-styling.component.scss'], imports: [IgxInputGroupComponent, IgxLabelDirective, IgxInputDirective, IgxHintDirective], + changeDetection: ChangeDetectionStrategy.Eager, providers: [{provide: THEME_TOKEN, useFactory: () => new ThemeToken('indigo')}] }) export class InputGroupStyleComponent { } diff --git a/src/app/data-entries/input-group/input-group-tailwind-styling/input-group-tailwind-styling.component.ts b/src/app/data-entries/input-group/input-group-tailwind-styling/input-group-tailwind-styling.component.ts index 13807e1c0e..1431622da4 100644 --- a/src/app/data-entries/input-group/input-group-tailwind-styling/input-group-tailwind-styling.component.ts +++ b/src/app/data-entries/input-group/input-group-tailwind-styling/input-group-tailwind-styling.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxHintDirective, IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -6,6 +6,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-input-group-tailwind-style', templateUrl: 'input-group-tailwind-styling.component.html', styleUrls: ['input-group-tailwind-styling.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxPrefixDirective, IgxLabelDirective, IgxInputDirective, IgxSuffixDirective, IgxIconComponent, IgxHintDirective] }) export class InputGroupTailwindStyleComponent { } diff --git a/src/app/data-entries/input-group/input-text-selection/input-text-selection.component.ts b/src/app/data-entries/input-group/input-text-selection/input-text-selection.component.ts index e77db846cd..c650f9087f 100644 --- a/src/app/data-entries/input-group/input-text-selection/input-text-selection.component.ts +++ b/src/app/data-entries/input-group/input-text-selection/input-text-selection.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxFocusDirective, IgxTextSelectionDirective } from 'igniteui-angular/directives'; @@ -7,6 +7,7 @@ import { IgxFocusDirective, IgxTextSelectionDirective } from 'igniteui-angular/d selector: 'app-input-text-selection', templateUrl: './input-text-selection.component.html', styleUrls: ['./input-text-selection.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, IgxInputGroupComponent, IgxInputDirective, IgxTextSelectionDirective, IgxLabelDirective, IgxFocusDirective] }) export class InputTextSelectionComponent { diff --git a/src/app/data-entries/input-group/reactive-form-custom-validation/reactive-form-custom-validation.component.ts b/src/app/data-entries/input-group/reactive-form-custom-validation/reactive-form-custom-validation.component.ts index 860d8c18c2..5c3fe1b674 100644 --- a/src/app/data-entries/input-group/reactive-form-custom-validation/reactive-form-custom-validation.component.ts +++ b/src/app/data-entries/input-group/reactive-form-custom-validation/reactive-form-custom-validation.component.ts @@ -1,4 +1,4 @@ -import { Component, inject } from '@angular/core'; +import { Component, inject, ChangeDetectionStrategy } from '@angular/core'; import { AbstractControl, FormBuilder, FormControl, FormGroup, ValidationErrors, ValidatorFn, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms'; import { IgxHintDirective, IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -24,6 +24,7 @@ interface ValidatorErrors selector: 'app-reactive-form-custom-validation', templateUrl: './reactive-form-custom-validation.component.html', styleUrls: ['./reactive-form-custom-validation.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, ReactiveFormsModule, IgxInputGroupComponent, IgxLabelDirective, IgxInputDirective, IgxHintDirective, IgxIconComponent, IgxSuffixDirective, IgxButtonDirective, IgxRippleDirective] }) export class ReactiveFormCustomValidationComponent { diff --git a/src/app/data-entries/input-group/reactive-form-validation/reactive-form-validation.component.ts b/src/app/data-entries/input-group/reactive-form-validation/reactive-form-validation.component.ts index 8d2e85424a..9b2b6aab6f 100644 --- a/src/app/data-entries/input-group/reactive-form-validation/reactive-form-validation.component.ts +++ b/src/app/data-entries/input-group/reactive-form-validation/reactive-form-validation.component.ts @@ -1,4 +1,4 @@ -import { Component, inject } from '@angular/core'; +import { Component, inject, ChangeDetectionStrategy } from '@angular/core'; import { FormBuilder, FormControl, FormGroup, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms'; import { IgxHintDirective, IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -16,6 +16,7 @@ interface User selector: 'app-reactive-form-validation', templateUrl: './reactive-form-validation.component.html', styleUrls: ['./reactive-form-validation.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, ReactiveFormsModule, IgxInputGroupComponent, IgxLabelDirective, IgxInputDirective, IgxHintDirective, IgxIconComponent, IgxSuffixDirective, IgxButtonDirective, IgxRippleDirective] }) export class ReactiveFormValidationComponent { diff --git a/src/app/data-entries/input-group/template-driven-form-validation/template-driven-form-validation.component.ts b/src/app/data-entries/input-group/template-driven-form-validation/template-driven-form-validation.component.ts index 7ba7e247bd..31b2dab67c 100644 --- a/src/app/data-entries/input-group/template-driven-form-validation/template-driven-form-validation.component.ts +++ b/src/app/data-entries/input-group/template-driven-form-validation/template-driven-form-validation.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { NgForm, FormsModule } from '@angular/forms'; import { IgxHintDirective, IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -16,6 +16,7 @@ interface User selector: 'app-template-driven-form-validation', templateUrl: './template-driven-form-validation.component.html', styleUrls: ['./template-driven-form-validation.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, IgxInputGroupComponent, IgxLabelDirective, IgxInputDirective, IgxHintDirective, IgxIconComponent, IgxSuffixDirective, IgxButtonDirective, IgxRippleDirective] }) export class TemplateDrivenFormValidationComponent { diff --git a/src/app/data-entries/input-group/typed-form/typed-form.component.ts b/src/app/data-entries/input-group/typed-form/typed-form.component.ts index a9d3470306..2c575748e3 100644 --- a/src/app/data-entries/input-group/typed-form/typed-form.component.ts +++ b/src/app/data-entries/input-group/typed-form/typed-form.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { FormControl, FormGroup, FormsModule, ReactiveFormsModule } from "@angular/forms"; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; @@ -21,6 +21,7 @@ export interface registrationFormGroup selector: 'app-typed-form', templateUrl: './typed-form.component.html', styleUrls: ['./typed-form.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, ReactiveFormsModule, IgxInputGroupComponent, IgxLabelDirective, IgxInputDirective, IgxDatePickerComponent, IgxPickerToggleComponent, IgxSuffixDirective, IgxIconComponent, IgxButtonDirective, IgxRippleDirective] }) export class TypedFormComponent { diff --git a/src/app/data-entries/radio/radio-group-sample/radio-group-sample.component.ts b/src/app/data-entries/radio/radio-group-sample/radio-group-sample.component.ts index c2b0f8282e..ce4ab816ce 100644 --- a/src/app/data-entries/radio/radio-group-sample/radio-group-sample.component.ts +++ b/src/app/data-entries/radio/radio-group-sample/radio-group-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, inject } from '@angular/core'; +import { Component, inject, ChangeDetectionStrategy } from '@angular/core'; import { FormBuilder, FormGroup, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxRadioComponent, IgxRadioGroupDirective } from 'igniteui-angular/radio'; @@ -9,6 +9,7 @@ import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directi selector: 'app-radio-group-sample', styleUrls: ['./radio-group-sample.component.scss'], templateUrl: './radio-group-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, ReactiveFormsModule, IgxInputGroupComponent, IgxInputDirective, IgxRadioGroupDirective, IgxRadioComponent, IgxButtonDirective, IgxRippleDirective, IgxLabelDirective] }) export class RadioGroupSampleComponent { diff --git a/src/app/data-entries/radio/radio-group-vertical/radio-group-vertical.component.ts b/src/app/data-entries/radio/radio-group-vertical/radio-group-vertical.component.ts index 1177232f62..ab52bf7bfc 100644 --- a/src/app/data-entries/radio/radio-group-vertical/radio-group-vertical.component.ts +++ b/src/app/data-entries/radio/radio-group-vertical/radio-group-vertical.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxRadioComponent, IgxRadioGroupDirective, RadioGroupAlignment } from 'igniteui-angular/radio'; import { FormsModule } from '@angular/forms'; @@ -6,6 +6,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-radio-group-vertical', styleUrls: ['./radio-group-vertical.component.scss'], templateUrl: './radio-group-vertical.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxRadioGroupDirective, IgxRadioComponent, FormsModule] }) export class RadioGroupVerticalComponent { diff --git a/src/app/data-entries/radio/radio-sample-1/radio-sample-1.component.ts b/src/app/data-entries/radio/radio-sample-1/radio-sample-1.component.ts index 9040353575..bd34f7dc75 100644 --- a/src/app/data-entries/radio/radio-sample-1/radio-sample-1.component.ts +++ b/src/app/data-entries/radio/radio-sample-1/radio-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxRadioComponent } from 'igniteui-angular/radio'; import { FormsModule } from '@angular/forms'; @@ -6,6 +6,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-radio-sample-1', styleUrls: ['./radio-sample-1.component.scss'], templateUrl: './radio-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxRadioComponent, FormsModule] }) export class RadioSample1Component { diff --git a/src/app/data-entries/radio/radio-sample-2/radio-sample-2.component.ts b/src/app/data-entries/radio/radio-sample-2/radio-sample-2.component.ts index b0ca495fd1..4dbcb071d3 100644 --- a/src/app/data-entries/radio/radio-sample-2/radio-sample-2.component.ts +++ b/src/app/data-entries/radio/radio-sample-2/radio-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxRadioComponent } from 'igniteui-angular/radio'; import { FormsModule } from '@angular/forms'; @@ -7,6 +7,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-radio-sample-2', styleUrls: ['./radio-sample-2.component.scss'], templateUrl: './radio-sample-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxRadioComponent, FormsModule] }) export class RadioSample2Component { diff --git a/src/app/data-entries/radio/radio-sample-3/radio-sample-3.component.ts b/src/app/data-entries/radio/radio-sample-3/radio-sample-3.component.ts index 5ba8c18c3e..d5602a38ae 100644 --- a/src/app/data-entries/radio/radio-sample-3/radio-sample-3.component.ts +++ b/src/app/data-entries/radio/radio-sample-3/radio-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxRadioComponent } from 'igniteui-angular/radio'; import { FormsModule } from '@angular/forms'; @@ -6,6 +6,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-radio-sample-3', styleUrls: ['./radio-sample-3.component.scss'], templateUrl: './radio-sample-3.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxRadioComponent, FormsModule] }) export class RadioSample3Component { diff --git a/src/app/data-entries/radio/radio-styling-sample/radio-styling-sample.component.ts b/src/app/data-entries/radio/radio-styling-sample/radio-styling-sample.component.ts index a0382f9229..8ad8b11315 100644 --- a/src/app/data-entries/radio/radio-styling-sample/radio-styling-sample.component.ts +++ b/src/app/data-entries/radio/radio-styling-sample/radio-styling-sample.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxRadioComponent } from 'igniteui-angular/radio'; import { FormsModule } from '@angular/forms'; @@ -6,6 +6,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-radio-sample-1', styleUrls: ['./radio-styling-sample.component.scss'], templateUrl: './radio-styling-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxRadioComponent, FormsModule] }) export class RadioStylingSampleComponent { diff --git a/src/app/data-entries/radio/radio-tailwind-styling-sample/radio-tailwind-styling-sample.component.ts b/src/app/data-entries/radio/radio-tailwind-styling-sample/radio-tailwind-styling-sample.component.ts index 4618d4de52..c90bf24315 100644 --- a/src/app/data-entries/radio/radio-tailwind-styling-sample/radio-tailwind-styling-sample.component.ts +++ b/src/app/data-entries/radio/radio-tailwind-styling-sample/radio-tailwind-styling-sample.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxRadioComponent } from 'igniteui-angular/radio'; import { FormsModule } from '@angular/forms'; @@ -6,6 +6,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-radio-tailwind-styling', styleUrls: ['./radio-tailwind-styling-sample.component.scss'], templateUrl: './radio-tailwind-styling-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxRadioComponent, FormsModule] }) export class RadioTailwindStylingSampleComponent { diff --git a/src/app/data-entries/rating/rating-form/rating-form.component.ts b/src/app/data-entries/rating/rating-form/rating-form.component.ts index 821ff3bad1..aca9918355 100644 --- a/src/app/data-entries/rating/rating-form/rating-form.component.ts +++ b/src/app/data-entries/rating/rating-form/rating-form.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgcRatingComponent, defineComponents } from 'igniteui-webcomponents'; import { FormsModule } from '@angular/forms'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; @@ -13,6 +13,7 @@ defineComponents(IgcRatingComponent) selector: 'app-rating-sample', styleUrls: ['./rating-form.component.scss'], templateUrl: './rating-form.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, IgxCardComponent, IgxCardMediaDirective, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardContentDirective, IgxCardHeaderSubtitleDirective, IgcFormControlDirective, IgxCardActionsComponent, IgxButtonDirective, IgxRippleDirective, IgxPrefixDirective, IgxIconButtonDirective, IgxSuffixDirective, IgxIconComponent, CurrencyPipe] }) export class RatingInFormComponent { diff --git a/src/app/data-entries/select/select-header-footer/select-header-footer.component.ts b/src/app/data-entries/select/select-header-footer/select-header-footer.component.ts index 268780336c..7f91fe9d0d 100644 --- a/src/app/data-entries/select/select-header-footer/select-header-footer.component.ts +++ b/src/app/data-entries/select/select-header-footer/select-header-footer.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, ElementRef, OnInit, inject } from '@angular/core'; +import { ChangeDetectorRef, Component, ElementRef, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxSelectComponent, IgxSelectFooterDirective, IgxSelectHeaderDirective, IgxSelectItemComponent } from 'igniteui-angular/select'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -9,6 +9,7 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-select-header-footer', styleUrls: ['select-header-footer.component.scss'], templateUrl: 'select-header-footer.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSelectComponent, IgxLabelDirective, IgxSelectItemComponent, IgxIconComponent, IgxSelectHeaderDirective, IgxButtonGroupComponent, IgxButtonDirective, IgxSelectFooterDirective] }) export class SelectHeaderFooterComponent implements OnInit { diff --git a/src/app/data-entries/select/select-input-directives/select-input-directives.ts b/src/app/data-entries/select/select-input-directives/select-input-directives.ts index eed531ced8..2fda3e6c8e 100644 --- a/src/app/data-entries/select/select-input-directives/select-input-directives.ts +++ b/src/app/data-entries/select/select-input-directives/select-input-directives.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; import { IgxHintDirective, IgxLabelDirective, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -9,6 +9,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-select-input-directives', styleUrls: ['select-input-directives.scss'], templateUrl: 'select-input-directives.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSelectComponent, FormsModule, IgxLabelDirective, IgxPrefixDirective, IgxSuffixDirective, IgxIconComponent, IgxHintDirective, IgxSelectItemComponent] }) diff --git a/src/app/data-entries/select/select-sample-1/select-sample-1.component.ts b/src/app/data-entries/select/select-sample-1/select-sample-1.component.ts index 9b49a87f85..82c919bf2c 100644 --- a/src/app/data-entries/select/select-sample-1/select-sample-1.component.ts +++ b/src/app/data-entries/select/select-sample-1/select-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -7,6 +7,7 @@ import { IgxLabelDirective } from 'igniteui-angular/input-group'; selector: 'app-select-sample-1', styleUrls: ['select-sample-1.component.scss'], templateUrl: 'select-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSelectComponent, IgxLabelDirective, IgxSelectItemComponent] }) export class SelectSample1Component { diff --git a/src/app/data-entries/select/select-sample-2/select-sample-2.component.ts b/src/app/data-entries/select/select-sample-2/select-sample-2.component.ts index 56e91d9e8e..eb60e99022 100644 --- a/src/app/data-entries/select/select-sample-2/select-sample-2.component.ts +++ b/src/app/data-entries/select/select-sample-2/select-sample-2.component.ts @@ -1,5 +1,5 @@ -import { Component, ElementRef, ViewChild, inject } from '@angular/core'; +import { Component, ElementRef, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxSelectComponent, IgxSelectGroupComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -9,6 +9,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-select-sample-2', styleUrls: ['select-sample-2.component.scss'], templateUrl: 'select-sample-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSelectComponent, IgxLabelDirective, IgxSelectGroupComponent, IgxSelectItemComponent, IgxIconComponent] }) export class SelectSample2Component { diff --git a/src/app/data-entries/select/select-sample-4/select-sample-4.component.ts b/src/app/data-entries/select/select-sample-4/select-sample-4.component.ts index 655d3642a8..72ceb72610 100644 --- a/src/app/data-entries/select/select-sample-4/select-sample-4.component.ts +++ b/src/app/data-entries/select/select-sample-4/select-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { AbsoluteScrollStrategy, ConnectedPositioningStrategy, HorizontalAlignment, OverlaySettings, PositionSettings, VerticalAlignment } from 'igniteui-angular/core'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -9,6 +9,7 @@ import { scaleInTop, scaleOutBottom } from 'igniteui-angular/animations'; selector: 'app-select-sample-4', styleUrls: ['select-sample-4.component.scss'], templateUrl: 'select-sample-4.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSelectComponent, IgxLabelDirective, IgxSelectItemComponent] }) export class SelectSample4Component implements OnInit { diff --git a/src/app/data-entries/select/select-styling/select-styling.component.ts b/src/app/data-entries/select/select-styling/select-styling.component.ts index a5ec650acb..9b2802eaef 100644 --- a/src/app/data-entries/select/select-styling/select-styling.component.ts +++ b/src/app/data-entries/select/select-styling/select-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { AbsoluteScrollStrategy, ConnectedPositioningStrategy, HorizontalAlignment, OverlaySettings, PositionSettings, VerticalAlignment } from 'igniteui-angular/core'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -9,6 +9,7 @@ import { scaleInTop, scaleOutBottom } from 'igniteui-angular/animations'; selector: 'app-select-styling', styleUrls: ['select-styling.component.scss'], templateUrl: 'select-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSelectComponent, IgxLabelDirective, IgxSelectItemComponent] }) export class SelectStylingComponent implements OnInit { diff --git a/src/app/data-entries/select/select-tailwind-styling/select-tailwind-styling.component.ts b/src/app/data-entries/select/select-tailwind-styling/select-tailwind-styling.component.ts index 474ebd00cf..3e68eb06a1 100644 --- a/src/app/data-entries/select/select-tailwind-styling/select-tailwind-styling.component.ts +++ b/src/app/data-entries/select/select-tailwind-styling/select-tailwind-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { AbsoluteScrollStrategy, ConnectedPositioningStrategy, HorizontalAlignment, OverlaySettings, PositionSettings, VerticalAlignment } from 'igniteui-angular/core'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -9,6 +9,7 @@ import { scaleInTop, scaleOutBottom } from 'igniteui-angular/animations'; selector: 'app-select-tailwind-styling', styleUrls: ['select-tailwind-styling.component.scss'], templateUrl: 'select-tailwind-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSelectComponent, IgxLabelDirective, IgxSelectItemComponent] }) export class SelectTailwindStylingComponent implements OnInit { diff --git a/src/app/data-entries/switch/switch-sample-1/switch-sample-1.component.ts b/src/app/data-entries/switch/switch-sample-1/switch-sample-1.component.ts index 906229df20..4de3869874 100644 --- a/src/app/data-entries/switch/switch-sample-1/switch-sample-1.component.ts +++ b/src/app/data-entries/switch/switch-sample-1/switch-sample-1.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @Component({ selector: 'app-switch-sample-1', styleUrls: ['./switch-sample-1.component.scss'], templateUrl: './switch-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent] }) export class SwitchSample1Component { } diff --git a/src/app/data-entries/switch/switch-sample-2/switch-sample-2.component.ts b/src/app/data-entries/switch/switch-sample-2/switch-sample-2.component.ts index 54c4e0d49a..5ff961bc82 100644 --- a/src/app/data-entries/switch/switch-sample-2/switch-sample-2.component.ts +++ b/src/app/data-entries/switch/switch-sample-2/switch-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @@ -6,6 +6,7 @@ import { IgxSwitchComponent } from 'igniteui-angular/switch'; selector: 'app-switch-sample-2', styleUrls: ['./switch-sample-2.component.scss'], templateUrl: './switch-sample-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent] }) export class SwitchSample2Component { diff --git a/src/app/data-entries/switch/switch-styling/switch-styling.component.ts b/src/app/data-entries/switch/switch-styling/switch-styling.component.ts index 31793317e2..5c42c4cb88 100644 --- a/src/app/data-entries/switch/switch-styling/switch-styling.component.ts +++ b/src/app/data-entries/switch/switch-styling/switch-styling.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @Component({ selector: 'app-switch-styling', styleUrls: ['./switch-styling.component.scss'], templateUrl: './switch-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent] }) export class SwitchStylingComponent { diff --git a/src/app/data-entries/switch/switch-tailwind-styling/switch-tailwind-styling.component.ts b/src/app/data-entries/switch/switch-tailwind-styling/switch-tailwind-styling.component.ts index e49904ee31..de125441e6 100644 --- a/src/app/data-entries/switch/switch-tailwind-styling/switch-tailwind-styling.component.ts +++ b/src/app/data-entries/switch/switch-tailwind-styling/switch-tailwind-styling.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @@ -6,6 +6,7 @@ import { IgxSwitchComponent } from 'igniteui-angular/switch'; selector: 'app-switch-tailwind-styling', styleUrls: ['./switch-tailwind-styling.component.scss'], templateUrl: './switch-tailwind-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent] }) export class SwitchTailwindStylingComponent { diff --git a/src/app/grid-lite/grid-lite-column-config-dynamic/grid-lite-column-config-dynamic.component.ts b/src/app/grid-lite/grid-lite-column-config-dynamic/grid-lite-column-config-dynamic.component.ts index 114085df12..e8b3f17598 100644 --- a/src/app/grid-lite/grid-lite-column-config-dynamic/grid-lite-column-config-dynamic.component.ts +++ b/src/app/grid-lite/grid-lite-column-config-dynamic/grid-lite-column-config-dynamic.component.ts @@ -1,4 +1,4 @@ -import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject } from '@angular/core'; +import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; import { CommonModule } from '@angular/common'; import { IgxButtonDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxCheckboxComponent } from 'igniteui-angular/checkbox'; @@ -28,6 +28,7 @@ defineComponents(IgcRatingComponent); IgxSwitchComponent ], schemas: [CUSTOM_ELEMENTS_SCHEMA], + changeDetection: ChangeDetectionStrategy.Eager, standalone: true }) export class GridLiteColumnConfigDynamicComponent implements OnInit { diff --git a/src/app/grid-lite/grid-lite-column-config-headers/grid-lite-column-config-headers.component.ts b/src/app/grid-lite/grid-lite-column-config-headers/grid-lite-column-config-headers.component.ts index b8e1c1e4a3..1980a7b5db 100644 --- a/src/app/grid-lite/grid-lite-column-config-headers/grid-lite-column-config-headers.component.ts +++ b/src/app/grid-lite/grid-lite-column-config-headers/grid-lite-column-config-headers.component.ts @@ -1,4 +1,4 @@ -import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject } from '@angular/core'; +import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; import { CommonModule } from '@angular/common'; import { defineComponents, IgcRatingComponent } from 'igniteui-webcomponents'; import { GridLiteDataService, ProductInfo } from '../grid-lite-data.service'; @@ -17,6 +17,7 @@ defineComponents(IgcRatingComponent); IgxGridLiteCellTemplateDirective, IgxGridLiteHeaderTemplateDirective ], + changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class GridLiteColumnConfigHeadersComponent implements OnInit { diff --git a/src/app/grid-lite/grid-lite-column-config-simple/grid-lite-column-config-simple.component.ts b/src/app/grid-lite/grid-lite-column-config-simple/grid-lite-column-config-simple.component.ts index 84538bf290..4c28a7c154 100644 --- a/src/app/grid-lite/grid-lite-column-config-simple/grid-lite-column-config-simple.component.ts +++ b/src/app/grid-lite/grid-lite-column-config-simple/grid-lite-column-config-simple.component.ts @@ -1,4 +1,4 @@ -import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject } from '@angular/core'; +import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; import { CommonModule } from '@angular/common'; import { defineComponents, IgcRatingComponent } from 'igniteui-webcomponents'; import { GridLiteDataService, ProductInfo } from '../grid-lite-data.service'; @@ -11,6 +11,7 @@ defineComponents(IgcRatingComponent); templateUrl: './grid-lite-column-config-simple.component.html', styleUrls: ['./grid-lite-column-config-simple.component.scss'], imports: [CommonModule, IgxGridLiteComponent, IgxGridLiteColumnComponent, IgxGridLiteCellTemplateDirective], + changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class GridLiteColumnConfigSimpleComponent implements OnInit { diff --git a/src/app/grid-lite/grid-lite-data-binding-dynamic/grid-lite-data-binding-dynamic.component.ts b/src/app/grid-lite/grid-lite-data-binding-dynamic/grid-lite-data-binding-dynamic.component.ts index 66d4ae5f89..4610f15ae4 100644 --- a/src/app/grid-lite/grid-lite-data-binding-dynamic/grid-lite-data-binding-dynamic.component.ts +++ b/src/app/grid-lite/grid-lite-data-binding-dynamic/grid-lite-data-binding-dynamic.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject } from '@angular/core'; +import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; import { CommonModule } from '@angular/common'; import { GridLiteDataService, ProductInfo, UserSimple } from '../grid-lite-data.service'; import { IgxGridLiteComponent, IgxGridLiteColumnComponent } from 'igniteui-angular/grids/lite'; @@ -8,6 +8,7 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-grid-lite-data-binding-dynamic', templateUrl: './grid-lite-data-binding-dynamic.component.html', styleUrls: ['./grid-lite-data-binding-dynamic.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [ CommonModule, IgxGridLiteComponent, diff --git a/src/app/grid-lite/grid-lite-filtering-events/grid-lite-filtering-events.component.ts b/src/app/grid-lite/grid-lite-filtering-events/grid-lite-filtering-events.component.ts index ee3c5b1106..d38ce4e867 100644 --- a/src/app/grid-lite/grid-lite-filtering-events/grid-lite-filtering-events.component.ts +++ b/src/app/grid-lite/grid-lite-filtering-events/grid-lite-filtering-events.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject } from '@angular/core'; +import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; import { CommonModule } from '@angular/common'; import { defineComponents, IgcCheckboxComponent } from 'igniteui-webcomponents'; import { GridLiteDataService, User } from '../grid-lite-data.service'; @@ -15,6 +15,7 @@ defineComponents(IgcCheckboxComponent); selector: 'app-grid-lite-filtering-events', templateUrl: './grid-lite-filtering-events.component.html', styleUrls: ['./grid-lite-filtering-events.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [ CommonModule, IgxGridLiteComponent, diff --git a/src/app/grid-lite/grid-lite-filtering-pipeline/grid-lite-filtering-pipeline.component.ts b/src/app/grid-lite/grid-lite-filtering-pipeline/grid-lite-filtering-pipeline.component.ts index 887fc8503e..d5e43f0db9 100644 --- a/src/app/grid-lite/grid-lite-filtering-pipeline/grid-lite-filtering-pipeline.component.ts +++ b/src/app/grid-lite/grid-lite-filtering-pipeline/grid-lite-filtering-pipeline.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject } from '@angular/core'; +import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; import { CommonModule } from '@angular/common'; import { defineComponents, IgcCheckboxComponent, IgcCircularProgressComponent } from 'igniteui-webcomponents'; import { GridLiteDataService, User } from '../grid-lite-data.service'; @@ -12,6 +12,7 @@ defineComponents(IgcCheckboxComponent, IgcCircularProgressComponent); selector: 'app-grid-lite-filtering-pipeline', templateUrl: './grid-lite-filtering-pipeline.component.html', styleUrls: ['./grid-lite-filtering-pipeline.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [ CommonModule, IgxGridLiteComponent, diff --git a/src/app/grid-lite/grid-lite-filtering-simple/grid-lite-filtering-simple.component.ts b/src/app/grid-lite/grid-lite-filtering-simple/grid-lite-filtering-simple.component.ts index 11c7b5d0ba..580a33857b 100644 --- a/src/app/grid-lite/grid-lite-filtering-simple/grid-lite-filtering-simple.component.ts +++ b/src/app/grid-lite/grid-lite-filtering-simple/grid-lite-filtering-simple.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject } from '@angular/core'; +import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; import { CommonModule } from '@angular/common'; import { defineComponents, IgcCheckboxComponent } from 'igniteui-webcomponents'; import { GridLiteDataService, User } from '../grid-lite-data.service'; @@ -11,6 +11,7 @@ defineComponents(IgcCheckboxComponent); selector: 'app-grid-lite-filtering-simple', templateUrl: './grid-lite-filtering-simple.component.html', styleUrls: ['./grid-lite-filtering-simple.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [ CommonModule, IgxGridLiteComponent, diff --git a/src/app/grid-lite/grid-lite-overview/grid-lite-overview.component.ts b/src/app/grid-lite/grid-lite-overview/grid-lite-overview.component.ts index 35ab9b0ff1..9ec35d42ee 100644 --- a/src/app/grid-lite/grid-lite-overview/grid-lite-overview.component.ts +++ b/src/app/grid-lite/grid-lite-overview/grid-lite-overview.component.ts @@ -1,4 +1,4 @@ -import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject } from '@angular/core'; +import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; import { CommonModule } from '@angular/common'; import { defineComponents, @@ -33,6 +33,7 @@ defineComponents( IgxBadgeComponent, IgxChipComponent ], + changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class GridLiteOverviewComponent implements OnInit { diff --git a/src/app/grid-lite/grid-lite-sorting-events/grid-lite-sorting-events.component.ts b/src/app/grid-lite/grid-lite-sorting-events/grid-lite-sorting-events.component.ts index b3d2585df9..a6dd22e1e4 100644 --- a/src/app/grid-lite/grid-lite-sorting-events/grid-lite-sorting-events.component.ts +++ b/src/app/grid-lite/grid-lite-sorting-events/grid-lite-sorting-events.component.ts @@ -1,4 +1,4 @@ -import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject } from '@angular/core'; +import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; import { CommonModule } from '@angular/common'; import { defineComponents, IgcRatingComponent } from 'igniteui-webcomponents'; import { GridLiteDataService, ProductInfo } from '../grid-lite-data.service'; @@ -20,6 +20,7 @@ defineComponents(IgcRatingComponent); IgxGridLiteColumnComponent, IgxGridLiteCellTemplateDirective ], + changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class GridLiteSortingEventsComponent implements OnInit { diff --git a/src/app/grid-lite/grid-lite-sorting-grid-config/grid-lite-sorting-grid-config.component.ts b/src/app/grid-lite/grid-lite-sorting-grid-config/grid-lite-sorting-grid-config.component.ts index 73b2fbf61b..db4f89b466 100644 --- a/src/app/grid-lite/grid-lite-sorting-grid-config/grid-lite-sorting-grid-config.component.ts +++ b/src/app/grid-lite/grid-lite-sorting-grid-config/grid-lite-sorting-grid-config.component.ts @@ -1,4 +1,4 @@ -import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject, ViewChild, ElementRef } from '@angular/core'; +import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject, ViewChild, ElementRef, ChangeDetectionStrategy } from '@angular/core'; import { CommonModule } from '@angular/common'; import { defineComponents, IgcRatingComponent, IgcSwitchComponent } from 'igniteui-webcomponents'; import { IgcGridLite } from 'igniteui-grid-lite'; @@ -17,6 +17,7 @@ defineComponents(IgcRatingComponent, IgcSwitchComponent); IgxGridLiteColumnComponent, IgxGridLiteCellTemplateDirective ], + changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class GridLiteSortingGridConfigComponent implements OnInit { diff --git a/src/app/grid-lite/grid-lite-sorting-pipeline/grid-lite-sorting-pipeline.component.ts b/src/app/grid-lite/grid-lite-sorting-pipeline/grid-lite-sorting-pipeline.component.ts index f65dbd5fc3..41e74bca9e 100644 --- a/src/app/grid-lite/grid-lite-sorting-pipeline/grid-lite-sorting-pipeline.component.ts +++ b/src/app/grid-lite/grid-lite-sorting-pipeline/grid-lite-sorting-pipeline.component.ts @@ -1,4 +1,4 @@ -import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, ViewChild, ElementRef, inject } from '@angular/core'; +import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, ViewChild, ElementRef, inject, ChangeDetectionStrategy } from '@angular/core'; import { CommonModule } from '@angular/common'; import { defineComponents, IgcRatingComponent } from 'igniteui-webcomponents'; import { GridLiteDataService, ProductInfo } from '../grid-lite-data.service'; @@ -18,6 +18,7 @@ defineComponents(IgcRatingComponent); IgxGridLiteCellTemplateDirective, IgxCircularProgressBarComponent ], + changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class GridLiteSortingPipelineComponent implements OnInit { diff --git a/src/app/grid-lite/grid-lite-sorting-simple/grid-lite-sorting-simple.component.ts b/src/app/grid-lite/grid-lite-sorting-simple/grid-lite-sorting-simple.component.ts index db74d1a4e4..4c4441c4f1 100644 --- a/src/app/grid-lite/grid-lite-sorting-simple/grid-lite-sorting-simple.component.ts +++ b/src/app/grid-lite/grid-lite-sorting-simple/grid-lite-sorting-simple.component.ts @@ -1,4 +1,4 @@ -import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject } from '@angular/core'; +import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; import { CommonModule } from '@angular/common'; import { defineComponents, IgcRatingComponent } from 'igniteui-webcomponents'; import { GridLiteDataService, ProductInfo } from '../grid-lite-data.service'; @@ -16,6 +16,7 @@ defineComponents(IgcRatingComponent); IgxGridLiteColumnComponent, IgxGridLiteCellTemplateDirective ], + changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class GridLiteSortingSimpleComponent implements OnInit { diff --git a/src/app/grid-lite/grid-lite-styling-custom/grid-lite-styling-custom.component.ts b/src/app/grid-lite/grid-lite-styling-custom/grid-lite-styling-custom.component.ts index 427e2ccf14..40b423f95f 100644 --- a/src/app/grid-lite/grid-lite-styling-custom/grid-lite-styling-custom.component.ts +++ b/src/app/grid-lite/grid-lite-styling-custom/grid-lite-styling-custom.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject, ViewEncapsulation } from '@angular/core'; +import { Component, OnInit, inject, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; import { CommonModule } from '@angular/common'; import { defineComponents, IgcSwitchComponent } from 'igniteui-webcomponents'; import { GridLiteDataService, ProductInfo } from '../grid-lite-data.service'; @@ -12,6 +12,7 @@ defineComponents(IgcSwitchComponent); templateUrl: './grid-lite-styling-custom.component.html', styleUrls: ['./grid-lite-styling-custom.component.scss'], encapsulation: ViewEncapsulation.None, + changeDetection: ChangeDetectionStrategy.Eager, imports: [ CommonModule, IgxGridLiteComponent, diff --git a/src/app/grid-lite/grid-lite-styling-themes/grid-lite-styling-themes.component.ts b/src/app/grid-lite/grid-lite-styling-themes/grid-lite-styling-themes.component.ts index 191b0e613c..8541ff8298 100644 --- a/src/app/grid-lite/grid-lite-styling-themes/grid-lite-styling-themes.component.ts +++ b/src/app/grid-lite/grid-lite-styling-themes/grid-lite-styling-themes.component.ts @@ -1,4 +1,4 @@ -import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject } from '@angular/core'; +import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; import { CommonModule } from '@angular/common'; import { defineComponents, IgcRatingComponent, IgcSelectComponent, IgcSelectItemComponent } from 'igniteui-webcomponents'; import { GridLiteDataService, ProductInfo } from '../grid-lite-data.service'; @@ -18,6 +18,7 @@ defineComponents(IgcRatingComponent); IgxSelectComponent, IgxSelectItemComponent ], + changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class GridLiteStylingThemesComponent implements OnInit { diff --git a/src/app/grid/column-group-selection-sample/column-group-selection-sample.component.ts b/src/app/grid/column-group-selection-sample/column-group-selection-sample.component.ts index 0ee74e32c6..7fd65ac9fa 100644 --- a/src/app/grid/column-group-selection-sample/column-group-selection-sample.component.ts +++ b/src/app/grid/column-group-selection-sample/column-group-selection-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { DATA } from '../../data/customers'; @@ -7,6 +7,7 @@ import { DATA } from '../../data/customers'; selector: 'app-gird-column-group-selection', templateUrl: './column-group-selection-sample.component.html', styleUrls: ['./column-group-selection-sample.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxColumnGroupComponent, IgxColumnComponent] }) export class GridColumnGroupSelectionComponent implements OnInit, AfterViewInit { diff --git a/src/app/grid/column-selection-sample/column-selection-sample.component.ts b/src/app/grid/column-selection-sample/column-selection-sample.component.ts index 0a5d9f3742..486e237ccc 100644 --- a/src/app/grid/column-selection-sample/column-selection-sample.component.ts +++ b/src/app/grid/column-selection-sample/column-selection-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; @@ -10,6 +10,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-grid-column-selection', templateUrl: './column-selection-sample.component.html', styleUrls: ['./column-selection-sample.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxGridToolbarComponent, IgxSelectComponent, FormsModule, IgxLabelDirective, IgxSelectItemComponent, IgxColumnComponent] }) export class GridColumnSelectionComponent implements OnInit, AfterViewInit { diff --git a/src/app/grid/column-selection-styles/column-selection-styles.component.ts b/src/app/grid/column-selection-styles/column-selection-styles.component.ts index 42275d8c09..bc09f761c2 100644 --- a/src/app/grid/column-selection-styles/column-selection-styles.component.ts +++ b/src/app/grid/column-selection-styles/column-selection-styles.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { DATA } from '../../data/customers'; @@ -7,6 +7,7 @@ import { DATA } from '../../data/customers'; selector: 'app-gird-column-selection-styles', templateUrl: './column-selection-styles.component.html', styleUrls: ['./column-selection-styles.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxColumnComponent] }) export class GridColumnSelectionStylesComponent implements OnInit, AfterViewInit { diff --git a/src/app/grid/custom-grid-paging-style/custom-grid-paging-style.component.ts b/src/app/grid/custom-grid-paging-style/custom-grid-paging-style.component.ts index 146c54c3bd..55cb75c345 100644 --- a/src/app/grid/custom-grid-paging-style/custom-grid-paging-style.component.ts +++ b/src/app/grid/custom-grid-paging-style/custom-grid-paging-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, OnInit } from '@angular/core'; +import { Component, ViewChild, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -12,6 +12,7 @@ import { DecimalPipe } from '@angular/common'; selector: 'app-custom-grid-paging-style-sample', styleUrls: ['custom-grid-paging-style.component.scss'], templateUrl: 'custom-grid-paging-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxIconButtonDirective, IgxIconComponent, DecimalPipe] }) diff --git a/src/app/grid/grid-action-strip/grid-action-strip-sample.ts b/src/app/grid/grid-action-strip/grid-action-strip-sample.ts index 2d907fd158..faacb71c40 100644 --- a/src/app/grid/grid-action-strip/grid-action-strip-sample.ts +++ b/src/app/grid/grid-action-strip/grid-action-strip-sample.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, IgxGridPinningActionsComponent, RowType } from 'igniteui-angular/grids/core'; import { Transaction } from 'igniteui-angular/core'; @@ -13,6 +13,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-row-action-strip', styleUrls: [`grid-action-strip-sample.scss`], templateUrl: 'grid-action-strip-sample.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxActionStripComponent, IgxGridPinningActionsComponent, IgxIconButtonDirective, IgxRippleDirective, IgxIconComponent] }) export class GridActionStripSampleComponent { diff --git a/src/app/grid/grid-add-row-sample/grid-add-row-sample.component.ts b/src/app/grid/grid-add-row-sample/grid-add-row-sample.component.ts index 0c5464b7b1..c1c3e125d3 100644 --- a/src/app/grid/grid-add-row-sample/grid-add-row-sample.component.ts +++ b/src/app/grid/grid-add-row-sample/grid-add-row-sample.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { DATA } from '../../data/nwindData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellEditorTemplateDirective, IgxColumnComponent, IgxGridEditingActionsComponent } from 'igniteui-angular/grids/core'; @@ -11,6 +11,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-grid-add-row', styleUrls: [`grid-add-row-sample.component.scss`], templateUrl: 'grid-add-row-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxColumnComponent, IgxCellEditorTemplateDirective, IgxInputGroupComponent, FormsModule, IgxInputDirective, IgxFocusDirective, IgxActionStripComponent, IgxGridEditingActionsComponent] }) export class GridAddRowSampleComponent { diff --git a/src/app/grid/grid-advanced-filtering-sample/grid-advanced-filtering-sample.component.ts b/src/app/grid/grid-advanced-filtering-sample/grid-advanced-filtering-sample.component.ts index c231d962a1..27f0e80043 100644 --- a/src/app/grid/grid-advanced-filtering-sample/grid-advanced-filtering-sample.component.ts +++ b/src/app/grid/grid-advanced-filtering-sample/grid-advanced-filtering-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { DATA } from '../../data/nwindData'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-advanced-filtering-sample', styleUrls: ['./grid-advanced-filtering-sample.component.scss'], templateUrl: 'grid-advanced-filtering-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxColumnComponent, IgxCellTemplateDirective] }) export class GridAdvancedFilteringSampleComponent implements OnInit { diff --git a/src/app/grid/grid-advanced-filtering-style/grid-advanced-filtering-style.component.ts b/src/app/grid/grid-advanced-filtering-style/grid-advanced-filtering-style.component.ts index 9c1c045e63..a95d482eed 100644 --- a/src/app/grid/grid-advanced-filtering-style/grid-advanced-filtering-style.component.ts +++ b/src/app/grid/grid-advanced-filtering-style/grid-advanced-filtering-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { DATA } from '../../data/nwindData'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-adf-style-sample', styleUrls: ['./grid-advanced-filtering-style.component.scss'], templateUrl: 'grid-advanced-filtering-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxColumnComponent, IgxCellTemplateDirective] }) export class GridAdvancedFilteringStyleComponent implements OnInit { diff --git a/src/app/grid/grid-allData-summary/grid-allData-summary.component.ts b/src/app/grid/grid-allData-summary/grid-allData-summary.component.ts index 436500c7a0..6aff18516d 100644 --- a/src/app/grid/grid-allData-summary/grid-allData-summary.component.ts +++ b/src/app/grid/grid-allData-summary/grid-allData-summary.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxSummaryResult } from 'igniteui-angular/core'; @@ -37,6 +37,7 @@ class DiscontinuedSummary { selector: 'app-grid-all-data-summary', styleUrls: ['./grid-allData-summary.component.scss'], templateUrl: './grid-allData-summary.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent] }) export class GridAllDataSummaryComponent { diff --git a/src/app/grid/grid-batch-editing/grid-batch-editing-sample.component.ts b/src/app/grid/grid-batch-editing/grid-batch-editing-sample.component.ts index ea0aa1f83b..125377bc99 100644 --- a/src/app/grid/grid-batch-editing/grid-batch-editing-sample.component.ts +++ b/src/app/grid/grid-batch-editing/grid-batch-editing-sample.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { Transaction } from 'igniteui-angular/core'; @@ -14,6 +14,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-row-edit', styleUrls: [`grid-batch-editing-sample.component.scss`], templateUrl: 'grid-batch-editing-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxButtonDirective, IgxDialogComponent] }) export class GridBatchEditingSampleComponent implements OnInit { diff --git a/src/app/grid/grid-batchEditing-remotePaging/batch-editing-remote-paging.component.ts b/src/app/grid/grid-batchEditing-remotePaging/batch-editing-remote-paging.component.ts index 1974cd23a4..3c4da99b53 100644 --- a/src/app/grid/grid-batchEditing-remotePaging/batch-editing-remote-paging.component.ts +++ b/src/app/grid/grid-batchEditing-remotePaging/batch-editing-remote-paging.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { AfterViewInit, Component, OnDestroy, OnInit, ViewChild, ViewEncapsulation, inject } from '@angular/core'; +import { AfterViewInit, Component, OnDestroy, OnInit, ViewChild, ViewEncapsulation, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { Transaction } from 'igniteui-angular/core'; @@ -17,6 +17,7 @@ import { AsyncPipe } from '@angular/common'; selector: 'app-remote-paging-batch-editing', styleUrls: ['./batch-editing-remote-paging.component.scss'], templateUrl: './batch-editing-remote-paging.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxPaginatorContentDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxButtonDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxDialogComponent, AsyncPipe] }) export class RemotePagingBatchEditingComponent implements OnInit, AfterViewInit, OnDestroy { diff --git a/src/app/grid/grid-cascading-combos/grid-cascading-combos.component.ts b/src/app/grid/grid-cascading-combos/grid-cascading-combos.component.ts index f1989af5b6..f52e1b12f6 100644 --- a/src/app/grid/grid-cascading-combos/grid-cascading-combos.component.ts +++ b/src/app/grid/grid-cascading-combos/grid-cascading-combos.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, inject, OnInit, QueryList, ViewChildren } from '@angular/core'; +import { Component, OnInit, QueryList, ViewChildren, ChangeDetectionStrategy } from '@angular/core'; import { ISimpleComboSelectionChangingEventArgs, IgxSimpleComboComponent } from 'igniteui-angular/simple-combo'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -13,11 +13,10 @@ import { FormsModule } from '@angular/forms'; selector: 'grid-cascading-combos', templateUrl: './grid-cascading-combos.component.html', styleUrls: ['./grid-cascading-combos.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxSimpleComboComponent, FormsModule, IgxLinearProgressBarComponent] }) export class GridCascadingCombosComponent implements OnInit { - private cdr = inject(ChangeDetectorRef); - @ViewChildren(IgxSimpleComboComponent) public combos: QueryList; @@ -57,7 +56,6 @@ export class GridCascadingCombosComponent implements OnInit { .map((c) => ({ name: c.region, country: c.country })) .filter((v, i, a) => a.findIndex((r) => r.name === v.name) === i); cell.row.data.loadingRegion = false; - this.cdr.markForCheck(); }, this.loadingTime); this.selectedRegionName = null; this.selectedCityId = null; @@ -82,7 +80,6 @@ export class GridCascadingCombosComponent implements OnInit { (c) => c.region === this.selectedRegionName ); cell.row.data.loadingCity = false; - this.cdr.markForCheck(); }, this.loadingTime); this.selectedCityId = null; this.loadingTime = 0; diff --git a/src/app/grid/grid-cell-merge-custom-sample/grid-cell-merge-custom-sample.component.ts b/src/app/grid/grid-cell-merge-custom-sample/grid-cell-merge-custom-sample.component.ts index 57430872d7..15191291cb 100644 --- a/src/app/grid/grid-cell-merge-custom-sample/grid-cell-merge-custom-sample.component.ts +++ b/src/app/grid/grid-cell-merge-custom-sample/grid-cell-merge-custom-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ViewEncapsulation } from '@angular/core'; +import { Component, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { GridCellMergeMode, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { DefaultMergeStrategy } from 'igniteui-angular/core'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-cell-merge-custom-sample', styleUrls: ['./grid-cell-merge-custom-sample.component.scss'], templateUrl: './grid-cell-merge-custom-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxGridComponent, IgxPreventDocumentScrollDirective, diff --git a/src/app/grid/grid-cell-merge-sample/grid-cell-merge-sample.component.ts b/src/app/grid/grid-cell-merge-sample/grid-cell-merge-sample.component.ts index fbe6ef9b2a..a398178409 100644 --- a/src/app/grid/grid-cell-merge-sample/grid-cell-merge-sample.component.ts +++ b/src/app/grid/grid-cell-merge-sample/grid-cell-merge-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ViewEncapsulation } from '@angular/core'; +import { Component, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; import { GridCellMergeMode, GridSelectionMode, IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; @@ -13,6 +13,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-grid-groupby-sample', styleUrls: ['./grid-cell-merge-sample.component.scss'], templateUrl: './grid-cell-merge-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxGridComponent, IgxPreventDocumentScrollDirective, diff --git a/src/app/grid/grid-cellSelection-sample/grid-cellSelection.component.ts b/src/app/grid/grid-cellSelection-sample/grid-cellSelection.component.ts index 114a441c15..d114054b0e 100644 --- a/src/app/grid/grid-cellSelection-sample/grid-cellSelection.component.ts +++ b/src/app/grid/grid-cellSelection-sample/grid-cellSelection.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnInit, Renderer2, ViewChild, inject } from '@angular/core'; +import { Component, ElementRef, OnInit, Renderer2, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; @@ -13,6 +13,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-cell-selection', styleUrls: ['./grid-cellSelection.component.scss'], templateUrl: 'grid-cellSelection.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxButtonDirective, IgxIconComponent, IgxSnackbarComponent] }) export class GridCellSelectionComponent implements OnInit { diff --git a/src/app/grid/grid-clipboard-operations-sample/grid-clipboard-operations-sample.component.ts b/src/app/grid/grid-clipboard-operations-sample/grid-clipboard-operations-sample.component.ts index a0ce4801ee..7b10978dd3 100644 --- a/src/app/grid/grid-clipboard-operations-sample/grid-clipboard-operations-sample.component.ts +++ b/src/app/grid/grid-clipboard-operations-sample/grid-clipboard-operations-sample.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { DATA } from '../../data/nwindData'; import { IgxHintDirective, IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -13,6 +13,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-clipboard-operations-sample', styleUrls: ['grid-clipboard-operations-sample.component.scss'], templateUrl: './grid-clipboard-operations-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxIconComponent, IgxHintDirective, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxSwitchComponent, IgxButtonDirective] }) export class GridClipboardSampleComponent { diff --git a/src/app/grid/grid-collapsible-columnGroups/grid-collapsible-column-groups.component.ts b/src/app/grid/grid-collapsible-columnGroups/grid-collapsible-column-groups.component.ts index 2e029298ab..cf008782eb 100644 --- a/src/app/grid/grid-collapsible-columnGroups/grid-collapsible-column-groups.component.ts +++ b/src/app/grid/grid-collapsible-columnGroups/grid-collapsible-column-groups.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxCollapsibleIndicatorTemplateDirective, IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -11,6 +11,7 @@ import { DatePipe } from '@angular/common'; selector: 'app-grid-collapsible-column-groups', styleUrls: ['./grid-collapsible-column-groups.component.scss'], templateUrl: './grid-collapsible-column-groups.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnGroupComponent, IgxCollapsibleIndicatorTemplateDirective, IgxIconComponent, IgxTooltipTargetDirective, IgxTooltipDirective, IgxColumnComponent, IgxCellTemplateDirective, DatePipe] }) export class GridCollapsibleColumnGroupsComponent implements OnInit { diff --git a/src/app/grid/grid-column-autosizing/grid-column-autosizing.component.ts b/src/app/grid/grid-column-autosizing/grid-column-autosizing.component.ts index 31f3c456c4..84e2cab537 100644 --- a/src/app/grid/grid-column-autosizing/grid-column-autosizing.component.ts +++ b/src/app/grid/grid-column-autosizing/grid-column-autosizing.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { DATA } from '../../data/customers'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -8,6 +8,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'grid-column-autosizing-sample', styleUrls: ['./grid-column-autosizing.component.scss'], templateUrl: 'grid-column-autosizing.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) diff --git a/src/app/grid/grid-column-data-types-sample/grid-column-data-types-sample.component.ts b/src/app/grid/grid-column-data-types-sample/grid-column-data-types-sample.component.ts index 269105ac51..655417e4da 100644 --- a/src/app/grid/grid-column-data-types-sample/grid-column-data-types-sample.component.ts +++ b/src/app/grid/grid-column-data-types-sample/grid-column-data-types-sample.component.ts @@ -1,5 +1,5 @@ /*eslint-disable*/ -import { Component, OnInit } from "@angular/core"; +import { Component, OnInit, ChangeDetectionStrategy } from "@angular/core"; import { registerLocaleData, NgClass } from "@angular/common"; import localeBG from '@angular/common/locales/bg'; import localeDE from '@angular/common/locales/de'; @@ -18,6 +18,7 @@ import { IgxPreventDocumentScrollDirective } from "../../directives/prevent-scro selector: "grid-column-data-types-sample", styleUrls: ["./grid-column-data-types-sample.component.scss"], templateUrl: "grid-column-data-types-sample.component.html", + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSelectComponent, FormsModule, IgxPrefixDirective, IgxSelectItemComponent, IgxHintDirective, IgxSuffixDirective, IgxIconComponent, IgxInputGroupComponent, IgxTooltipTargetDirective, IgxTooltipDirective, IgxInputDirective, NgClass, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class GridColumnDataTypesSampleComponent implements OnInit { diff --git a/src/app/grid/grid-column-hiding-sample/grid-column-hiding-sample.component.ts b/src/app/grid/grid-column-hiding-sample/grid-column-hiding-sample.component.ts index 03ed9b2924..3698558269 100644 --- a/src/app/grid/grid-column-hiding-sample/grid-column-hiding-sample.component.ts +++ b/src/app/grid/grid-column-hiding-sample/grid-column-hiding-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { DATA } from '../../data/customers'; import { IgxColumnActionsComponent, IgxColumnComponent, IgxColumnHidingDirective } from 'igniteui-angular/grids/core'; import { IgxRadioComponent } from 'igniteui-angular/radio'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-column-hiding-sample', styleUrls: ['./grid-column-hiding-sample.component.scss'], templateUrl: './grid-column-hiding-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxColumnActionsComponent, IgxColumnHidingDirective, IgxRadioComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class GridColumnHidingSampleComponent implements OnInit { diff --git a/src/app/grid/grid-column-hiding-toolbar-sample/grid-column-hiding-toolbar-sample.component.ts b/src/app/grid/grid-column-hiding-toolbar-sample/grid-column-hiding-toolbar-sample.component.ts index dbf5fa42bd..3092ef5e0f 100644 --- a/src/app/grid/grid-column-hiding-toolbar-sample/grid-column-hiding-toolbar-sample.component.ts +++ b/src/app/grid/grid-column-hiding-toolbar-sample/grid-column-hiding-toolbar-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnInit } from '@angular/core'; +import { AfterViewInit, Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { DATA } from '../../data/customers'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -8,6 +8,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-column-hiding-toolbar-sample', styleUrls: ['./grid-column-hiding-toolbar-sample.component.scss'], templateUrl: './grid-column-hiding-toolbar-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxColumnComponent] }) export class GridColumnHidingToolbarSampleComponent implements OnInit { diff --git a/src/app/grid/grid-column-hiding-toolbar-style/grid-column-hiding-toolbar-style.component.ts b/src/app/grid/grid-column-hiding-toolbar-style/grid-column-hiding-toolbar-style.component.ts index fdc256034a..52600901c4 100644 --- a/src/app/grid/grid-column-hiding-toolbar-style/grid-column-hiding-toolbar-style.component.ts +++ b/src/app/grid/grid-column-hiding-toolbar-style/grid-column-hiding-toolbar-style.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnInit } from '@angular/core'; +import { AfterViewInit, Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { DATA } from '../../data/customers'; import { IgxColumnActionsComponent, IgxColumnComponent, IgxColumnHidingDirective } from 'igniteui-angular/grids/core'; import { IgxRadioComponent } from 'igniteui-angular/radio'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-column-hiding-toolbar-style', styleUrls: ['./grid-column-hiding-toolbar-style.component.scss'], templateUrl: './grid-column-hiding-toolbar-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxColumnActionsComponent, IgxColumnHidingDirective, IgxRadioComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class GridColumnHidingToolbarStyleComponent implements OnInit { diff --git a/src/app/grid/grid-composite-data-binding/grid-composite-data.component.ts b/src/app/grid/grid-composite-data-binding/grid-composite-data.component.ts index e2c48d7891..8f0b262dfc 100644 --- a/src/app/grid/grid-composite-data-binding/grid-composite-data.component.ts +++ b/src/app/grid/grid-composite-data-binding/grid-composite-data.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { DATA } from '../../data/customers'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellEditorTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -10,6 +10,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-grid-composite-data', styleUrls: ['./grid-composite-data.component.scss'], templateUrl: './grid-composite-data.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxCellEditorTemplateDirective, IgxInputGroupComponent, FormsModule, IgxInputDirective] }) export class GridCompositeDataComponent implements OnInit { diff --git a/src/app/grid/grid-conditional-cell-style-2/grid-conditional-cell-style-2.component.ts b/src/app/grid/grid-conditional-cell-style-2/grid-conditional-cell-style-2.component.ts index 9c40fac6cc..f226e9d31e 100644 --- a/src/app/grid/grid-conditional-cell-style-2/grid-conditional-cell-style-2.component.ts +++ b/src/app/grid/grid-conditional-cell-style-2/grid-conditional-cell-style-2.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxHintDirective, IgxInputDirective, IgxInputGroupComponent } from 'igniteui-angular/input-group'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -10,6 +10,7 @@ import { JsonPipe } from '@angular/common'; selector: 'app-grid-conditional-cell-style-2', styleUrls: ['./grid-conditional-cell-style-2.component.scss'], templateUrl: './grid-conditional-cell-style-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxInputDirective, IgxHintDirective, IgxButtonDirective, IgxGridComponent, IgxColumnComponent, JsonPipe] }) export class GridConditionalCellStyle2Component implements OnInit { diff --git a/src/app/grid/grid-conditional-cell-style/grid-conditional-cell-style.component.ts b/src/app/grid/grid-conditional-cell-style/grid-conditional-cell-style.component.ts index 01b1d7f58d..ee5b27e8ba 100644 --- a/src/app/grid/grid-conditional-cell-style/grid-conditional-cell-style.component.ts +++ b/src/app/grid/grid-conditional-cell-style/grid-conditional-cell-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { athletesData } from '../../data/athletesData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -9,6 +9,7 @@ import { DecimalPipe, PercentPipe } from '@angular/common'; selector: 'app-grid-conditional-cell-style', styleUrls: ['./grid-conditional-cell-style.component.scss'], templateUrl: './grid-conditional-cell-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, DecimalPipe, PercentPipe] }) export class GridConditionalCellStyleComponent implements OnInit { diff --git a/src/app/grid/grid-conditional-row-selectors/grid-conditional-row-selectors-sample.component.ts b/src/app/grid/grid-conditional-row-selectors/grid-conditional-row-selectors-sample.component.ts index c592c5414a..5291b3d0b7 100644 --- a/src/app/grid/grid-conditional-row-selectors/grid-conditional-row-selectors-sample.component.ts +++ b/src/app/grid/grid-conditional-row-selectors/grid-conditional-row-selectors-sample.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IRowSelectionEventArgs, IgxColumnComponent, IgxRowSelectorDirective } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-conditional-row-selectors', styleUrls: ['./grid-conditional-row-selectors-sample.component.scss'], templateUrl: 'grid-conditional-row-selectors-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxRowSelectorDirective, IgxCheckboxComponent] }) diff --git a/src/app/grid/grid-contextmenu-sample/contextmenu/contextmenu.component.ts b/src/app/grid/grid-contextmenu-sample/contextmenu/contextmenu.component.ts index 633e88b0e7..36ee82e408 100644 --- a/src/app/grid/grid-contextmenu-sample/contextmenu/contextmenu.component.ts +++ b/src/app/grid/grid-contextmenu-sample/contextmenu/contextmenu.component.ts @@ -1,4 +1,4 @@ -import { Component, EventEmitter, Input, Output, DOCUMENT, inject } from '@angular/core'; +import { Component, EventEmitter, Input, Output, DOCUMENT, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { NgStyle } from '@angular/common'; @@ -9,6 +9,7 @@ interface ICopyData { selector: 'app-contextmenu', styleUrls: ['./contextmenu.component.scss'], templateUrl: './contextmenu.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [NgStyle, IgxIconComponent] }) export class ContextmenuComponent { diff --git a/src/app/grid/grid-contextmenu-sample/grid-contextmenu-sample.component.ts b/src/app/grid/grid-contextmenu-sample/grid-contextmenu-sample.component.ts index 4598a62b3d..ad41e08022 100644 --- a/src/app/grid/grid-contextmenu-sample/grid-contextmenu-sample.component.ts +++ b/src/app/grid/grid-contextmenu-sample/grid-contextmenu-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { DefaultSortingStrategy, SortingDirection } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -11,6 +11,7 @@ import { ContextmenuComponent } from './contextmenu/contextmenu.component'; selector: 'app-grid-contextmenu-sample', styleUrls: ['./grid-contextmenu-sample.component.scss'], templateUrl: './grid-contextmenu-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, ContextmenuComponent] }) diff --git a/src/app/grid/grid-crud-sample/crud-sample.component.ts b/src/app/grid/grid-crud-sample/crud-sample.component.ts index 2bee5d889e..89adb71873 100644 --- a/src/app/grid/grid-crud-sample/crud-sample.component.ts +++ b/src/app/grid/grid-crud-sample/crud-sample.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, OnInit, ViewChild, OnDestroy, inject } from '@angular/core'; +import { ChangeDetectorRef, Component, OnInit, ViewChild, OnDestroy, inject, ChangeDetectionStrategy } from '@angular/core'; import { GridPagingMode, IGridEditDoneEventArgs, IRowDataEventArgs, IgxColumnComponent, IgxGridEditingActionsComponent, IgxGridRow } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; @@ -15,6 +15,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-crud-sample', styleUrls: ['./crud-sample.component.scss'], templateUrl: './crud-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxActionStripComponent, IgxGridEditingActionsComponent, IgxSnackbarComponent] }) export class CRUDSampleComponent implements OnInit, OnDestroy { diff --git a/src/app/grid/grid-custom-filtering/grid-custom-filtering.component.ts b/src/app/grid/grid-custom-filtering/grid-custom-filtering.component.ts index e54d180cc1..95f52639fd 100644 --- a/src/app/grid/grid-custom-filtering/grid-custom-filtering.component.ts +++ b/src/app/grid/grid-custom-filtering/grid-custom-filtering.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { IFilteringOperation, IgxBooleanFilteringOperand, IgxStringFilteringOperand } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -10,6 +10,7 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-grid-custom-filtering', styleUrls: ['./grid-custom-filtering.component.scss'], templateUrl: './grid-custom-filtering.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, CurrencyPipe] }) export class GridCustomFilteringComponent implements OnInit { diff --git a/src/app/grid/grid-custom-kb-navigation/grid-custom-kb-navigation-sample.component.ts b/src/app/grid/grid-custom-kb-navigation/grid-custom-kb-navigation-sample.component.ts index 728efea2ec..c79a831dd5 100644 --- a/src/app/grid/grid-custom-kb-navigation/grid-custom-kb-navigation-sample.component.ts +++ b/src/app/grid/grid-custom-kb-navigation/grid-custom-kb-navigation-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { CellType, GridSelectionMode, IGridKeydownEventArgs, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-custom-kb-navigation-sample', styleUrls: ['./grid-custom-kb-navigation-sample.component.scss'], templateUrl: 'grid-custom-kb-navigation-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent] }) diff --git a/src/app/grid/grid-custom-remote-paging-sample/custom-remote-paging-sample.component.ts b/src/app/grid/grid-custom-remote-paging-sample/custom-remote-paging-sample.component.ts index 8dda9fc3a8..7f7156a5d3 100644 --- a/src/app/grid/grid-custom-remote-paging-sample/custom-remote-paging-sample.component.ts +++ b/src/app/grid/grid-custom-remote-paging-sample/custom-remote-paging-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnDestroy, OnInit, TemplateRef, ViewChild, ViewEncapsulation, inject } from '@angular/core'; +import { AfterViewInit, Component, OnDestroy, OnInit, TemplateRef, ViewChild, ViewEncapsulation, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxPaginatorComponent, IgxPaginatorContentDirective } from 'igniteui-angular/paginator'; @@ -14,6 +14,7 @@ import { RouterLink } from '@angular/router'; selector: 'app-custom-remote-paging-grid-sample', styleUrls: ['./custom-remote-paging-sample.component.scss'], templateUrl: './custom-remote-paging-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxPaginatorComponent, IgxPaginatorContentDirective, IgxButtonDirective, RouterLink, AsyncPipe] }) export class CustomRemotePagingGridSampleComponent implements OnInit, AfterViewInit, OnDestroy { diff --git a/src/app/grid/grid-custom-summaries-selection/grid-custom-summaries-selection.component.ts b/src/app/grid/grid-custom-summaries-selection/grid-custom-summaries-selection.component.ts index ba647ff4fc..68dd5a050a 100644 --- a/src/app/grid/grid-custom-summaries-selection/grid-custom-summaries-selection.component.ts +++ b/src/app/grid/grid-custom-summaries-selection/grid-custom-summaries-selection.component.ts @@ -1,5 +1,5 @@ import { formatDate } from '@angular/common'; -import { AfterViewInit, Component, ViewChild, OnInit, ChangeDetectorRef, inject } from '@angular/core'; +import { AfterViewInit, Component, ViewChild, OnInit, ChangeDetectorRef, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxDateSummaryOperand, IgxGridFooterComponent, IgxNumberSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxSummaryResult } from 'igniteui-angular/core'; @@ -36,6 +36,7 @@ class MySummary { selector: 'app-grid-sample', styleUrls: ['./grid-custom-summaries-selection.component.scss'], templateUrl: 'grid-custom-summaries-selection.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxGridFooterComponent] }) diff --git a/src/app/grid/grid-disable-summaries/grid-disable-summaries.component.ts b/src/app/grid/grid-disable-summaries/grid-disable-summaries.component.ts index ca61973f5c..4f9bf07b09 100644 --- a/src/app/grid/grid-disable-summaries/grid-disable-summaries.component.ts +++ b/src/app/grid/grid-disable-summaries/grid-disable-summaries.component.ts @@ -148,6 +148,7 @@ class DiscontinuedSummary { selector: "app-grid-summary-sample", styleUrls: ["./grid-disable-summaries.component.scss"], templateUrl: "grid-disable-summaries.component.html", + changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxGridComponent, IgxPreventDocumentScrollDirective, diff --git a/src/app/grid/grid-displaydensity-sample/grid-displaydensity-sample.component.ts b/src/app/grid/grid-displaydensity-sample/grid-displaydensity-sample.component.ts index 296ce7158d..7c39b84724 100644 --- a/src/app/grid/grid-displaydensity-sample/grid-displaydensity-sample.component.ts +++ b/src/app/grid/grid-displaydensity-sample/grid-displaydensity-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ViewChild } from '@angular/core'; +import { Component, HostBinding, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxColumnGroupComponent, IgxNumberSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; @@ -27,6 +27,7 @@ class CustomNumberSummary { selector: 'app-grid-displaydensity-sample', styleUrls: ['./grid-displaydensity-sample.component.scss'], templateUrl: './grid-displaydensity-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnGroupComponent, IgxColumnComponent, IgxCellTemplateDirective, DatePipe] }) export class GridDisplayDensitySampleComponent implements OnInit { diff --git a/src/app/grid/grid-drop-indicator/grid-drop-indicator.ts b/src/app/grid/grid-drop-indicator/grid-drop-indicator.ts index 962a41ec2c..d9a72171f4 100644 --- a/src/app/grid/grid-drop-indicator/grid-drop-indicator.ts +++ b/src/app/grid/grid-drop-indicator/grid-drop-indicator.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, AfterViewInit, OnDestroy, Renderer2, inject } from '@angular/core'; +import { Component, ViewChild, AfterViewInit, OnDestroy, Renderer2, inject, ChangeDetectionStrategy } from '@angular/core'; import { IDragMoveEventArgs, IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IRowDragStartEventArgs, IgxColumnComponent, IgxRowDirective } from 'igniteui-angular/grids/core'; @@ -12,6 +12,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-drop-indicator', styleUrls: ['grid-drop-indicator.scss'], templateUrl: 'grid-drop-indicator.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxDropDirective, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class GridDropIndicatorComponent implements AfterViewInit, OnDestroy { diff --git a/src/app/grid/grid-editing-events/grid-editing-events.component.ts b/src/app/grid/grid-editing-events/grid-editing-events.component.ts index 6a3e55586c..249ca44913 100644 --- a/src/app/grid/grid-editing-events/grid-editing-events.component.ts +++ b/src/app/grid/grid-editing-events/grid-editing-events.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { NgModel } from '@angular/forms'; import { IGridEditEventArgs, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -11,6 +11,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-editing-event', templateUrl: 'grid-editing-events.component.html', styleUrls: ['grid-editing-events.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxToastComponent] }) export class GridEditingEventsComponent implements OnInit { diff --git a/src/app/grid/grid-editing-excel-style/grid-editing-excel-style.component.ts b/src/app/grid/grid-editing-excel-style/grid-editing-excel-style.component.ts index d275792c9e..4bd962e0dd 100644 --- a/src/app/grid/grid-editing-excel-style/grid-editing-excel-style.component.ts +++ b/src/app/grid/grid-editing-excel-style/grid-editing-excel-style.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; +import { ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { Transaction } from 'igniteui-angular/core'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-excel-style-editing-sample', styleUrls: [`grid-editing-excel-style.component.scss`], templateUrl: 'grid-editing-excel-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class GridExcelStyleEditingComponent implements OnInit { diff --git a/src/app/grid/grid-editing-lifecycle-sample/grid-editing-lifecycle.component.ts b/src/app/grid/grid-editing-lifecycle-sample/grid-editing-lifecycle.component.ts index acd05a4c4f..281f4e2b0e 100644 --- a/src/app/grid/grid-editing-lifecycle-sample/grid-editing-lifecycle.component.ts +++ b/src/app/grid/grid-editing-lifecycle-sample/grid-editing-lifecycle.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, Renderer2, ViewChild, inject } from '@angular/core'; +import { Component, ElementRef, Renderer2, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { contains } from '@igniteui/material-icons-extended'; import { DATA } from '../../data/nwindData'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @@ -12,6 +12,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-editing-lifecycle', templateUrl: 'grid-editing-lifecycle.component.html', styleUrls: ['grid-editing-lifecycle.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxButtonDirective, IgxIconComponent] }) export class GridEditingLifecycleComponent { diff --git a/src/app/grid/grid-editing-sample/grid-editing-sample.component.ts b/src/app/grid/grid-editing-sample/grid-editing-sample.component.ts index fabd81d2e1..700703c1d1 100644 --- a/src/app/grid/grid-editing-sample/grid-editing-sample.component.ts +++ b/src/app/grid/grid-editing-sample/grid-editing-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnInit, ViewChild } from '@angular/core'; +import { AfterViewInit, Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxSummaryResult, VerticalAlignment } from 'igniteui-angular/core'; @@ -42,6 +42,7 @@ class NumberSummary { selector: 'app-grid-editing-sample', styleUrls: ['./grid-editing-sample.component.scss'], templateUrl: './grid-editing-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxGridToolbarComponent, IgxButtonDirective, IgxIconComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxCellEditorTemplateDirective, FormsModule, IgxComboComponent, IgxFocusDirective, IgxIconButtonDirective, IgxToastComponent, IgxDialogComponent, IgxInputGroupComponent, IgxLabelDirective, IgxInputDirective, IgxDatePickerComponent, IgxCheckboxComponent, DatePipe] }) export class GridEditingSampleComponent implements OnInit, AfterViewInit { diff --git a/src/app/grid/grid-editing-style-sample/grid-editing-style-sample.component.ts b/src/app/grid/grid-editing-style-sample/grid-editing-style-sample.component.ts index 985810beab..59a2599910 100644 --- a/src/app/grid/grid-editing-style-sample/grid-editing-style-sample.component.ts +++ b/src/app/grid/grid-editing-style-sample/grid-editing-style-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; import { IgxCellEditorTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -11,6 +11,7 @@ import { DatePipe } from '@angular/common'; selector: 'app-grid-editing-style-sample', styleUrls: ['./grid-editing-style-sample.component.scss'], templateUrl: './grid-editing-style-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxCellEditorTemplateDirective, FormsModule, DatePipe] }) export class GridEditingStyleSampleComponent implements OnInit { diff --git a/src/app/grid/grid-excel-style-filtering-load-on-demand/grid-excel-style-filtering-load-on-demand.component.ts b/src/app/grid/grid-excel-style-filtering-load-on-demand/grid-excel-style-filtering-load-on-demand.component.ts index 6ff6806c42..f9c85ea0d6 100644 --- a/src/app/grid/grid-excel-style-filtering-load-on-demand/grid-excel-style-filtering-load-on-demand.component.ts +++ b/src/app/grid/grid-excel-style-filtering-load-on-demand/grid-excel-style-filtering-load-on-demand.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject } from '@angular/core'; +import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; import { ColumnType, IFilteringExpressionsTree } from 'igniteui-angular/core'; import { IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro styleUrls: ['./grid-excel-style-filtering-load-on-demand.component.scss'], templateUrl: './grid-excel-style-filtering-load-on-demand.component.html', providers: [RemoteValuesService], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxColumnComponent] }) export class GridExcelStyleFilteringLoadOnDemandComponent implements OnInit { diff --git a/src/app/grid/grid-excel-style-filtering-sample-1/grid-excel-style-filtering-sample-1.component.ts b/src/app/grid/grid-excel-style-filtering-sample-1/grid-excel-style-filtering-sample-1.component.ts index c850550862..5167215021 100644 --- a/src/app/grid/grid-excel-style-filtering-sample-1/grid-excel-style-filtering-sample-1.component.ts +++ b/src/app/grid/grid-excel-style-filtering-sample-1/grid-excel-style-filtering-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ViewChild } from '@angular/core'; +import { Component, HostBinding, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent } from 'igniteui-angular/grids/core'; @@ -10,6 +10,7 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-grid-sample', styleUrls: ['./grid-excel-style-filtering-sample-1.component.scss'], templateUrl: 'grid-excel-style-filtering-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxColumnComponent, IgxCellTemplateDirective, CurrencyPipe] }) diff --git a/src/app/grid/grid-excel-style-filtering-sample-2/grid-excel-style-filtering-sample-2.component.ts b/src/app/grid/grid-excel-style-filtering-sample-2/grid-excel-style-filtering-sample-2.component.ts index 2c668951b9..e8b004f9fc 100644 --- a/src/app/grid/grid-excel-style-filtering-sample-2/grid-excel-style-filtering-sample-2.component.ts +++ b/src/app/grid/grid-excel-style-filtering-sample-2/grid-excel-style-filtering-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent } from 'igniteui-angular/grids/core'; import { DATA } from '../../data/nwindData'; @@ -9,6 +9,7 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-grid-sample', styleUrls: ['./grid-excel-style-filtering-sample-2.component.scss'], templateUrl: 'grid-excel-style-filtering-sample-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxColumnComponent, IgxCellTemplateDirective, CurrencyPipe] }) diff --git a/src/app/grid/grid-excel-style-filtering-sample-3/grid-excel-style-filtering-sample-3.component.ts b/src/app/grid/grid-excel-style-filtering-sample-3/grid-excel-style-filtering-sample-3.component.ts index a418475915..22f4295c0a 100644 --- a/src/app/grid/grid-excel-style-filtering-sample-3/grid-excel-style-filtering-sample-3.component.ts +++ b/src/app/grid/grid-excel-style-filtering-sample-3/grid-excel-style-filtering-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxExcelStyleColumnOperationsTemplateDirective, IgxExcelStyleFilterOperationsTemplateDirective, IgxExcelStyleHeaderComponent, IgxExcelStyleHeaderIconDirective, IgxExcelStyleSearchComponent, IgxExcelStyleSortingComponent, IgxGridExcelStyleFilteringComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent } from 'igniteui-angular/grids/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -10,6 +10,7 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-grid-sample', styleUrls: ['./grid-excel-style-filtering-sample-3.component.scss'], templateUrl: 'grid-excel-style-filtering-sample-3.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxExcelStyleHeaderIconDirective, IgxIconComponent, IgxGridExcelStyleFilteringComponent, IgxExcelStyleColumnOperationsTemplateDirective, IgxExcelStyleHeaderComponent, IgxExcelStyleSortingComponent, IgxExcelStyleFilterOperationsTemplateDirective, IgxExcelStyleSearchComponent, IgxColumnComponent, IgxCellTemplateDirective, CurrencyPipe] }) diff --git a/src/app/grid/grid-excel-style-filtering-style/grid-excel-style-filtering-style.component.ts b/src/app/grid/grid-excel-style-filtering-style/grid-excel-style-filtering-style.component.ts index 2862e1ec29..ca92d3ba6a 100644 --- a/src/app/grid/grid-excel-style-filtering-style/grid-excel-style-filtering-style.component.ts +++ b/src/app/grid/grid-excel-style-filtering-style/grid-excel-style-filtering-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { DATA } from '../../data/nwindData'; @@ -9,6 +9,7 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-grid-esf-style-sample', styleUrls: ['./grid-excel-style-filtering-style.component.scss'], templateUrl: 'grid-excel-style-filtering-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, CurrencyPipe] }) export class ExcelStyleFilteringStyleComponent implements OnInit { diff --git a/src/app/grid/grid-export-visualization/grid-export-visualization.component.ts b/src/app/grid/grid-export-visualization/grid-export-visualization.component.ts index 51d3b65fd7..3f572fdee0 100644 --- a/src/app/grid/grid-export-visualization/grid-export-visualization.component.ts +++ b/src/app/grid/grid-export-visualization/grid-export-visualization.component.ts @@ -1,4 +1,4 @@ -import { Component, inject, ChangeDetectorRef } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { DATA } from '../../data/nwindData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent } from 'igniteui-angular/grids/core'; @@ -10,10 +10,10 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-grid-export-visualization', templateUrl: './grid-export-visualization.component.html', styleUrls: ['./grid-export-visualization.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxButtonDirective, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, CurrencyPipe] }) export class GridExportVisualizationComponent { - private cdr = inject(ChangeDetectorRef); public localData = []; constructor() { for (let i = 0; i < 1000; i++) { @@ -33,9 +33,6 @@ export class GridExportVisualizationComponent { longRunning(toolbar: any) { toolbar.showProgress = true; - setTimeout(() => { - toolbar.showProgress = false; - this.cdr.markForCheck(); - }, 5000); + setTimeout(() => toolbar.showProgress = false, 5000); } } diff --git a/src/app/grid/grid-external-advanced-filtering/grid-external-advanced-filtering.component.ts b/src/app/grid/grid-external-advanced-filtering/grid-external-advanced-filtering.component.ts index 7a7f649785..de51bf5189 100644 --- a/src/app/grid/grid-external-advanced-filtering/grid-external-advanced-filtering.component.ts +++ b/src/app/grid/grid-external-advanced-filtering/grid-external-advanced-filtering.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxAdvancedFilteringDialogComponent, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { DATA } from '../../data/nwindData'; @@ -8,6 +8,7 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-grid-external-advanced-filtering', templateUrl: './grid-external-advanced-filtering.component.html', styleUrls: ['./grid-external-advanced-filtering.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAdvancedFilteringDialogComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, CurrencyPipe] }) export class GridExternalAdvancedFilteringComponent { diff --git a/src/app/grid/grid-external-excel-style-filtering/grid-external-excel-style-filtering.component.ts b/src/app/grid/grid-external-excel-style-filtering/grid-external-excel-style-filtering.component.ts index 05a34aca6d..e1e0553167 100644 --- a/src/app/grid/grid-external-excel-style-filtering/grid-external-excel-style-filtering.component.ts +++ b/src/app/grid/grid-external-excel-style-filtering/grid-external-excel-style-filtering.component.ts @@ -8,6 +8,7 @@ import { CurrencyPipe } from '@angular/common'; import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scroll.directive'; @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-grid-external-excel-style-filtering', templateUrl: './grid-external-excel-style-filtering.component.html', styleUrls: ['./grid-external-excel-style-filtering.component.scss'], diff --git a/src/app/grid/grid-external-outlet-sample/grid-external-outlet-sample.component.ts b/src/app/grid/grid-external-outlet-sample/grid-external-outlet-sample.component.ts index 239e4e7207..56c05ee08c 100644 --- a/src/app/grid/grid-external-outlet-sample/grid-external-outlet-sample.component.ts +++ b/src/app/grid/grid-external-outlet-sample/grid-external-outlet-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { DATA } from '../../data/nwindData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -10,6 +10,7 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-grid-external-outlet', styleUrls: ['./grid-external-outlet-sample.component.scss'], templateUrl: 'grid-external-outlet-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxOverlayOutletDirective, CurrencyPipe] }) diff --git a/src/app/grid/grid-filtering-sample/grid-filtering-sample.component.ts b/src/app/grid/grid-filtering-sample/grid-filtering-sample.component.ts index a5c1401ae3..bc02bb6148 100644 --- a/src/app/grid/grid-filtering-sample/grid-filtering-sample.component.ts +++ b/src/app/grid/grid-filtering-sample/grid-filtering-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxStringFilteringOperand } from 'igniteui-angular/core'; import { IgxInputDirective, IgxInputGroupComponent } from 'igniteui-angular/input-group'; @@ -11,6 +11,7 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-grid-sample', styleUrls: ['./grid-filtering-sample.component.scss'], templateUrl: 'grid-filtering-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxInputDirective, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, CurrencyPipe] }) diff --git a/src/app/grid/grid-filtering-style/grid-filtering-style.component.ts b/src/app/grid/grid-filtering-style/grid-filtering-style.component.ts index 08a89cd2bb..b2fc3bbf2b 100644 --- a/src/app/grid/grid-filtering-style/grid-filtering-style.component.ts +++ b/src/app/grid/grid-filtering-style/grid-filtering-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { DATA } from '../../data/nwindData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -9,6 +9,7 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-grid-filtering-style', styleUrls: ['./grid-filtering-style.component.scss'], templateUrl: './grid-filtering-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, CurrencyPipe] }) export class GridFilteringStyleComponent implements OnInit { diff --git a/src/app/grid/grid-filtering-template-sample/grid-filtering-template-sample.component.ts b/src/app/grid/grid-filtering-template-sample/grid-filtering-template-sample.component.ts index 192ec50d47..a680675b0d 100644 --- a/src/app/grid/grid-filtering-template-sample/grid-filtering-template-sample.component.ts +++ b/src/app/grid/grid-filtering-template-sample/grid-filtering-template-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { ColumnType, GridColumnDataType, IgxDateFilteringOperand, IgxNumberFilteringOperand, IgxPickerClearComponent, IgxPickerToggleComponent, IgxStringFilteringOperand } from 'igniteui-angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxFilterCellTemplateDirective } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -13,6 +13,7 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-grid-sample', styleUrls: ['./grid-filtering-template-sample.component.scss'], templateUrl: 'grid-filtering-template-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxFilterCellTemplateDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, IgxInputDirective, IgxSuffixDirective, IgxDatePickerComponent, IgxPickerToggleComponent, IgxPickerClearComponent, CurrencyPipe] }) diff --git a/src/app/grid/grid-formatted-filtering-strategy/grid-formatted-filtering-strategy.component.ts b/src/app/grid/grid-formatted-filtering-strategy/grid-formatted-filtering-strategy.component.ts index 87f6af46ff..ebaed4772d 100644 --- a/src/app/grid/grid-formatted-filtering-strategy/grid-formatted-filtering-strategy.component.ts +++ b/src/app/grid/grid-formatted-filtering-strategy/grid-formatted-filtering-strategy.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { FormattedValuesFilteringStrategy } from 'igniteui-angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-sample', styleUrls: ['./grid-formatted-filtering-strategy.component.scss'], templateUrl: 'grid-formatted-filtering-strategy.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) export class GridFormattedFilteringStrategyComponent implements OnInit { diff --git a/src/app/grid/grid-group-by-paging-sample/grid-group-by-paging-sample.component.ts b/src/app/grid/grid-group-by-paging-sample/grid-group-by-paging-sample.component.ts index e5c66c5324..a176a26529 100644 --- a/src/app/grid/grid-group-by-paging-sample/grid-group-by-paging-sample.component.ts +++ b/src/app/grid/grid-group-by-paging-sample/grid-group-by-paging-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { DefaultSortingStrategy, ISortingExpression, SortingDirection } from 'igniteui-angular/core'; import { GridSelectionMode, IgxColumnComponent, IgxGroupByRowTemplateDirective } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -12,6 +12,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-group-by-paging-sample', templateUrl: './grid-group-by-paging-sample.component.html', styleUrls: ['./grid-group-by-paging-sample.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxGroupByRowTemplateDirective, IgxIconComponent, IgxBadgeComponent] }) export class GridGroupByPagingSampleComponent { diff --git a/src/app/grid/grid-groupby-custom-sample/grid-groupby-custom-sample.component.ts b/src/app/grid/grid-groupby-custom-sample/grid-groupby-custom-sample.component.ts index 0f86d868b4..096a847ba7 100644 --- a/src/app/grid/grid-groupby-custom-sample/grid-groupby-custom-sample.component.ts +++ b/src/app/grid/grid-groupby-custom-sample/grid-groupby-custom-sample.component.ts @@ -1,5 +1,5 @@ /* eslint-disable max-len */ -import { Component, ViewChild, ViewEncapsulation } from '@angular/core'; +import { Component, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; import { DefaultSortingStrategy, SortingDirection } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarComponent, IgxGroupByRowTemplateDirective } from 'igniteui-angular/grids/core'; @@ -16,6 +16,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-groupby-custom-sample', styleUrls: ['./grid-groupby-custom-sample.component.scss'], templateUrl: './grid-groupby-custom-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxDropDownComponent, IgxDropDownItemComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxGroupByRowTemplateDirective, IgxIconComponent, IgxBadgeComponent, CurrencyPipe, DatePipe] }) export class GridGroupByCustomSampleComponent { diff --git a/src/app/grid/grid-groupby-sample/grid-groupby-sample.component.ts b/src/app/grid/grid-groupby-sample/grid-groupby-sample.component.ts index b17535e5e7..7d7061c872 100644 --- a/src/app/grid/grid-groupby-sample/grid-groupby-sample.component.ts +++ b/src/app/grid/grid-groupby-sample/grid-groupby-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ViewEncapsulation } from '@angular/core'; +import { Component, OnInit, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; import { DefaultSortingStrategy, ISortingExpression, SortingDirection } from 'igniteui-angular/core'; import { GridSelectionMode, IgxCellTemplateDirective, IgxColumnComponent, IgxGroupByRowTemplateDirective } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -13,6 +13,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-groupby-sample', styleUrls: ['./grid-groupby-sample.component.scss'], templateUrl: './grid-groupby-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxGroupByRowTemplateDirective, IgxIconComponent, IgxBadgeComponent] }) export class GridGroupBySampleComponent { diff --git a/src/app/grid/grid-groupby-styling/grid-groupby-styling.component.ts b/src/app/grid/grid-groupby-styling/grid-groupby-styling.component.ts index 40eb9c0552..4533dde3c8 100644 --- a/src/app/grid/grid-groupby-styling/grid-groupby-styling.component.ts +++ b/src/app/grid/grid-groupby-styling/grid-groupby-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ViewEncapsulation } from '@angular/core'; +import { Component, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; import { DefaultSortingStrategy, ISortingExpression, SortingDirection } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -11,6 +11,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-groupby-sample', styleUrls: ['./grid-groupby-styling.component.scss'], templateUrl: './grid-groupby-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) export class GridGroupByStylingComponent { diff --git a/src/app/grid/grid-groupby-summary-sample/grid-groupby-summary-sample.component.ts b/src/app/grid/grid-groupby-summary-sample/grid-groupby-summary-sample.component.ts index 709cd966e7..4766e712ad 100644 --- a/src/app/grid/grid-groupby-summary-sample/grid-groupby-summary-sample.component.ts +++ b/src/app/grid/grid-groupby-summary-sample/grid-groupby-summary-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ViewEncapsulation } from '@angular/core'; +import { Component, OnInit, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; import { DefaultSortingStrategy, GridSummaryCalculationMode, ISortingExpression, IgxSummaryResult, SortingDirection } from 'igniteui-angular/core'; import { GridSelectionMode, GridSummaryPosition, IgxColumnComponent, IgxNumberSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -38,6 +38,7 @@ class SumSummary { selector: 'app-grid-groupby-summary-sample', styleUrls: ['./grid-groupby-summary-sample.component.scss'], templateUrl: './grid-groupby-summary-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxSwitchComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class GridGroupBySummarySampleComponent { diff --git a/src/app/grid/grid-groupby-summary-styling-sample/grid-groupby-summary-styling-sample.component.ts b/src/app/grid/grid-groupby-summary-styling-sample/grid-groupby-summary-styling-sample.component.ts index 24da22da96..d5d50f00de 100644 --- a/src/app/grid/grid-groupby-summary-styling-sample/grid-groupby-summary-styling-sample.component.ts +++ b/src/app/grid/grid-groupby-summary-styling-sample/grid-groupby-summary-styling-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ViewEncapsulation } from '@angular/core'; +import { Component, OnInit, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; import { DefaultSortingStrategy, GridSummaryCalculationMode, ISortingExpression, IgxSummaryResult, SortingDirection } from 'igniteui-angular/core'; import { GridSelectionMode, GridSummaryPosition, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarPinningComponent, IgxNumberSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -28,6 +28,7 @@ class CustomSummary { selector: 'app-grid-groupby-summary-sample', styleUrls: ['./grid-groupby-summary-styling-sample.component.scss'], templateUrl: './grid-groupby-summary-styling-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarPinningComponent, IgxColumnComponent] }) export class GridGroupBySummaryStylingSampleComponent { diff --git a/src/app/grid/grid-keyboardnav-guide-sample/grid-keyboardnav-sample.component.ts b/src/app/grid/grid-keyboardnav-guide-sample/grid-keyboardnav-sample.component.ts index d1cb9ba515..db8df61e24 100644 --- a/src/app/grid/grid-keyboardnav-guide-sample/grid-keyboardnav-sample.component.ts +++ b/src/app/grid/grid-keyboardnav-guide-sample/grid-keyboardnav-sample.component.ts @@ -3,7 +3,7 @@ /* eslint-disable @typescript-eslint/naming-convention */ /* eslint-disable no-shadow */ import { animate, state, style, transition, trigger } from '@angular/animations'; -import { ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild, inject } from '@angular/core'; +import { ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { CellType, IActiveNodeChangeEventArgs, IgxColumnComponent, IgxColumnGroupComponent, IgxGridDetailTemplateDirective, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxEmptyListTemplateDirective, IgxListComponent, IgxListItemComponent, IgxListLineSubTitleDirective, IgxListLineTitleDirective } from 'igniteui-angular/list'; @@ -169,6 +169,7 @@ const summaryCombinations: Item[] = [ ]) ]) ], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPaginatorComponent, IgxGridToolbarComponent, IgxGridDetailTemplateDirective, IgxColumnGroupComponent, IgxColumnComponent, IgxListComponent, IgxListItemComponent, NgClass, IgxListLineTitleDirective, IgxListLineSubTitleDirective, IgxCheckboxComponent, IgxEmptyListTemplateDirective] }) export class GridKeyboardnavGuide implements OnInit, OnDestroy { diff --git a/src/app/grid/grid-moving-sample/grid-moving-sample.component.ts b/src/app/grid/grid-moving-sample/grid-moving-sample.component.ts index a6b1acd8b6..bc0f62ae50 100644 --- a/src/app/grid/grid-moving-sample/grid-moving-sample.component.ts +++ b/src/app/grid/grid-moving-sample/grid-moving-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { ColumnType } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -13,6 +13,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-moving-sample', styleUrls: ['./grid-moving-sample.component.scss'], templateUrl: './grid-moving-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCellHeaderTemplateDirective, IgxIconComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxBadgeComponent] }) diff --git a/src/app/grid/grid-moving-styled-sample/grid-moving-styled-sample.component.ts b/src/app/grid/grid-moving-styled-sample/grid-moving-styled-sample.component.ts index 9b3e53c2a4..0f2431fb8c 100644 --- a/src/app/grid/grid-moving-styled-sample/grid-moving-styled-sample.component.ts +++ b/src/app/grid/grid-moving-styled-sample/grid-moving-styled-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { ColumnType } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -13,6 +13,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-moving-styled-sample', styleUrls: ['./grid-moving-styled-sample.component.scss'], templateUrl: './grid-moving-styled-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCellHeaderTemplateDirective, IgxIconComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxBadgeComponent] }) diff --git a/src/app/grid/grid-mrl-custom-navigation/grid-mrl-custom-navigation.component.ts b/src/app/grid/grid-mrl-custom-navigation/grid-mrl-custom-navigation.component.ts index 40f651b4ef..748e9a7fe3 100644 --- a/src/app/grid/grid-mrl-custom-navigation/grid-mrl-custom-navigation.component.ts +++ b/src/app/grid/grid-mrl-custom-navigation/grid-mrl-custom-navigation.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ViewEncapsulation } from '@angular/core'; +import { Component, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, IgxColumnLayoutComponent } from 'igniteui-angular/grids/core'; import { DATA } from '../../data/company-data'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-mrl-custom-navigation-sample', styleUrls: ['./grid-mrl-custom-navigation.component.scss'], templateUrl: './grid-mrl-custom-navigation.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnLayoutComponent, IgxColumnComponent] }) export class GridMRLCustomNavigationComponent { diff --git a/src/app/grid/grid-multi-cell-selection-style/grid-multi-cell-selection-style.component.ts b/src/app/grid/grid-multi-cell-selection-style/grid-multi-cell-selection-style.component.ts index bb6fbdc52f..248e14e568 100644 --- a/src/app/grid/grid-multi-cell-selection-style/grid-multi-cell-selection-style.component.ts +++ b/src/app/grid/grid-multi-cell-selection-style/grid-multi-cell-selection-style.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { DATA } from '../../data/nwindData'; @@ -8,6 +8,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-multi-cell-selection-style-sample', styleUrls: ['./grid-multi-cell-selection-style.component.scss'], templateUrl: './grid-multi-cell-selection-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective] }) export class GridMultiCellSelectionStyleComponent { diff --git a/src/app/grid/grid-multi-cell-selection/grid-multi-cell-selection.component.ts b/src/app/grid/grid-multi-cell-selection/grid-multi-cell-selection.component.ts index f4d5014e8e..f0cf496a49 100644 --- a/src/app/grid/grid-multi-cell-selection/grid-multi-cell-selection.component.ts +++ b/src/app/grid/grid-multi-cell-selection/grid-multi-cell-selection.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation } from '@angular/core'; +import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxToastComponent } from 'igniteui-angular/toast'; @@ -11,6 +11,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-multi-cell-selection-sample', styleUrls: ['./grid-multi-cell-selection.component.scss'], templateUrl: './grid-multi-cell-selection.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxToastComponent] }) export class GridMultiCellSelectionComponent { diff --git a/src/app/grid/grid-multi-row-layout-configuration/grid-multi-row-layout-configuration.component.ts b/src/app/grid/grid-multi-row-layout-configuration/grid-multi-row-layout-configuration.component.ts index 5fceaed218..cb55fab03f 100644 --- a/src/app/grid/grid-multi-row-layout-configuration/grid-multi-row-layout-configuration.component.ts +++ b/src/app/grid/grid-multi-row-layout-configuration/grid-multi-row-layout-configuration.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { ChangeDetectorRef, Component, ElementRef, QueryList, ViewChild, ViewChildren, ViewEncapsulation, DOCUMENT, inject } from "@angular/core"; +import { ChangeDetectorRef, Component, ElementRef, QueryList, ViewChild, ViewChildren, ViewEncapsulation, DOCUMENT, inject, ChangeDetectionStrategy } from "@angular/core"; import { IDropBaseEventArgs, IDropDroppedEventArgs, IgxButtonDirective, IgxDropDirective, IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -38,6 +38,7 @@ enum DialogType { selector: "app-grid-multi-row-layout-configuration-sample", styleUrls: ["./grid-multi-row-layout-configuration.component.scss"], templateUrl: "./grid-multi-row-layout-configuration.component.html", + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxChipsAreaComponent, IgxChipComponent, IgxSuffixDirective, IgxIconButtonDirective, IgxIconComponent, IgxPrefixDirective, IgxInputGroupComponent, IgxInputDirective, NgStyle, IgxDropDirective, NgClass, IgxButtonDirective, IgxDialogComponent] }) export class GridMultiRowLayoutConfigurationComponent { diff --git a/src/app/grid/grid-multi-row-layout-styling/grid-multi-row-layout-styling.component.ts b/src/app/grid/grid-multi-row-layout-styling/grid-multi-row-layout-styling.component.ts index 65f93ed445..bcf0b8ee91 100644 --- a/src/app/grid/grid-multi-row-layout-styling/grid-multi-row-layout-styling.component.ts +++ b/src/app/grid/grid-multi-row-layout-styling/grid-multi-row-layout-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation } from '@angular/core'; +import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; import { DefaultSortingStrategy, SortingDirection } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, IgxColumnLayoutComponent } from 'igniteui-angular/grids/core'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-multi-row-layout-styling-sample', styleUrls: ['./grid-multi-row-layout-styling.component.scss'], templateUrl: './grid-multi-row-layout-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnLayoutComponent, IgxColumnComponent] }) export class GridMultiRowLayoutStylingComponent { diff --git a/src/app/grid/grid-multi-row-layout/grid-multi-row-layout.component.ts b/src/app/grid/grid-multi-row-layout/grid-multi-row-layout.component.ts index e4ec09ba68..145ae8f725 100644 --- a/src/app/grid/grid-multi-row-layout/grid-multi-row-layout.component.ts +++ b/src/app/grid/grid-multi-row-layout/grid-multi-row-layout.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation } from '@angular/core'; +import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; import { DefaultSortingStrategy, SortingDirection } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, IgxColumnLayoutComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-multi-row-layout-sample', styleUrls: ['./grid-multi-row-layout.component.scss'], templateUrl: './grid-multi-row-layout.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxColumnLayoutComponent, IgxColumnComponent] }) export class GridMultiRowLayoutComponent { diff --git a/src/app/grid/grid-multiple-row-drag/grid-multiple-row-drag.component.ts b/src/app/grid/grid-multiple-row-drag/grid-multiple-row-drag.component.ts index e81e9255a8..deb3b79c4d 100644 --- a/src/app/grid/grid-multiple-row-drag/grid-multiple-row-drag.component.ts +++ b/src/app/grid/grid-multiple-row-drag/grid-multiple-row-drag.component.ts @@ -1,5 +1,5 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent, IgxRowDragGhostDirective } from 'igniteui-angular/grids/core'; import { IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-multiple-row-drag', styleUrls: ['./grid-multiple-row-drag.component.scss'], templateUrl: './grid-multiple-row-drag.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowDragGhostDirective, IgxIconComponent, IgxDropDirective] }) export class GridMultipleRowDragComponent { diff --git a/src/app/grid/grid-nested-data-binding-2/grid-nested-data-bind2.ts b/src/app/grid/grid-nested-data-binding-2/grid-nested-data-bind2.ts index 9d64fcd7c8..d6bd5d2a6a 100644 --- a/src/app/grid/grid-nested-data-binding-2/grid-nested-data-bind2.ts +++ b/src/app/grid/grid-nested-data-binding-2/grid-nested-data-bind2.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { GridColumnDataType } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, IgxGridFooterComponent } from 'igniteui-angular/grids/core'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-nested-data-bind2', styleUrls: ['./grid-nested-data-bind2.scss'], templateUrl: './grid-nested-data-bind2.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxGridFooterComponent] }) export class GridNestedDataBindAminoacidComponent implements OnInit { diff --git a/src/app/grid/grid-nested-data-binding/grid-nested-data-bind.ts b/src/app/grid/grid-nested-data-binding/grid-nested-data-bind.ts index f3de4c1571..203a49fb9f 100644 --- a/src/app/grid/grid-nested-data-binding/grid-nested-data-bind.ts +++ b/src/app/grid/grid-nested-data-binding/grid-nested-data-bind.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, OnInit, inject } from '@angular/core'; +import { ChangeDetectorRef, Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; import {EMPLOYEE_DATA} from '../../data/nested-employee-data'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -12,6 +12,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-grid-nested-data-bind', styleUrls: ['./grid-nested-data-bind.scss'], templateUrl: './grid-nested-data-bind.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelBodyComponent, IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, DatePipe] }) diff --git a/src/app/grid/grid-pager-sample/grid-pager-sample.component.ts b/src/app/grid/grid-pager-sample/grid-pager-sample.component.ts index e366cb9c1d..2cbc6f9c9d 100644 --- a/src/app/grid/grid-pager-sample/grid-pager-sample.component.ts +++ b/src/app/grid/grid-pager-sample/grid-pager-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, AfterViewInit, ChangeDetectorRef, PLATFORM_ID, inject } from '@angular/core'; +import { Component, OnInit, ViewChild, AfterViewInit, ChangeDetectorRef, PLATFORM_ID, inject, ChangeDetectionStrategy } from '@angular/core'; import { athletesData } from '../../data/athletesData'; import { IPaginatorResourceStrings } from 'igniteui-angular/core'; import { IgxPageNavigationComponent, IgxPageSizeSelectorComponent, IgxPaginatorComponent, IgxPaginatorContentDirective } from 'igniteui-angular/paginator'; @@ -13,6 +13,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-grid-pager-sample', styleUrls: ['./grid-pager-sample.component.scss'], templateUrl: './grid-pager-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxPaginatorContentDirective, IgxPageSizeSelectorComponent, IgxPageNavigationComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxSwitchComponent, FormsModule, DecimalPipe] }) export class GridPagerSampleComponent implements OnInit, AfterViewInit { diff --git a/src/app/grid/grid-paging-sample/grid-paging-sample.component.ts b/src/app/grid/grid-paging-sample/grid-paging-sample.component.ts index 638605d5d1..0f358459c7 100644 --- a/src/app/grid/grid-paging-sample/grid-paging-sample.component.ts +++ b/src/app/grid/grid-paging-sample/grid-paging-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ViewEncapsulation } from '@angular/core'; +import { Component, OnInit, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -12,6 +12,7 @@ import { DecimalPipe } from '@angular/common'; selector: 'app-grid-sample', styleUrls: ['./grid-paging-sample.component.scss'], templateUrl: 'grid-paging-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxLinearProgressBarComponent, DecimalPipe] }) diff --git a/src/app/grid/grid-paste/grid-paste-sample.component.ts b/src/app/grid/grid-paste/grid-paste-sample.component.ts index 727b40f86d..5cf720a4cc 100644 --- a/src/app/grid/grid-paste/grid-paste-sample.component.ts +++ b/src/app/grid/grid-paste/grid-paste-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, inject } from '@angular/core'; +import { Component, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxButtonDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxDropDownComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; @@ -15,6 +15,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-paste-sample', styleUrls: ['./grid-paste-sample.component.scss'], templateUrl: './grid-paste-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxDropDownComponent, IgxDropDownItemComponent, IgxGridComponent, PasteHandler, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class GridPasteSampleComponent { diff --git a/src/app/grid/grid-remote-filtering-sample/remote-filtering-sample.component.ts b/src/app/grid/grid-remote-filtering-sample/remote-filtering-sample.component.ts index 09e599a6b4..ade5fc7c19 100644 --- a/src/app/grid/grid-remote-filtering-sample/remote-filtering-sample.component.ts +++ b/src/app/grid/grid-remote-filtering-sample/remote-filtering-sample.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, OnInit, ViewChild, AfterViewInit, OnDestroy, inject } from '@angular/core'; +import { ChangeDetectorRef, Component, OnInit, ViewChild, AfterViewInit, OnDestroy, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { NoopFilteringStrategy, NoopSortingStrategy } from 'igniteui-angular/core'; import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -16,6 +16,7 @@ const DEBOUNCE_TIME = 300; selector: 'app-grid-remote-filtering-sample', styleUrls: ['./remote-filtering-sample.component.scss'], templateUrl: './remote-filtering-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxBadgeComponent, AsyncPipe] }) export class RemoteFilteringSampleComponent implements OnInit, AfterViewInit, OnDestroy { diff --git a/src/app/grid/grid-remote-paging-defaultTemplate-sample/remote-paging-default-template.component.ts b/src/app/grid/grid-remote-paging-defaultTemplate-sample/remote-paging-default-template.component.ts index 2cf62350fe..3e95fbd976 100644 --- a/src/app/grid/grid-remote-paging-defaultTemplate-sample/remote-paging-default-template.component.ts +++ b/src/app/grid/grid-remote-paging-defaultTemplate-sample/remote-paging-default-template.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnDestroy, OnInit, TemplateRef, ViewChild, ViewEncapsulation, inject } from '@angular/core'; +import { AfterViewInit, Component, OnDestroy, OnInit, TemplateRef, ViewChild, ViewEncapsulation, inject, ChangeDetectionStrategy } from '@angular/core'; import { GridPagingMode, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -13,6 +13,7 @@ import { AsyncPipe } from '@angular/common'; selector: 'app-remote-paging-default-template', styleUrls: ['./remote-paging-default-template.component.scss'], templateUrl: './remote-paging-default-template.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, AsyncPipe] }) export class RemotePagingDefaultTemplateComponent implements OnInit, AfterViewInit, OnDestroy { diff --git a/src/app/grid/grid-remote-paging-sample/remote-paging-sample.component.ts b/src/app/grid/grid-remote-paging-sample/remote-paging-sample.component.ts index ee0443456a..341e6d1892 100644 --- a/src/app/grid/grid-remote-paging-sample/remote-paging-sample.component.ts +++ b/src/app/grid/grid-remote-paging-sample/remote-paging-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnDestroy, OnInit, TemplateRef, ViewChild, ViewEncapsulation, inject } from '@angular/core'; +import { AfterViewInit, Component, OnDestroy, OnInit, TemplateRef, ViewChild, ViewEncapsulation, inject, ChangeDetectionStrategy } from '@angular/core'; import { GridPagingMode, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxPageNavigationComponent, IgxPageSizeSelectorComponent, IgxPaginatorComponent, IgxPaginatorContentDirective } from 'igniteui-angular/paginator'; @@ -12,6 +12,7 @@ import { AsyncPipe } from '@angular/common'; selector: 'app-remote-paging-grid-sample', styleUrls: ['./remote-paging-sample.component.scss'], templateUrl: './remote-paging-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxPaginatorComponent, IgxPaginatorContentDirective, IgxPageSizeSelectorComponent, IgxPageNavigationComponent, AsyncPipe] }) export class RemotePagingGridSampleComponent implements OnInit, AfterViewInit, OnDestroy { diff --git a/src/app/grid/grid-resize-line-styling-sample/grid-resize-line-styling-sample.ts b/src/app/grid/grid-resize-line-styling-sample/grid-resize-line-styling-sample.ts index c80a897355..eab7709847 100644 --- a/src/app/grid/grid-resize-line-styling-sample/grid-resize-line-styling-sample.ts +++ b/src/app/grid/grid-resize-line-styling-sample/grid-resize-line-styling-sample.ts @@ -1,4 +1,4 @@ - import { Component, OnInit } from '@angular/core'; + import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { athletesData } from '../../data/athletesData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -8,6 +8,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-resize-line-styling-sample', styleUrls: ['./grid-resize-line-styling-sample.scss'], templateUrl: './grid-resize-line-styling-sample.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) diff --git a/src/app/grid/grid-resizing-sample/grid-resizing-sample.component.ts b/src/app/grid/grid-resizing-sample/grid-resizing-sample.component.ts index 38bc81c82e..c8fdf90f7a 100644 --- a/src/app/grid/grid-resizing-sample/grid-resizing-sample.component.ts +++ b/src/app/grid/grid-resizing-sample/grid-resizing-sample.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { DATA } from '../../data/customers'; @@ -8,6 +8,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-resizing-sample', styleUrls: ['./grid-resizing-sample.component.scss'], templateUrl: 'grid-resizing-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) diff --git a/src/app/grid/grid-row-drag-base/grid-row-drag-base.component.ts b/src/app/grid/grid-row-drag-base/grid-row-drag-base.component.ts index 84e334326b..5f6b461e76 100644 --- a/src/app/grid/grid-row-drag-base/grid-row-drag-base.component.ts +++ b/src/app/grid/grid-row-drag-base/grid-row-drag-base.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -16,6 +16,7 @@ enum DragIcon { selector: 'app-grid-row-drag-base-sample', styleUrls: ['./grid-row-drag-base.component.scss'], templateUrl: 'grid-row-drag-base.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxDropDirective] }) diff --git a/src/app/grid/grid-row-drag-to-grid/grid-row-drag-to-grid.component.ts b/src/app/grid/grid-row-drag-to-grid/grid-row-drag-to-grid.component.ts index 04f923a26e..54693dcded 100644 --- a/src/app/grid/grid-row-drag-to-grid/grid-row-drag-to-grid.component.ts +++ b/src/app/grid/grid-row-drag-to-grid/grid-row-drag-to-grid.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, IgxDragIndicatorIconDirective } from 'igniteui-angular/grids/core'; @@ -17,6 +17,7 @@ enum DragIcon { selector: 'app-grid-row-drag-to-grid-sample', styleUrls: ['./grid-row-drag-to-grid.component.scss'], templateUrl: 'grid-row-drag-to-grid.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxDragIndicatorIconDirective, IgxIconComponent, IgxDropDirective] }) diff --git a/src/app/grid/grid-row-drag/grid-row-drag.component.ts b/src/app/grid/grid-row-drag/grid-row-drag.component.ts index 12cecffd51..a02819a4da 100644 --- a/src/app/grid/grid-row-drag/grid-row-drag.component.ts +++ b/src/app/grid/grid-row-drag/grid-row-drag.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, ViewChildren } from '@angular/core'; +import { Component, ViewChildren, ChangeDetectionStrategy } from '@angular/core'; import { IgxColumnComponent, RowType } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxDropDirective } from 'igniteui-angular/directives'; @@ -18,6 +18,7 @@ enum HoverClassList { selector: 'app-grid-row-drag-sample', styleUrls: ['./grid-row-drag.component.scss'], templateUrl: 'grid-row-drag.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, PlanetComponent, IgxDropDirective] }) diff --git a/src/app/grid/grid-row-drag/planet/planet.component.ts b/src/app/grid/grid-row-drag/planet/planet.component.ts index fc5810ad44..8802752f05 100644 --- a/src/app/grid/grid-row-drag/planet/planet.component.ts +++ b/src/app/grid/grid-row-drag/planet/planet.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, HostBinding, HostListener, Input, ViewChild, inject } from '@angular/core'; +import { ChangeDetectorRef, Component, HostBinding, HostListener, Input, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IPlanet } from '../data'; @@ -7,6 +7,7 @@ import { IPlanet } from '../data'; selector: 'app-planet', styleUrls: ['./planet.component.scss'], templateUrl: 'planet.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDialogComponent] }) diff --git a/src/app/grid/grid-row-editing-sample/grid-row-editing-sample.component.ts b/src/app/grid/grid-row-editing-sample/grid-row-editing-sample.component.ts index 43b43b4da5..40c3b0dea0 100644 --- a/src/app/grid/grid-row-editing-sample/grid-row-editing-sample.component.ts +++ b/src/app/grid/grid-row-editing-sample/grid-row-editing-sample.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { DATA } from '../../data/nwindData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellEditorTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -11,6 +11,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-grid-row-edit', styleUrls: [`grid-row-editing-sample.component.scss`], templateUrl: 'grid-row-editing-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellEditorTemplateDirective, IgxInputGroupComponent, FormsModule, IgxInputDirective, IgxFocusDirective] }) export class GridRowEditSampleComponent { diff --git a/src/app/grid/grid-row-editing-style/grid-row-editing-style.component.ts b/src/app/grid/grid-row-editing-style/grid-row-editing-style.component.ts index 82f9b18ca7..8452d0ddb2 100644 --- a/src/app/grid/grid-row-editing-style/grid-row-editing-style.component.ts +++ b/src/app/grid/grid-row-editing-style/grid-row-editing-style.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { DATA } from '../../data/nwindData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellEditorTemplateDirective, IgxColumnComponent, IgxRowEditActionsDirective, IgxRowEditTabStopDirective, IgxRowEditTextDirective } from 'igniteui-angular/grids/core'; @@ -12,6 +12,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-grid-row-edit-style', styleUrls: [`grid-row-editing-style.component.scss`], templateUrl: 'grid-row-editing-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellEditorTemplateDirective, IgxInputGroupComponent, FormsModule, IgxInputDirective, IgxFocusDirective, IgxRowEditTextDirective, IgxRowEditActionsDirective, IgxIconButtonDirective, IgxRowEditTabStopDirective, IgxIconComponent] }) export class GridRowEditStyleComponent { diff --git a/src/app/grid/grid-row-pinning-drag/grid-row-pinning-drag.component.ts b/src/app/grid/grid-row-pinning-drag/grid-row-pinning-drag.component.ts index 740e796064..7f14a7c9a1 100644 --- a/src/app/grid/grid-row-pinning-drag/grid-row-pinning-drag.component.ts +++ b/src/app/grid/grid-row-pinning-drag/grid-row-pinning-drag.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IPinningConfig, IRowDragStartEventArgs, IgxColumnComponent, IgxGridPinningActionsComponent, IgxRowDirective, RowPinningPosition, RowType } from 'igniteui-angular/grids/core'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-row-pinning-drag-sample', styleUrls: ['./grid-row-pinning-drag.component.scss'], templateUrl: 'grid-row-pinning-drag.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxDropDirective, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxActionStripComponent, IgxGridPinningActionsComponent] }) diff --git a/src/app/grid/grid-row-pinning-extra-column/grid-row-pinning-extra-column.component.ts b/src/app/grid/grid-row-pinning-extra-column/grid-row-pinning-extra-column.component.ts index 0f8a4c37fb..3f57ec1a1a 100644 --- a/src/app/grid/grid-row-pinning-extra-column/grid-row-pinning-extra-column.component.ts +++ b/src/app/grid/grid-row-pinning-extra-column/grid-row-pinning-extra-column.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, ViewChild, inject } from '@angular/core'; +import { AfterViewInit, Component, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { ColumnPinningPosition } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; @@ -14,6 +14,7 @@ const FILTERING_ICONS_FONT_SET = 'filtering-icons'; selector: 'app-grid-row-pinning-extra-column', templateUrl: 'grid-row-pinning-extra-column.component.html', styleUrls: ['./grid-row-pinning-extra-column.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxIconComponent] }) diff --git a/src/app/grid/grid-row-pinning-styling/grid-row-pinning-styling.component.ts b/src/app/grid/grid-row-pinning-styling/grid-row-pinning-styling.component.ts index 3bc06d49bc..1f32801ecb 100644 --- a/src/app/grid/grid-row-pinning-styling/grid-row-pinning-styling.component.ts +++ b/src/app/grid/grid-row-pinning-styling/grid-row-pinning-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IPinningConfig, IgxColumnComponent, IgxGridPinningActionsComponent, RowPinningPosition } from 'igniteui-angular/grids/core'; import { IgxActionStripComponent } from 'igniteui-angular/action-strip'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-row-pinning-styling', templateUrl: 'grid-row-pinning-styling.component.html', styleUrls: ['./grid-row-pinning-styling.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxActionStripComponent, IgxGridPinningActionsComponent] }) diff --git a/src/app/grid/grid-row-pinning/grid-row-pinning.component.ts b/src/app/grid/grid-row-pinning/grid-row-pinning.component.ts index 10098f6828..add3d228ea 100644 --- a/src/app/grid/grid-row-pinning/grid-row-pinning.component.ts +++ b/src/app/grid/grid-row-pinning/grid-row-pinning.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IPinningConfig, IgxColumnComponent, IgxGridEditingActionsComponent, IgxGridPinningActionsComponent, RowPinningPosition } from 'igniteui-angular/grids/core'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-row-pinning', templateUrl: 'grid-row-pinning.component.html', styleUrls: ['./grid-row-pinning.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxActionStripComponent, IgxGridPinningActionsComponent, IgxGridEditingActionsComponent] }) diff --git a/src/app/grid/grid-row-reorder-sample/grid-row-reorder.ts b/src/app/grid/grid-row-reorder-sample/grid-row-reorder.ts index 29070b8edc..8b50c78403 100644 --- a/src/app/grid/grid-row-reorder-sample/grid-row-reorder.ts +++ b/src/app/grid/grid-row-reorder-sample/grid-row-reorder.ts @@ -1,4 +1,4 @@ -import { Component, QueryList, ViewChild } from '@angular/core'; +import { Component, QueryList, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, IgxRowDirective, RowType } from 'igniteui-angular/grids/core'; import { IgxDropDirective } from 'igniteui-angular/directives'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-row-reorder-sample', styleUrls: ['grid-row-reorder.scss'], templateUrl: 'grid-row-reorder.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxDropDirective, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class GridRowReorderComponent { diff --git a/src/app/grid/grid-rowClasses-sample/grid-rowClasses.component.ts b/src/app/grid/grid-rowClasses-sample/grid-rowClasses.component.ts index 93a2c5cdad..8a45806418 100644 --- a/src/app/grid/grid-rowClasses-sample/grid-rowClasses.component.ts +++ b/src/app/grid/grid-rowClasses-sample/grid-rowClasses.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, RowType } from 'igniteui-angular/grids/core'; import { DATA } from '../../data/nwindData'; @@ -8,6 +8,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-row-classes-sample', styleUrls: ['./grid-rowClasses.component.scss'], templateUrl: 'grid-rowClasses.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class GridRowClassesComponent implements OnInit { diff --git a/src/app/grid/grid-rowStyles-sample/grid-rowStyles.component.ts b/src/app/grid/grid-rowStyles-sample/grid-rowStyles.component.ts index dcb0449daf..f710a991b7 100644 --- a/src/app/grid/grid-rowStyles-sample/grid-rowStyles.component.ts +++ b/src/app/grid/grid-rowStyles-sample/grid-rowStyles.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, inject } from '@angular/core'; +import { Component, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent, RowType } from 'igniteui-angular/grids/core'; import { IgxBadgeComponent } from 'igniteui-angular/badge'; @@ -12,6 +12,7 @@ import { AsyncPipe } from '@angular/common'; selector: 'app-grid-row-styles-sample', styleUrls: ['./grid-rowStyles.component.scss'], templateUrl: 'grid-rowStyles.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxBadgeComponent, AsyncPipe] }) diff --git a/src/app/grid/grid-sample-2/grid-sample-2.component.ts b/src/app/grid/grid-sample-2/grid-sample-2.component.ts index d4ca4d1797..ffa0c103e4 100644 --- a/src/app/grid/grid-sample-2/grid-sample-2.component.ts +++ b/src/app/grid/grid-sample-2/grid-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, Injectable, ViewChild, OnInit, inject } from '@angular/core'; +import { Component, Injectable, ViewChild, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -13,6 +13,7 @@ import { AsyncPipe } from '@angular/common'; selector: 'app-grid-sample', styleUrls: ['./grid-sample-2.component.scss'], templateUrl: 'grid-sample-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxBadgeComponent, AsyncPipe] }) diff --git a/src/app/grid/grid-sample-3/grid-sample-3.component.ts b/src/app/grid/grid-sample-3/grid-sample-3.component.ts index 5aa622f844..a7e9501e69 100644 --- a/src/app/grid/grid-sample-3/grid-sample-3.component.ts +++ b/src/app/grid/grid-sample-3/grid-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { ColumnType, IgxSummaryResult } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core'; @@ -25,6 +25,7 @@ class MySummary { selector: 'app-grid-sample-3', styleUrls: ['./grid-sample-3.component.scss'], templateUrl: './grid-sample-3.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxCellHeaderTemplateDirective, IgxIconComponent, DatePipe] }) export class GridSample3Component { diff --git a/src/app/grid/grid-sample-4/grid-sample-4.component.ts b/src/app/grid/grid-sample-4/grid-sample-4.component.ts index d38aad2067..9c1c491ce5 100644 --- a/src/app/grid/grid-sample-4/grid-sample-4.component.ts +++ b/src/app/grid/grid-sample-4/grid-sample-4.component.ts @@ -1,10 +1,10 @@ -import { ChangeDetectorRef, Component, TemplateRef, ViewChild, OnInit, AfterViewInit, OnDestroy, inject } from '@angular/core'; +import { ChangeDetectorRef, Component, TemplateRef, ViewChild, OnInit, AfterViewInit, OnDestroy, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxBadgeComponent } from 'igniteui-angular/badge'; import { debounceTime } from 'rxjs/operators'; import { RemoteServiceVirt } from '../../services/remoteVirtualization.service'; -import { AsyncPipe, NgTemplateOutlet } from '@angular/common'; +import { AsyncPipe } from '@angular/common'; import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scroll.directive'; @Component({ @@ -12,7 +12,8 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-remote-virtualization-sample', styleUrls: ['grid-sample-4.component.scss'], templateUrl: 'grid-sample-4.component.html', - imports: [IgxCellTemplateDirective, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellHeaderTemplateDirective, IgxBadgeComponent, AsyncPipe, NgTemplateOutlet] + changeDetection: ChangeDetectionStrategy.Eager, + imports: [IgxCellTemplateDirective, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellHeaderTemplateDirective, IgxBadgeComponent, AsyncPipe] }) export class GridRemoteVirtualizationSampleComponent implements OnInit, AfterViewInit, OnDestroy{ diff --git a/src/app/grid/grid-sample-5/grid-sample-5.component.ts b/src/app/grid/grid-sample-5/grid-sample-5.component.ts index 19fbe2f91a..0e91eca113 100644 --- a/src/app/grid/grid-sample-5/grid-sample-5.component.ts +++ b/src/app/grid/grid-sample-5/grid-sample-5.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, ViewChild, OnInit, inject } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, ViewChild, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxBadgeComponent } from 'igniteui-angular/badge'; @@ -11,6 +11,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-remote-virtualization-sample', styleUrls: ['grid-sample-5.component.scss'], templateUrl: 'grid-sample-5.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxBadgeComponent] }) diff --git a/src/app/grid/grid-sample-pinning-both-sides/grid-toolbar-pinning-both-sides.component.ts b/src/app/grid/grid-sample-pinning-both-sides/grid-toolbar-pinning-both-sides.component.ts index 11f93364cb..37ff3080df 100644 --- a/src/app/grid/grid-sample-pinning-both-sides/grid-toolbar-pinning-both-sides.component.ts +++ b/src/app/grid/grid-sample-pinning-both-sides/grid-toolbar-pinning-both-sides.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ViewEncapsulation, OnInit, inject } from '@angular/core'; +import { Component, ViewChild, ViewEncapsulation, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; import { NgClass } from '@angular/common'; import { IPinningConfig, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -13,6 +13,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-sample', styleUrls: ['grid-toolbar-pinning-both-sides.component.scss'], templateUrl: 'grid-toolbar-pinning-both-sides.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [ NgClass, IgxGridComponent, diff --git a/src/app/grid/grid-sample-pinning-styling/grid-pinning-styling.component.ts b/src/app/grid/grid-sample-pinning-styling/grid-pinning-styling.component.ts index 603915ea84..0a3fd5d794 100644 --- a/src/app/grid/grid-sample-pinning-styling/grid-pinning-styling.component.ts +++ b/src/app/grid/grid-sample-pinning-styling/grid-pinning-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, OnInit, inject } from "@angular/core"; +import { Component, ViewChild, OnInit, inject, ChangeDetectionStrategy } from "@angular/core"; import { IgxCellHeaderTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from "../../directives/prevent-scro selector: "app-grid-sample", styleUrls: ["grid-pinning-styling.component.scss"], templateUrl: "grid-pinning-styling.component.html", + changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxGridComponent, IgxPreventDocumentScrollDirective, diff --git a/src/app/grid/grid-sample-pinning/grid-pinning.component.ts b/src/app/grid/grid-sample-pinning/grid-pinning.component.ts index 832b7bf056..583965ef53 100644 --- a/src/app/grid/grid-sample-pinning/grid-pinning.component.ts +++ b/src/app/grid/grid-sample-pinning/grid-pinning.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ViewEncapsulation, OnInit, AfterViewInit, inject } from '@angular/core'; +import { Component, ViewChild, ViewEncapsulation, OnInit, AfterViewInit, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxCellHeaderTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; @@ -15,6 +15,7 @@ const FILTERING_ICONS_FONT_SET = 'filtering-icons'; selector: 'app-grid-sample', styleUrls: ['grid-pinning.component.scss'], templateUrl: 'grid-pinning.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellHeaderTemplateDirective, IgxIconComponent] }) diff --git a/src/app/grid/grid-sample-pinning/grid-toolbar-pinning.component.ts b/src/app/grid/grid-sample-pinning/grid-toolbar-pinning.component.ts index 265b9ed7c0..4ee180e13e 100644 --- a/src/app/grid/grid-sample-pinning/grid-toolbar-pinning.component.ts +++ b/src/app/grid/grid-sample-pinning/grid-toolbar-pinning.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ViewEncapsulation, OnInit, inject } from '@angular/core'; +import { Component, ViewChild, ViewEncapsulation, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { DATA } from '../../data/customers'; @@ -12,6 +12,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-sample', styleUrls: ['grid-toolbar-pinning.component.scss'], templateUrl: 'grid-toolbar-pinning.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [NgClass, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarPinningComponent, IgxColumnComponent] }) diff --git a/src/app/grid/grid-sample-right-pinning/grid-right-pinning.component.ts b/src/app/grid/grid-sample-right-pinning/grid-right-pinning.component.ts index b3fb3b5ef0..04c362e3d1 100644 --- a/src/app/grid/grid-sample-right-pinning/grid-right-pinning.component.ts +++ b/src/app/grid/grid-sample-right-pinning/grid-right-pinning.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ViewEncapsulation, OnInit } from '@angular/core'; +import { Component, ViewChild, ViewEncapsulation, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { ColumnPinningPosition } from 'igniteui-angular/core'; import { IPinningConfig, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -15,6 +15,7 @@ import { DatePipe } from '@angular/common'; selector: 'app-grid-sample', styleUrls: ['grid-right-pinning.component.scss'], templateUrl: 'grid-right-pinning.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarPinningComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxTooltipTargetDirective, IgxTooltipDirective, IgxAvatarComponent, IgxCellHeaderTemplateDirective, IgxIconComponent, DatePipe] }) diff --git a/src/app/grid/grid-sample-selection-template-excel/grid-sample-selection-template-excel.component.ts b/src/app/grid/grid-sample-selection-template-excel/grid-sample-selection-template-excel.component.ts index c3b518139d..158be291b6 100644 --- a/src/app/grid/grid-sample-selection-template-excel/grid-sample-selection-template-excel.component.ts +++ b/src/app/grid/grid-sample-selection-template-excel/grid-sample-selection-template-excel.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { DATA } from '../../data/customers'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -10,6 +10,7 @@ import { NgClass } from '@angular/common'; selector: 'app-grid-selection-template-excel', styleUrls: ['./grid-sample-selection-template-excel.component.scss'], templateUrl: 'grid-sample-selection-template-excel.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxHeadSelectorDirective, NgClass, IgxRowSelectorDirective] }) diff --git a/src/app/grid/grid-sample-selection-template-numbers/grid-sample-selection-template-numbers.component.ts b/src/app/grid/grid-sample-selection-template-numbers/grid-sample-selection-template-numbers.component.ts index 057ddddaba..01d8f438a1 100644 --- a/src/app/grid/grid-sample-selection-template-numbers/grid-sample-selection-template-numbers.component.ts +++ b/src/app/grid/grid-sample-selection-template-numbers/grid-sample-selection-template-numbers.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { DATA } from '../../data/customers'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-selection-template-numbers', styleUrls: ['./grid-sample-selection-template-numbers.component.scss'], templateUrl: 'grid-sample-selection-template-numbers.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxHeadSelectorDirective, IgxRowSelectorDirective, IgxCheckboxComponent] }) diff --git a/src/app/grid/grid-sample-selection/grid-selection.component.ts b/src/app/grid/grid-sample-selection/grid-selection.component.ts index 2e4df196c9..460a1d9674 100644 --- a/src/app/grid/grid-sample-selection/grid-selection.component.ts +++ b/src/app/grid/grid-sample-selection/grid-selection.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnInit, Renderer2, ViewChild, inject } from '@angular/core'; +import { Component, ElementRef, OnInit, Renderer2, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { GridSelectionMode, IRowSelectionEventArgs, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -21,6 +21,7 @@ import { AsyncPipe } from '@angular/common'; selector: 'grid-sample', styleUrls: ['./grid-selection.component.scss'], templateUrl: 'grid-selection.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxButtonGroupComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxBadgeComponent, IgxButtonDirective, IgxIconComponent, IgxSnackbarComponent, AsyncPipe] }) diff --git a/src/app/grid/grid-save-state/about.component.ts b/src/app/grid/grid-save-state/about.component.ts index 3cf5752d36..ebb568bd2d 100644 --- a/src/app/grid/grid-save-state/about.component.ts +++ b/src/app/grid/grid-save-state/about.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { RouterLink } from '@angular/router'; @Component({ selector: 'app-about', templateUrl: './about.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, RouterLink] }) export class AboutComponent { diff --git a/src/app/grid/grid-save-state/grid-state.component.ts b/src/app/grid/grid-save-state/grid-state.component.ts index d8de53ec20..6d0373454e 100644 --- a/src/app/grid/grid-save-state/grid-state.component.ts +++ b/src/app/grid/grid-save-state/grid-state.component.ts @@ -1,5 +1,5 @@ /* eslint-disable max-len */ -import { Component, OnInit, ViewChild, ViewChildren, QueryList, AfterViewInit, inject } from '@angular/core'; +import { Component, OnInit, ViewChild, ViewChildren, QueryList, AfterViewInit, inject, ChangeDetectionStrategy } from '@angular/core'; import { NavigationStart, Router, RouterLink } from '@angular/router'; import { FilteringExpressionsTree, FilteringLogic, IgxSummaryResult } from 'igniteui-angular/core'; import { GridFeatures, IGridState, IGridStateOptions, IgxColumnComponent, IgxGridStateDirective, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core'; @@ -31,6 +31,7 @@ class MySummary { selector: 'app-grid', styleUrls: ['./grid-state.component.scss'], templateUrl: './grid-state.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxIconComponent, RouterLink, IgxCheckboxComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridStateDirective, IgxPaginatorComponent, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxColumnComponent] }) diff --git a/src/app/grid/grid-search-sample/grid-search-sample.component.ts b/src/app/grid/grid-search-sample/grid-search-sample.component.ts index e4624de42c..098ce7c0ec 100644 --- a/src/app/grid/grid-search-sample/grid-search-sample.component.ts +++ b/src/app/grid/grid-search-sample/grid-search-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxInputDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -14,6 +14,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-search-sample', styleUrls: ['./grid-search-sample.component.scss'], templateUrl: './grid-search-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxChipsAreaComponent, IgxChipComponent, IgxIconButtonDirective, IgxRippleDirective, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class GridSearchSampleComponent implements OnInit { diff --git a/src/app/grid/grid-select/grid-select-sample.component.ts b/src/app/grid/grid-select/grid-select-sample.component.ts index 5683c8c0e4..6a635bb8b8 100644 --- a/src/app/grid/grid-select/grid-select-sample.component.ts +++ b/src/app/grid/grid-select/grid-select-sample.component.ts @@ -1,5 +1,5 @@ import { Character } from './characters'; -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellEditorTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; @@ -12,6 +12,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-grid-select-sample', styleUrls: ['./grid-select-sample.component.scss'], templateUrl: './grid-select-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxColumnComponent, IgxCellEditorTemplateDirective, IgxSelectComponent, FormsModule, IgxFocusDirective, IgxSelectItemComponent] }) export class GridSelectComponent implements OnInit { diff --git a/src/app/grid/grid-sorting-indicators/grid-sorting-indicators.component.ts b/src/app/grid/grid-sorting-indicators/grid-sorting-indicators.component.ts index cf56b31174..5aa5360ab8 100644 --- a/src/app/grid/grid-sorting-indicators/grid-sorting-indicators.component.ts +++ b/src/app/grid/grid-sorting-indicators/grid-sorting-indicators.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, AfterViewInit } from '@angular/core'; +import { Component, OnInit, ViewChild, AfterViewInit, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { DefaultSortingStrategy } from 'igniteui-angular/core'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-sorting-indicators', templateUrl: './grid-sorting-indicators.component.html', styleUrls: ['./grid-sorting-indicators.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class GridSortingIndicatorsComponent implements OnInit, AfterViewInit { diff --git a/src/app/grid/grid-sorting-sample/grid-sorting-sample.component.ts b/src/app/grid/grid-sorting-sample/grid-sorting-sample.component.ts index 16bd2ca8f5..0ccaf70de6 100644 --- a/src/app/grid/grid-sorting-sample/grid-sorting-sample.component.ts +++ b/src/app/grid/grid-sorting-sample/grid-sorting-sample.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, AfterViewInit, ViewChild } from '@angular/core'; +import { Component, OnInit, AfterViewInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { DefaultSortingStrategy, ISortingOptions, SortingDirection } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; @@ -15,6 +15,7 @@ import { UpperCasePipe } from '@angular/common'; selector: 'app-grid-sample', styleUrls: ['./grid-sorting-sample.component.scss'], templateUrl: 'grid-sorting-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxButtonDirective, IgxGridToolbarActionsComponent, IgxSimpleComboComponent, FormsModule, IgxComboClearIconDirective, IgxComboItemDirective, IgxColumnComponent, IgxCellTemplateDirective, UpperCasePipe] }) @@ -36,7 +37,7 @@ export class SortingSampleComponent implements OnInit, AfterViewInit { public ngOnInit(): void { this.data = DATA; } - + public ngAfterViewInit(): void { this.grid1.sortingExpressions = [ { diff --git a/src/app/grid/grid-sorting-styling/grid-sorting-styling.component.ts b/src/app/grid/grid-sorting-styling/grid-sorting-styling.component.ts index 23d152abc5..b2e2dbd537 100644 --- a/src/app/grid/grid-sorting-styling/grid-sorting-styling.component.ts +++ b/src/app/grid/grid-sorting-styling/grid-sorting-styling.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { DefaultSortingStrategy, SortingDirection } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; @@ -19,6 +19,7 @@ enum TYPE { selector: 'app-grid-sorting-styling', styleUrls: ['./grid-sorting-styling.component.scss'], templateUrl: 'grid-sorting-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxSelectComponent, FormsModule, IgxLabelDirective, IgxSelectItemComponent, IgxColumnComponent, IgxCellTemplateDirective] }) diff --git a/src/app/grid/grid-state-persistence-sample/grid-state-persistance-sample.component.ts b/src/app/grid/grid-state-persistence-sample/grid-state-persistance-sample.component.ts index 3ab7ca515e..cc24c436e6 100644 --- a/src/app/grid/grid-state-persistence-sample/grid-state-persistance-sample.component.ts +++ b/src/app/grid/grid-state-persistence-sample/grid-state-persistance-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, TemplateRef, ViewChild, inject } from '@angular/core'; +import { Component, TemplateRef, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { IGridStateOptions, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent, IgxGridStateDirective } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -17,6 +17,7 @@ import { AsyncPipe } from '@angular/common'; selector: 'app-grid-state-persistance-sample', styleUrls: ['./grid-state-persistance-sample.component.scss'], templateUrl: 'grid-state-persistance-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxIconComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridStateDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxCellHeaderTemplateDirective, IgxBadgeComponent, AsyncPipe] }) @@ -41,7 +42,7 @@ export class GridStatePersistenceSampleComponent { @ViewChild('startY', { static: true }) public startYTemplate: TemplateRef; @ViewChild('changeOnYear', { static: true }) public changeOnYearTemplate: TemplateRef; @ViewChild('changePercentage', { static: true }) public changePercentageTemplate: TemplateRef; - + public data: Observable; public customStrategy = NoopSortingStrategy.instance(); public options: IGridStateOptions = { diff --git a/src/app/grid/grid-summary-export/grid-summary-export.component.ts b/src/app/grid/grid-summary-export/grid-summary-export.component.ts index 174d21740f..57248a25e2 100644 --- a/src/app/grid/grid-summary-export/grid-summary-export.component.ts +++ b/src/app/grid/grid-summary-export/grid-summary-export.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, inject } from '@angular/core'; +import { Component, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { ColumnType, IgxSummaryResult } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { @@ -32,6 +32,7 @@ class MySummary { selector: 'app-grid-summary-export', styleUrls: ['./grid-summary-export.component.scss'], templateUrl: './grid-summary-export.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxCellHeaderTemplateDirective, IgxIconComponent, DatePipe] }) export class GridSummaryExportComponent { diff --git a/src/app/grid/grid-summary-formatter/grid-summary-formatter.component.ts b/src/app/grid/grid-summary-formatter/grid-summary-formatter.component.ts index 96cdc99729..9e009b192a 100644 --- a/src/app/grid/grid-summary-formatter/grid-summary-formatter.component.ts +++ b/src/app/grid/grid-summary-formatter/grid-summary-formatter.component.ts @@ -1,5 +1,5 @@ import { DatePipe } from '@angular/common'; -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxDateSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxSummaryResult } from 'igniteui-angular/core'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-summary-formatter', styleUrls: ['./grid-summary-formatter.component.scss'], templateUrl: './grid-summary-formatter.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) diff --git a/src/app/grid/grid-summary-template/grid-summary-template.component.ts b/src/app/grid/grid-summary-template/grid-summary-template.component.ts index b12a7c4d4e..03ae19bcf5 100644 --- a/src/app/grid/grid-summary-template/grid-summary-template.component.ts +++ b/src/app/grid/grid-summary-template/grid-summary-template.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit } from '@angular/core'; +import { Component, HostBinding, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { IgxColumnComponent, IgxNumberSummaryOperand, IgxSummaryTemplateDirective } from 'igniteui-angular/grids/core'; import { IgxSummaryResult } from 'igniteui-angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -39,6 +39,7 @@ class DiscontinuedSummary { selector: 'app-grid-summary-template', styleUrls: ['./grid-summary-template.component.scss'], templateUrl: './grid-summary-template.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxSwitchComponent, IgxButtonGroupComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxSummaryTemplateDirective] }) export class GridSummaryTemplateComponent implements OnInit { diff --git a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-1.component.ts b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-1.component.ts index 783b49f9a5..965098a80a 100644 --- a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-1.component.ts +++ b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { athletesData } from '../../data/athletesData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarAdvancedFilteringComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-toolbar-sample-1', styleUrls: ['./grid-toolbar-sample-1.component.scss'], templateUrl: './grid-toolbar-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarAdvancedFilteringComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent] }) export class GridToolbarSample1Component { diff --git a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-2.component.ts b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-2.component.ts index 7e789b4256..9538fee3c1 100644 --- a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-2.component.ts +++ b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { AbsoluteScrollStrategy, AutoPositionStrategy, GlobalPositionStrategy } from 'igniteui-angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @@ -15,6 +15,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-toolbar-sample-2', styleUrls: ['./grid-toolbar-sample-2.component.scss'], templateUrl: './grid-toolbar-sample-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxSwitchComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarAdvancedFilteringComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent] }) export class GridToolbarSample2Component { diff --git a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-3.component.ts b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-3.component.ts index dae30a5416..956a70f828 100644 --- a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-3.component.ts +++ b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { CsvFileTypes, IColumnExportingEventArgs, @@ -22,6 +22,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-toolbar-sample-3', styleUrls: ['./grid-toolbar-sample-3.component.scss'], templateUrl: './grid-toolbar-sample-3.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent] }) export class GridToolbarSample3Component { diff --git a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-4.component.ts b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-4.component.ts index 55caad4af3..2fc9bf0091 100644 --- a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-4.component.ts +++ b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { athletesData } from '../../data/athletesData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -11,6 +11,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-toolbar-sample-4', styleUrls: ['./grid-toolbar-sample-4.component.scss'], templateUrl: './grid-toolbar-sample-4.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxButtonDirective, IgxRippleDirective, IgxIconComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent] }) export class GridToolbarSample4Component { diff --git a/src/app/grid/grid-toolbar-style/grid-toolbar-style.component.ts b/src/app/grid/grid-toolbar-style/grid-toolbar-style.component.ts index 981dbbd4a5..4bf8a4e7da 100644 --- a/src/app/grid/grid-toolbar-style/grid-toolbar-style.component.ts +++ b/src/app/grid/grid-toolbar-style/grid-toolbar-style.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { athletesData } from '../../data/athletesData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-toolbar-style', styleUrls: ['./grid-toolbar-style.component.scss'], templateUrl: './grid-toolbar-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent] }) export class GridToolbarStyleComponent { diff --git a/src/app/grid/grid-validation-style/grid-validation-style.component.ts b/src/app/grid/grid-validation-style/grid-validation-style.component.ts index 89c22dfaed..652f111e5d 100644 --- a/src/app/grid/grid-validation-style/grid-validation-style.component.ts +++ b/src/app/grid/grid-validation-style/grid-validation-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { DATA } from '../../data/nwindData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellValidationErrorDirective, IgxColumnComponent, IgxColumnRequiredValidatorDirective, RowType } from 'igniteui-angular/grids/core'; @@ -9,6 +9,7 @@ import { NgTemplateOutlet } from '@angular/common'; selector: 'app-grid-validation-style', styleUrls: [`grid-validation-style.component.scss`], templateUrl: 'grid-validation-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnRequiredValidatorDirective, IgxCellValidationErrorDirective, NgTemplateOutlet] }) export class GridValidationStyleComponent { diff --git a/src/app/grid/grid-validator-service-cross-field/grid-validator-service-cross-field.component.ts b/src/app/grid/grid-validator-service-cross-field/grid-validator-service-cross-field.component.ts index 9c3dd3b771..ec25a15fbe 100644 --- a/src/app/grid/grid-validator-service-cross-field/grid-validator-service-cross-field.component.ts +++ b/src/app/grid/grid-validator-service-cross-field/grid-validator-service-cross-field.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { AbstractControl, FormGroup, ValidationErrors, ValidatorFn, FormsModule } from '@angular/forms'; import { CellType, IGridEditEventArgs, IGridFormGroupCreatedEventArgs, IgxCellTemplateDirective, IgxCellValidationErrorDirective, IgxColumnComponent, IgxColumnEmailValidatorDirective, IgxColumnMinValidatorDirective, IgxColumnRequiredValidatorDirective } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -12,6 +12,7 @@ import { NgTemplateOutlet, DatePipe } from '@angular/common'; selector: 'app-grid-validator-service-cross-field', styleUrls: ['./grid-validator-service-cross-field.component.scss'], templateUrl: './grid-validator-service-cross-field.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxGridComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent, IgxColumnRequiredValidatorDirective, IgxColumnEmailValidatorDirective, IgxCellValidationErrorDirective, NgTemplateOutlet, IgxColumnMinValidatorDirective, IgxTooltipTargetDirective, IgxTooltipDirective, IgxButtonDirective, DatePipe] }) export class GridValidatorServiceCrossFieldComponent { diff --git a/src/app/grid/grid-validator-service-extended/grid-validator-service-extended.component.ts b/src/app/grid/grid-validator-service-extended/grid-validator-service-extended.component.ts index 0d34ff83ae..8d1616c352 100644 --- a/src/app/grid/grid-validator-service-extended/grid-validator-service-extended.component.ts +++ b/src/app/grid/grid-validator-service-extended/grid-validator-service-extended.component.ts @@ -1,4 +1,4 @@ -import { Component, Directive, forwardRef, Input, ViewChild } from '@angular/core'; +import { Component, Directive, Input, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { AbstractControl, FormGroup, NG_VALIDATORS, ValidationErrors, ValidatorFn, Validators } from '@angular/forms'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IGridFormGroupCreatedEventArgs, IgxCellTemplateDirective, IgxCellValidationErrorDirective, IgxColumnComponent, IgxColumnEmailValidatorDirective, IgxColumnMinValidatorDirective, IgxColumnRequiredValidatorDirective } from 'igniteui-angular/grids/core'; @@ -16,7 +16,7 @@ export function phoneFormatValidator(phoneReg: RegExp): ValidatorFn { @Directive({ selector: '[phoneFormat]', - providers: [{ provide: NG_VALIDATORS, useExisting: forwardRef(() => PhoneFormatDirective), multi: true }] + providers: [{ provide: NG_VALIDATORS, useExisting: PhoneFormatDirective, multi: true }] }) export class PhoneFormatDirective extends Validators { @Input('phoneFormat') @@ -32,6 +32,7 @@ export class PhoneFormatDirective extends Validators { selector: 'app-grid-validator-service-extended', styleUrls: ['./grid-validator-service-extended.component.scss'], templateUrl: './grid-validator-service-extended.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent, IgxColumnRequiredValidatorDirective, IgxColumnEmailValidatorDirective, PhoneFormatDirective, IgxCellValidationErrorDirective, NgTemplateOutlet, IgxColumnMinValidatorDirective, IgxButtonDirective, DatePipe] }) export class GridValidatorServiceExtendedComponent { diff --git a/src/app/grid/grid-validator-service/grid-validator-service.component.ts b/src/app/grid/grid-validator-service/grid-validator-service.component.ts index 0738ea2a24..1b71dc891a 100644 --- a/src/app/grid/grid-validator-service/grid-validator-service.component.ts +++ b/src/app/grid/grid-validator-service/grid-validator-service.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { employeesData } from '../../data/employeesData'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -11,6 +11,7 @@ import { DatePipe } from '@angular/common'; selector: 'app-grid-validator-service', styleUrls: ['./grid-validator-service.component.scss'], templateUrl: './grid-validator-service.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxGridComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent, IgxColumnRequiredValidatorDirective, IgxColumnEmailValidatorDirective, IgxColumnMinValidatorDirective, DatePipe] }) export class GridValidatorServiceComponent { diff --git a/src/app/grid/grid-with-rating/grid-with-rating.component.ts b/src/app/grid/grid-with-rating/grid-with-rating.component.ts index 871ae0fa0b..bb927986b7 100644 --- a/src/app/grid/grid-with-rating/grid-with-rating.component.ts +++ b/src/app/grid/grid-with-rating/grid-with-rating.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxToastComponent } from 'igniteui-angular/toast'; import { CellType, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -14,6 +14,7 @@ defineComponents(IgcRatingComponent); selector: 'app-grid-rating-sample', styleUrls: ['./grid-with-rating.component.scss'], templateUrl: 'grid-with-rating.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgcFormControlDirective, FormsModule, IgxToastComponent] }) export class GridWithRatingComponent implements OnInit { diff --git a/src/app/grid/multi-column-header-template/multi-column-header-template.ts b/src/app/grid/multi-column-header-template/multi-column-header-template.ts index 0b14ff1866..af7aa5bf42 100644 --- a/src/app/grid/multi-column-header-template/multi-column-header-template.ts +++ b/src/app/grid/multi-column-header-template/multi-column-header-template.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-multi-column-header-template', styleUrls: ['multi-column-header-template.scss'], templateUrl: 'multi-column-header-template.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnGroupComponent] }) export class GridMultiColumnHeaderTemplateComponent { diff --git a/src/app/grid/multi-column-headers-export/multi-column-headers-export.component.ts b/src/app/grid/multi-column-headers-export/multi-column-headers-export.component.ts index 84648c23f2..91a5f49b69 100644 --- a/src/app/grid/multi-column-headers-export/multi-column-headers-export.component.ts +++ b/src/app/grid/multi-column-headers-export/multi-column-headers-export.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxColumnComponent, IgxColumnGroupComponent, IgxExporterEvent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @@ -10,6 +10,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-multi-column-headers-export', styleUrls: ['multi-column-headers-export.component.scss'], templateUrl: 'multi-column-headers-export.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxSwitchComponent, FormsModule, IgxGridToolbarPinningComponent, IgxGridToolbarHidingComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxColumnGroupComponent] }) export class GridMultiColumnHeadersExportComponent { diff --git a/src/app/grid/multi-column-headers-styling/multi-column-headers-styling.component.ts b/src/app/grid/multi-column-headers-styling/multi-column-headers-styling.component.ts index ccbb9584a2..91e0a68900 100644 --- a/src/app/grid/multi-column-headers-styling/multi-column-headers-styling.component.ts +++ b/src/app/grid/multi-column-headers-styling/multi-column-headers-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { DATA } from '../../data/customers'; @@ -8,6 +8,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-multi-column-headers-styling', styleUrls: ['./multi-column-headers-styling.component.scss'], templateUrl: './multi-column-headers-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnGroupComponent] }) export class GridMultiColumnHeadersStylingComponent { diff --git a/src/app/grid/multi-column-headers/multi-column-headers.ts b/src/app/grid/multi-column-headers/multi-column-headers.ts index 16a522f372..012ba1d5ca 100644 --- a/src/app/grid/multi-column-headers/multi-column-headers.ts +++ b/src/app/grid/multi-column-headers/multi-column-headers.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-multi-column-headers', styleUrls: ['multi-column-headers.scss'], templateUrl: 'multi-column-headers.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnGroupComponent, IgxButtonDirective] }) export class GridMultiColumnHeadersComponent { diff --git a/src/app/hierarchical-grid/column-group-selection/hierarchical-grid-column-group-selection.component.ts b/src/app/hierarchical-grid/column-group-selection/hierarchical-grid-column-group-selection.component.ts index d8e951f793..d4784ac2f4 100644 --- a/src/app/hierarchical-grid/column-group-selection/hierarchical-grid-column-group-selection.component.ts +++ b/src/app/hierarchical-grid/column-group-selection/hierarchical-grid-column-group-selection.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { CUSTOMERS } from '../../data/hierarchical-data'; @@ -8,6 +8,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-column-group-selection', templateUrl: './hierarchical-grid-column-group-selection.component.html', styleUrls: ['./hierarchical-grid-column-group-selection.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnGroupComponent, IgxRowIslandComponent] }) export class HierarchicalGridColumnGroupSelectionComponent implements OnInit, AfterViewInit { diff --git a/src/app/hierarchical-grid/column-selection-styles/hierarchical-grid-column-selection-styles.component.ts b/src/app/hierarchical-grid/column-selection-styles/hierarchical-grid-column-selection-styles.component.ts index df67a30ee1..d192c2c896 100644 --- a/src/app/hierarchical-grid/column-selection-styles/hierarchical-grid-column-selection-styles.component.ts +++ b/src/app/hierarchical-grid/column-selection-styles/hierarchical-grid-column-selection-styles.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { SINGERS } from '../../data/singersData'; @@ -8,6 +8,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-column-selection-styles', templateUrl: './hierarchical-grid-column-selection-styles.component.html', styleUrls: ['./hierarchical-grid-column-selection-styles.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) export class HGridColumnSelectionStylesComponent implements OnInit, AfterViewInit { diff --git a/src/app/hierarchical-grid/column-selection/hierarchical-grid-column-selection.component.ts b/src/app/hierarchical-grid/column-selection/hierarchical-grid-column-selection.component.ts index 75ccaded44..2471bbe0bf 100644 --- a/src/app/hierarchical-grid/column-selection/hierarchical-grid-column-selection.component.ts +++ b/src/app/hierarchical-grid/column-selection/hierarchical-grid-column-selection.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { GridSelectionMode, IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; @@ -11,6 +11,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-hierarchical-grid-column-selection', templateUrl: './hierarchical-grid-column-selection.component.html', styleUrls: ['./hierarchical-grid-column-selection.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxSelectComponent, FormsModule, IgxLabelDirective, IgxSelectItemComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) export class HierarchicalGridColumnSelectionComponent implements OnInit, AfterViewInit { diff --git a/src/app/hierarchical-grid/hgrid-column-autosizing/hgrid-column-autosizing.component.ts b/src/app/hierarchical-grid/hgrid-column-autosizing/hgrid-column-autosizing.component.ts index 96919a585b..be90a0ed4f 100644 --- a/src/app/hierarchical-grid/hgrid-column-autosizing/hgrid-column-autosizing.component.ts +++ b/src/app/hierarchical-grid/hgrid-column-autosizing/hgrid-column-autosizing.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { CUSTOMERS } from '../../data/hierarchical-data'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -7,6 +7,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'hierarchical-grid-column-autosizing', styleUrls: ['./hgrid-column-autosizing.component.scss'], templateUrl: './hgrid-column-autosizing.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hgrid-editing-lifecycle-sample/hgrid-editing-lifecycle.component.ts b/src/app/hierarchical-grid/hgrid-editing-lifecycle-sample/hgrid-editing-lifecycle.component.ts index afaaf6de75..cf5271b69a 100644 --- a/src/app/hierarchical-grid/hgrid-editing-lifecycle-sample/hgrid-editing-lifecycle.component.ts +++ b/src/app/hierarchical-grid/hgrid-editing-lifecycle-sample/hgrid-editing-lifecycle.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, Renderer2, ViewChild, inject } from '@angular/core'; +import { Component, ElementRef, Renderer2, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; @@ -11,6 +11,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hgrid-editing-lifecycle', templateUrl: 'hgrid-editing-lifecycle.component.html', styleUrls: ['hgrid-editing-lifecycle.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent, IgxButtonDirective, IgxIconComponent] }) export class HGridEditingLifecycleComponent { diff --git a/src/app/hierarchical-grid/hgrid-keybarod-nav-guide-sample/hgrid-keyboard-guide.component.ts b/src/app/hierarchical-grid/hgrid-keybarod-nav-guide-sample/hgrid-keyboard-guide.component.ts index 91be0500e5..8bb284bd05 100644 --- a/src/app/hierarchical-grid/hgrid-keybarod-nav-guide-sample/hgrid-keyboard-guide.component.ts +++ b/src/app/hierarchical-grid/hgrid-keybarod-nav-guide-sample/hgrid-keyboard-guide.component.ts @@ -3,7 +3,7 @@ /* eslint-disable @typescript-eslint/naming-convention */ /* eslint-disable no-shadow */ import { animate, state, style, transition, trigger } from '@angular/animations'; -import { ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild, inject } from '@angular/core'; +import { ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { CellType, IgxColumnComponent, IgxColumnGroupComponent, IgxGridToolbarComponent, IgxGridToolbarDirective } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxEmptyListTemplateDirective, IgxListComponent, IgxListItemComponent, IgxListLineSubTitleDirective, IgxListLineTitleDirective } from 'igniteui-angular/list'; @@ -167,6 +167,7 @@ const summaryCombinations: Item[] = [ ]) ]) ], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPaginatorComponent, IgxGridToolbarComponent, IgxColumnComponent, IgxColumnGroupComponent, IgxRowIslandComponent, IgxGridToolbarDirective, IgxListComponent, IgxListItemComponent, NgClass, IgxListLineTitleDirective, IgxListLineSubTitleDirective, IgxCheckboxComponent, IgxEmptyListTemplateDirective] }) export class HGridKeyboardnavGuide implements OnInit, OnDestroy { diff --git a/src/app/hierarchical-grid/hgrid-rowClasses-sample/hgrid-rowClasses.component.ts b/src/app/hierarchical-grid/hgrid-rowClasses-sample/hgrid-rowClasses.component.ts index fa8ce6cee8..0ba49a294d 100644 --- a/src/app/hierarchical-grid/hgrid-rowClasses-sample/hgrid-rowClasses.component.ts +++ b/src/app/hierarchical-grid/hgrid-rowClasses-sample/hgrid-rowClasses.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, RowType } from 'igniteui-angular/grids/core'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hgrid-row-classes', styleUrls: ['./hgrid-rowClasses.component.scss'], templateUrl: 'hgrid-rowClasses.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxIconButtonDirective, IgxIconComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hgrid-rowStyle-sample/hgrid-rowStyles.component.ts b/src/app/hierarchical-grid/hgrid-rowStyle-sample/hgrid-rowStyles.component.ts index ae92b4259b..826546bffc 100644 --- a/src/app/hierarchical-grid/hgrid-rowStyle-sample/hgrid-rowStyles.component.ts +++ b/src/app/hierarchical-grid/hgrid-rowStyle-sample/hgrid-rowStyles.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, RowType } from 'igniteui-angular/grids/core'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hgrid-row-row-styles', styleUrls: ['./hgrid-rowStyles.component.scss'], templateUrl: 'hgrid-rowStyles.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxIconButtonDirective, IgxIconComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hgrid-summary-export/hgrid-summary-export.component.ts b/src/app/hierarchical-grid/hgrid-summary-export/hgrid-summary-export.component.ts index eab9a7574c..b32e4328e5 100644 --- a/src/app/hierarchical-grid/hgrid-summary-export/hgrid-summary-export.component.ts +++ b/src/app/hierarchical-grid/hgrid-summary-export/hgrid-summary-export.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, inject } from '@angular/core'; +import { Component, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxSummaryResult } from 'igniteui-angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; @@ -46,6 +46,7 @@ class MyChildSummary { selector: 'app-hierarchical-grid-summary-export', styleUrls: ['./hgrid-summary-export.component.scss'], templateUrl: 'hgrid-summary-export.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hgrid-summary-template/hgrid-summary-template.component.ts b/src/app/hierarchical-grid/hgrid-summary-template/hgrid-summary-template.component.ts index 8177e2a118..bf83d9c898 100644 --- a/src/app/hierarchical-grid/hgrid-summary-template/hgrid-summary-template.component.ts +++ b/src/app/hierarchical-grid/hgrid-summary-template/hgrid-summary-template.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit } from '@angular/core'; +import { Component, HostBinding, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand, IgxSummaryTemplateDirective } from 'igniteui-angular/grids/core'; import { IgxSummaryResult } from 'igniteui-angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -51,6 +51,7 @@ class GrammySummary { selector: 'app-hierarchical-grid-all-data-summary', styleUrls: ['./hgrid-summary-template.component.scss'], templateUrl: 'hgrid-summary-template.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxSwitchComponent, IgxButtonGroupComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxSummaryTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-action-strip/hierarchical-grid-action-strip-sample.ts b/src/app/hierarchical-grid/hierarchical-grid-action-strip/hierarchical-grid-action-strip-sample.ts index ef49a19046..e57e493bd8 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-action-strip/hierarchical-grid-action-strip-sample.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-action-strip/hierarchical-grid-action-strip-sample.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectorRef, AfterViewInit, ViewChildren, QueryList, inject } from '@angular/core'; +import { Component, ViewChild, ChangeDetectorRef, AfterViewInit, ViewChildren, QueryList, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridPinningActionsComponent, RowType } from 'igniteui-angular/grids/core'; import { Transaction } from 'igniteui-angular/core'; @@ -13,6 +13,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-row-action-strip', styleUrls: [`hierarchical-grid-action-strip-sample.scss`], templateUrl: 'hierarchical-grid-action-strip-sample.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxActionStripComponent, IgxGridPinningActionsComponent, IgxIconButtonDirective, IgxRippleDirective, IgxIconComponent] }) export class HGridActionStripSampleComponent implements AfterViewInit{ diff --git a/src/app/hierarchical-grid/hierarchical-grid-add-row/hierarchical-grid-add-row.component.ts b/src/app/hierarchical-grid/hierarchical-grid-add-row/hierarchical-grid-add-row.component.ts index 28326279b7..ead746bc94 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-add-row/hierarchical-grid-add-row.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-add-row/hierarchical-grid-add-row.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxColumnComponent, IgxGridEditingActionsComponent } from 'igniteui-angular/grids/core'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-add-row', styleUrls: ['./hierarchical-grid-add-row.component.scss'], templateUrl: './hierarchical-grid-add-row.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxActionStripComponent, IgxGridEditingActionsComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-advanced-filtering-style/hierarchical-grid-advanced-filtering-style.component.ts b/src/app/hierarchical-grid/hierarchical-grid-advanced-filtering-style/hierarchical-grid-advanced-filtering-style.component.ts index 87e682c4f4..1baaf1ba3f 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-advanced-filtering-style/hierarchical-grid-advanced-filtering-style.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-advanced-filtering-style/hierarchical-grid-advanced-filtering-style.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarComponent, IgxGridToolbarDirective } from 'igniteui-angular/grids/core'; @@ -8,6 +8,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-advanced-filtering-style', styleUrls: ['./hierarchical-grid-advanced-filtering-style.component.scss'], templateUrl: 'hierarchical-grid-advanced-filtering-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxGridToolbarDirective] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-advanced-filtering/hierarchical-grid-advanced-filtering.component.ts b/src/app/hierarchical-grid/hierarchical-grid-advanced-filtering/hierarchical-grid-advanced-filtering.component.ts index 178c411c60..632e283769 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-advanced-filtering/hierarchical-grid-advanced-filtering.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-advanced-filtering/hierarchical-grid-advanced-filtering.component.ts @@ -1,4 +1,4 @@ -import { Component, AfterViewInit, ViewChild, ChangeDetectorRef, inject } from '@angular/core'; +import { Component, AfterViewInit, ViewChild, ChangeDetectorRef, inject, ChangeDetectionStrategy } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarComponent, IgxGridToolbarDirective } from 'igniteui-angular/grids/core'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-advanced-filtering', styleUrls: ['./hierarchical-grid-advanced-filtering.component.scss'], templateUrl: 'hierarchical-grid-advanced-filtering.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxGridToolbarDirective] }) @@ -23,7 +24,7 @@ export class HGridAdvancedFilteringSampleComponent implements AfterViewInit{ constructor() { this.localData = SINGERS; } - + public ngAfterViewInit() { const albumsTree = new FilteringExpressionsTree(FilteringLogic.And, undefined, 'Albums', ['Artist']); albumsTree.filteringOperands.push({ diff --git a/src/app/hierarchical-grid/hierarchical-grid-allData-summary/hierarchical-grid-allData-summary.component.ts b/src/app/hierarchical-grid/hierarchical-grid-allData-summary/hierarchical-grid-allData-summary.component.ts index 88f2e1b552..c4df67dd23 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-allData-summary/hierarchical-grid-allData-summary.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-allData-summary/hierarchical-grid-allData-summary.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxSummaryResult } from 'igniteui-angular/core'; @@ -47,6 +47,7 @@ class GrammySummary { selector: 'app-hierarchical-grid-all-data-summary', styleUrls: ['./hierarchical-grid-allData-summary.component.scss'], templateUrl: 'hierarchical-grid-allData-summary.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-batch-editing/hierarchical-grid-batch-editing.component.ts b/src/app/hierarchical-grid/hierarchical-grid-batch-editing/hierarchical-grid-batch-editing.component.ts index e6a09ab0e1..3b8fd85e89 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-batch-editing/hierarchical-grid-batch-editing.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-batch-editing/hierarchical-grid-batch-editing.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { Transaction } from 'igniteui-angular/core'; @@ -17,6 +17,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-hierarchical-grid-batch-editing', styleUrls: ['./hierarchical-grid-batch-editing.component.scss'], templateUrl: 'hierarchical-grid-batch-editing.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxGridToolbarDirective, IgxGridToolbarComponent, IgxDialogComponent, IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxCheckboxComponent, IgxGridComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-cell-merge-custom/hierarchical-grid-cell-merge-custom.component.ts b/src/app/hierarchical-grid/hierarchical-grid-cell-merge-custom/hierarchical-grid-cell-merge-custom.component.ts index ae4e19b225..f88c8ac7dd 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-cell-merge-custom/hierarchical-grid-cell-merge-custom.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-cell-merge-custom/hierarchical-grid-cell-merge-custom.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { HIERARCHICAL_DATA_EXTENDED } from '../../data/hierarchical-data-extended'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { GridCellMergeMode, IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; @@ -12,6 +12,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-hierarchical-grid-cell-merge-custom', styleUrls: ['./hierarchical-grid-cell-merge-custom.component.scss'], templateUrl: 'hierarchical-grid-cell-merge-custom.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, diff --git a/src/app/hierarchical-grid/hierarchical-grid-cell-merge/hierarchical-grid-cell-merge.component.ts b/src/app/hierarchical-grid/hierarchical-grid-cell-merge/hierarchical-grid-cell-merge.component.ts index 18ad978ced..e8dcc24b81 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-cell-merge/hierarchical-grid-cell-merge.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-cell-merge/hierarchical-grid-cell-merge.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, ContentChild, inject, ViewChild } from '@angular/core'; +import { ChangeDetectorRef, Component, ContentChild, inject, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { GridCellMergeMode, IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { SortingDirection } from 'igniteui-angular/core'; @@ -12,6 +12,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-hierarchical-grid-cell-merge', styleUrls: ['./hierarchical-grid-cell-merge.component.scss'], templateUrl: 'hierarchical-grid-cell-merge.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, diff --git a/src/app/hierarchical-grid/hierarchical-grid-cellSelection-sample/hierarchical-grid-cellSelection.component.ts b/src/app/hierarchical-grid/hierarchical-grid-cellSelection-sample/hierarchical-grid-cellSelection.component.ts index 5fcddb71f1..1aa7ed7225 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-cellSelection-sample/hierarchical-grid-cellSelection.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-cellSelection-sample/hierarchical-grid-cellSelection.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { GridSelectionMode, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -12,6 +12,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-cell-selection', styleUrls: ['./hierarchical-grid-cellSelection.component.scss'], templateUrl: 'hierarchical-grid-cellSelection.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent, IgxSnackbarComponent, IgxIconComponent] }) export class HierarchicalGridCellSelectionComponent implements OnInit { diff --git a/src/app/hierarchical-grid/hierarchical-grid-collapsible-column-groups/hierarchical-grid-collapsible-column-groups.component.ts b/src/app/hierarchical-grid/hierarchical-grid-collapsible-column-groups/hierarchical-grid-collapsible-column-groups.component.ts index 397822143f..07d0c1be95 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-collapsible-column-groups/hierarchical-grid-collapsible-column-groups.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-collapsible-column-groups/hierarchical-grid-collapsible-column-groups.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCollapsibleIndicatorTemplateDirective, IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-collapsible-column-groups', styleUrls: ['./hierarchical-grid-collapsible-column-groups.component.scss'], templateUrl: 'hierarchical-grid-collapsible-column-groups.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnGroupComponent, IgxCollapsibleIndicatorTemplateDirective, IgxIconComponent, IgxTooltipTargetDirective, IgxTooltipDirective, IgxColumnComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-column-hiding-toolbar-style/hierarchical-grid-column-hiding-toolbar-style.component.ts b/src/app/hierarchical-grid/hierarchical-grid-column-hiding-toolbar-style/hierarchical-grid-column-hiding-toolbar-style.component.ts index 06a501bd09..c772fefc31 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-column-hiding-toolbar-style/hierarchical-grid-column-hiding-toolbar-style.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-column-hiding-toolbar-style/hierarchical-grid-column-hiding-toolbar-style.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnInit, ViewChild } from '@angular/core'; +import { AfterViewInit, Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarDirective, IgxGridToolbarHidingComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; import { SINGERS } from '../../data/singersData'; @@ -8,6 +8,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-column-hiding-toolbar-style', styleUrls: ['./hierarchical-grid-column-hiding-toolbar-style.component.scss'], templateUrl: './hierarchical-grid-column-hiding-toolbar-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxGridToolbarDirective] }) export class HierarchicalGridColumnHidingToolbarStyleComponent implements OnInit { diff --git a/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-custom-hiding.component.ts b/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-custom-hiding.component.ts index f62c43f132..454d9d9d7e 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-custom-hiding.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-custom-hiding.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnActionsComponent, IgxColumnComponent, IgxColumnHidingDirective } from 'igniteui-angular/grids/core'; import { IgxRadioComponent } from 'igniteui-angular/radio'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-custom-hiding', styleUrls: ['./hierarchical-grid-custom-hiding.component.scss'], templateUrl: 'hierarchical-grid-custom-hiding.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxColumnActionsComponent, IgxColumnHidingDirective, IgxRadioComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-hiding.component.ts b/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-hiding.component.ts index 8aa58d8b2f..2c74f8cb37 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-hiding.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-hiding.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarDirective, IgxGridToolbarHidingComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -8,6 +8,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-hiding', styleUrls: ['./hierarchical-grid-hiding.component.scss'], templateUrl: 'hierarchical-grid-hiding.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxGridToolbarDirective] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-column-moving-styled/hierarchical-grid-moving-styled.component.ts b/src/app/hierarchical-grid/hierarchical-grid-column-moving-styled/hierarchical-grid-moving-styled.component.ts index 51e12be5b1..81691ebcfd 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-column-moving-styled/hierarchical-grid-moving-styled.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-column-moving-styled/hierarchical-grid-moving-styled.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxCellHeaderTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-moving-styled', styleUrls: ['./hierarchical-grid-moving-styled.component.scss'], templateUrl: 'hierarchical-grid-moving-styled.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellHeaderTemplateDirective, IgxIconComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-column-moving/hierarchical-grid-moving.component.ts b/src/app/hierarchical-grid/hierarchical-grid-column-moving/hierarchical-grid-moving.component.ts index 8c94e7924d..047cedc734 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-column-moving/hierarchical-grid-moving.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-column-moving/hierarchical-grid-moving.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxCellHeaderTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-moving', styleUrls: ['./hierarchical-grid-moving.component.scss'], templateUrl: 'hierarchical-grid-moving.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellHeaderTemplateDirective, IgxIconComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-pinning.component.ts b/src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-pinning.component.ts index 97ce00cd7e..d73273f501 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-pinning.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-pinning.component.ts @@ -1,5 +1,5 @@ -import { AfterViewInit, ChangeDetectorRef, Component, inject } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, inject, ChangeDetectionStrategy } from '@angular/core'; import { ColumnType } from 'igniteui-angular/core'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; import { IgxCellHeaderTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -13,6 +13,7 @@ const FILTERING_ICONS_FONT_SET = 'filtering-icons'; selector: 'app-hierarchical-grid-pinning', styleUrls: ['./hierarchical-grid-pinning.component.scss'], templateUrl: 'hierarchical-grid-pinning.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCellHeaderTemplateDirective, IgxIconComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-toolbar-pinning.component.ts b/src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-toolbar-pinning.component.ts index 6c3a4ff00a..d67222dee0 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-toolbar-pinning.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-toolbar-pinning.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject } from '@angular/core'; +import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; import { CUSTOMERS } from '../../data/hierarchical-data'; import { ActivatedRoute } from '@angular/router'; import { NgClass } from '@angular/common'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-toolbar-pinning', styleUrls: ['./hierarchical-grid-toolbar-pinning.component.scss'], templateUrl: 'hierarchical-grid-toolbar-pinning.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [NgClass, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarPinningComponent, IgxColumnComponent, IgxRowIslandComponent] }) export class HGridToolbarPinningComponent implements OnInit { diff --git a/src/app/hierarchical-grid/hierarchical-grid-conditional-row-selectors/hierarchical-grid-conditional-row-selectors.component.ts b/src/app/hierarchical-grid/hierarchical-grid-conditional-row-selectors/hierarchical-grid-conditional-row-selectors.component.ts index 7b78532b57..d88491edf8 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-conditional-row-selectors/hierarchical-grid-conditional-row-selectors.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-conditional-row-selectors/hierarchical-grid-conditional-row-selectors.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { IRowSelectionEventArgs, IgxColumnComponent, IgxRowSelectorDirective } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-conditional-row-selectors', styleUrls: ['./hierarchical-grid-conditional-row-selectors.component.scss'], templateUrl: 'hierarchical-grid-conditional-row-selectors.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxRowIslandComponent, IgxRowSelectorDirective, IgxCheckboxComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-cross-field-validation/hierarchical-grid-cross-field-validation.component.ts b/src/app/hierarchical-grid/hierarchical-grid-cross-field-validation/hierarchical-grid-cross-field-validation.component.ts index 5668d18936..f4e197d4e2 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-cross-field-validation/hierarchical-grid-cross-field-validation.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-cross-field-validation/hierarchical-grid-cross-field-validation.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { AbstractControl, ValidationErrors, ValidatorFn, FormsModule, ReactiveFormsModule } from '@angular/forms'; import { CellType, IGridEditEventArgs, IGridFormGroupCreatedEventArgs, IgxCellEditorTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent, IgxColumnRequiredValidatorDirective, IgxGridToolbarComponent, IgxGridToolbarDirective } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; @@ -13,6 +13,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'hierarchical-grid-cross-field-validation', styleUrls: ['./hierarchical-grid-cross-field-validation.component.scss'], templateUrl: 'hierarchical-grid-cross-field-validation.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxTooltipTargetDirective, IgxTooltipDirective, IgxColumnRequiredValidatorDirective, IgxCellEditorTemplateDirective, IgxSelectComponent, ReactiveFormsModule, IgxFocusDirective, IgxSelectItemComponent, IgxRowIslandComponent, IgxGridToolbarDirective, IgxGridToolbarComponent, IgxButtonDirective] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-custom-kb-navigation/hierarchical-grid-custom-kb-navigation-sample.component.ts b/src/app/hierarchical-grid/hierarchical-grid-custom-kb-navigation/hierarchical-grid-custom-kb-navigation-sample.component.ts index d6a1febac8..4a4d4c7b1d 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-custom-kb-navigation/hierarchical-grid-custom-kb-navigation-sample.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-custom-kb-navigation/hierarchical-grid-custom-kb-navigation-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IGridCreatedEventArgs, IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { CellType, IGridKeydownEventArgs, IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarComponent, IgxGridToolbarDirective, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; import { SINGERS } from '../../data/singersData'; @@ -8,6 +8,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-custom-kb-navigation-sample', styleUrls: ['./hierarchical-grid-custom-kb-navigation-sample.component.scss'], templateUrl: 'hierarchical-grid-custom-kb-navigation-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxGridToolbarDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-disable-summaries/hierarchical-grid-disable-summaries.component.ts b/src/app/hierarchical-grid/hierarchical-grid-disable-summaries/hierarchical-grid-disable-summaries.component.ts index 0161f967c3..8695e8dbdf 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-disable-summaries/hierarchical-grid-disable-summaries.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-disable-summaries/hierarchical-grid-disable-summaries.component.ts @@ -70,6 +70,7 @@ class GrammySummary { selector: "app-hierarchical-grid-summary-sample", styleUrls: ["./hierarchical-grid-disable-summaries.component.scss"], templateUrl: "hierarchical-grid-disable-summaries.component.html", + changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxHierarchicalGridComponent, IgxRowIslandComponent, diff --git a/src/app/hierarchical-grid/hierarchical-grid-display-density/hierarchical-grid-density.component.ts b/src/app/hierarchical-grid/hierarchical-grid-display-density/hierarchical-grid-density.component.ts index 31cf229aee..e7446ef664 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-display-density/hierarchical-grid-density.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-display-density/hierarchical-grid-density.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ViewChild } from '@angular/core'; +import { Component, HostBinding, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-density', styleUrls: ['./hierarchical-grid-density.component.scss'], templateUrl: 'hierarchical-grid-density.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-editing-events/hierarchical-grid-editing-events.component.ts b/src/app/hierarchical-grid/hierarchical-grid-editing-events/hierarchical-grid-editing-events.component.ts index 94a4523e00..cacb13bd69 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-editing-events/hierarchical-grid-editing-events.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-editing-events/hierarchical-grid-editing-events.component.ts @@ -1,4 +1,4 @@ -import { Component, OnDestroy, OnInit, ViewChild } from '@angular/core'; +import { Component, OnDestroy, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IGridCreatedEventArgs, IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IGridEditEventArgs, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxToastComponent } from 'igniteui-angular/toast'; @@ -13,6 +13,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-editing-events', styleUrls: ['./hierarchical-grid-editing-events.component.scss'], templateUrl: 'hierarchical-grid-editing-events.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent, IgxToastComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-editing-style/hierarchical-grid-editing-style.component.ts b/src/app/hierarchical-grid/hierarchical-grid-editing-style/hierarchical-grid-editing-style.component.ts index 9bd98422df..fd84574f12 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-editing-style/hierarchical-grid-editing-style.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-editing-style/hierarchical-grid-editing-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { SINGERS } from '../../data/singersData'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-editing-style', styleUrls: ['./hierarchical-grid-editing-style.component.scss'], templateUrl: 'hierarchical-grid-editing-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-editing/hierarchical-grid-editing.component.ts b/src/app/hierarchical-grid/hierarchical-grid-editing/hierarchical-grid-editing.component.ts index 8d98db1c7f..816fc5d1e0 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-editing/hierarchical-grid-editing.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-editing/hierarchical-grid-editing.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core'; @@ -40,6 +40,7 @@ class MySummary { selector: 'app-hierarchical-grid-editing', styleUrls: ['./hierarchical-grid-editing.component.scss'], templateUrl: 'hierarchical-grid-editing.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxIconButtonDirective, IgxIconComponent, IgxRowIslandComponent, IgxDialogComponent, IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxCheckboxComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-excel-exporter/hierarchical-grid-excel-export.sample.ts b/src/app/hierarchical-grid/hierarchical-grid-excel-exporter/hierarchical-grid-excel-export.sample.ts index 7c98e6e67a..71bf1acd1f 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-excel-exporter/hierarchical-grid-excel-export.sample.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-excel-exporter/hierarchical-grid-excel-export.sample.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { Singer, SINGERS } from '../../data/artistData'; @@ -7,6 +7,7 @@ import { Singer, SINGERS } from '../../data/artistData'; selector: 'app-hierarchical-grid-excel-export-sample', styleUrls: ['hierarchical-grid-excel-export.sample.scss'], templateUrl: 'hierarchical-grid-excel-export.sample.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxRowIslandComponent] }) export class HGridExcelExportSampleComponent { diff --git a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-load-on-demand/hierarchical-grid-excel-style-filtering-load-on-demand.component.ts b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-load-on-demand/hierarchical-grid-excel-style-filtering-load-on-demand.component.ts index 60074a224b..ce36956ea5 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-load-on-demand/hierarchical-grid-excel-style-filtering-load-on-demand.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-load-on-demand/hierarchical-grid-excel-style-filtering-load-on-demand.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject } from '@angular/core'; +import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; import { ColumnType, IFilteringExpressionsTree } from 'igniteui-angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro templateUrl: './hierarchical-grid-excel-style-filtering-load-on-demand.component.html', styleUrls: ['./hierarchical-grid-excel-style-filtering-load-on-demand.component.scss'], providers: [RemoteValuesService], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) export class HierarchicalGridExcelStyleFilteringLoadOnDemandComponent implements OnInit { diff --git a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-1/hierarchical-grid-excel-style-filtering-sample-1.component.ts b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-1/hierarchical-grid-excel-style-filtering-sample-1.component.ts index c6804d7aaa..73bbbfd4e3 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-1/hierarchical-grid-excel-style-filtering-sample-1.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-1/hierarchical-grid-excel-style-filtering-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ViewChild } from '@angular/core'; +import { Component, HostBinding, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent } from 'igniteui-angular/grids/core'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-excel-style-filtering-sample-1', styleUrls: ['./hierarchical-grid-excel-style-filtering-sample-1.component.scss'], templateUrl: 'hierarchical-grid-excel-style-filtering-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-2/hierarchical-grid-excel-style-filtering-sample-2.component.ts b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-2/hierarchical-grid-excel-style-filtering-sample-2.component.ts index be298df026..70e3712065 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-2/hierarchical-grid-excel-style-filtering-sample-2.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-2/hierarchical-grid-excel-style-filtering-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent } from 'igniteui-angular/grids/core'; @@ -8,6 +8,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-excel-style-filtering-sample-2', styleUrls: ['./hierarchical-grid-excel-style-filtering-sample-2.component.scss'], templateUrl: 'hierarchical-grid-excel-style-filtering-sample-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-3/hierarchical-grid-excel-style-filtering-sample-3.component.ts b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-3/hierarchical-grid-excel-style-filtering-sample-3.component.ts index 61c51165a4..e7c0ba5f61 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-3/hierarchical-grid-excel-style-filtering-sample-3.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-3/hierarchical-grid-excel-style-filtering-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxExcelStyleColumnOperationsTemplateDirective, IgxExcelStyleFilterOperationsTemplateDirective, IgxExcelStyleHeaderComponent, IgxExcelStyleHeaderIconDirective, IgxExcelStyleSearchComponent, IgxExcelStyleSortingComponent, IgxGridExcelStyleFilteringComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent } from 'igniteui-angular/grids/core'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-excel-style-filtering-sample-3', styleUrls: ['./hierarchical-grid-excel-style-filtering-sample-3.component.scss'], templateUrl: 'hierarchical-grid-excel-style-filtering-sample-3.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxExcelStyleHeaderIconDirective, IgxIconComponent, IgxGridExcelStyleFilteringComponent, IgxExcelStyleColumnOperationsTemplateDirective, IgxExcelStyleHeaderComponent, IgxExcelStyleSortingComponent, IgxExcelStyleFilterOperationsTemplateDirective, IgxExcelStyleSearchComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-style/hierarchical-grid-excel-style-filtering-style.component.ts b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-style/hierarchical-grid-excel-style-filtering-style.component.ts index cd8fe1db14..a1ab6a71e5 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-style/hierarchical-grid-excel-style-filtering-style.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-style/hierarchical-grid-excel-style-filtering-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { SINGERS } from '../../data/singersData'; @@ -8,6 +8,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-excel-style-filtering-style', styleUrls: ['./hierarchical-grid-excel-style-filtering-style.component.scss'], templateUrl: 'hierarchical-grid-excel-style-filtering-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) export class HGridExcelStyleFilteringStyleComponent { diff --git a/src/app/hierarchical-grid/hierarchical-grid-external-advanced-filtering/hierarchical-grid-external-advanced-filtering.component.ts b/src/app/hierarchical-grid/hierarchical-grid-external-advanced-filtering/hierarchical-grid-external-advanced-filtering.component.ts index 87d7104a0f..f10cc7098f 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-external-advanced-filtering/hierarchical-grid-external-advanced-filtering.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-external-advanced-filtering/hierarchical-grid-external-advanced-filtering.component.ts @@ -8,6 +8,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-external-advanced-filtering', templateUrl: './hierarchical-grid-external-advanced-filtering.component.html', styleUrls: ['./hierarchical-grid-external-advanced-filtering.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAdvancedFilteringDialogComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxGridToolbarDirective, IgxGridToolbarComponent] }) export class HGridExternalAdvancedFilteringComponent { diff --git a/src/app/hierarchical-grid/hierarchical-grid-external-excel-style-filtering/hierarchical-grid-external-excel-style-filtering.component.ts b/src/app/hierarchical-grid/hierarchical-grid-external-excel-style-filtering/hierarchical-grid-external-excel-style-filtering.component.ts index a468af36e2..2582d8e45f 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-external-excel-style-filtering/hierarchical-grid-external-excel-style-filtering.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-external-excel-style-filtering/hierarchical-grid-external-excel-style-filtering.component.ts @@ -8,6 +8,7 @@ import { SINGERS } from '../../data/singersData'; import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scroll.directive'; @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-hierarchical-grid-external-excel-style-filtering', templateUrl: './hierarchical-grid-external-excel-style-filtering.component.html', styleUrls: ['./hierarchical-grid-external-excel-style-filtering.component.scss'], diff --git a/src/app/hierarchical-grid/hierarchical-grid-external-outlet/hierarchical-grid-external-outlet-sample.component.ts b/src/app/hierarchical-grid/hierarchical-grid-external-outlet/hierarchical-grid-external-outlet-sample.component.ts index 42d6cf25c9..978743a72b 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-external-outlet/hierarchical-grid-external-outlet-sample.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-external-outlet/hierarchical-grid-external-outlet-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent } from 'igniteui-angular/grids/core'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-external-outlet', styleUrls: ['./hierarchical-grid-external-outlet-sample.component.scss'], templateUrl: 'hierarchical-grid-external-outlet-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxOverlayOutletDirective] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-filtering-style/hierarchical-grid-filtering-style.component.ts b/src/app/hierarchical-grid/hierarchical-grid-filtering-style/hierarchical-grid-filtering-style.component.ts index 9cb589296b..03c495267e 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-filtering-style/hierarchical-grid-filtering-style.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-filtering-style/hierarchical-grid-filtering-style.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -8,6 +8,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-filtering-style', styleUrls: ['./hierarchical-grid-filtering-style.component.scss'], templateUrl: './hierarchical-grid-filtering-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) export class HierarchicalGridFilteringStyleComponent { diff --git a/src/app/hierarchical-grid/hierarchical-grid-filtering-template/hierarchical-grid-filtering-template.component.ts b/src/app/hierarchical-grid/hierarchical-grid-filtering-template/hierarchical-grid-filtering-template.component.ts index f7f4261dfe..23191188e1 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-filtering-template/hierarchical-grid-filtering-template.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-filtering-template/hierarchical-grid-filtering-template.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { ColumnType, GridColumnDataType, IgxDateFilteringOperand, IgxNumberFilteringOperand, IgxPickerClearComponent, IgxPickerToggleComponent, IgxStringFilteringOperand, OverlaySettings } from 'igniteui-angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxFilterCellTemplateDirective } from 'igniteui-angular/grids/core'; @@ -13,6 +13,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-filtering-template', styleUrls: ['./hierarchical-grid-filtering-template.component.scss'], templateUrl: 'hierarchical-grid-filtering-template.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxFilterCellTemplateDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, IgxInputDirective, IgxSuffixDirective, IgxDatePickerComponent, IgxPickerToggleComponent, IgxPickerClearComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-filtering/hierarchical-grid-custom-filtering.component.ts b/src/app/hierarchical-grid/hierarchical-grid-filtering/hierarchical-grid-custom-filtering.component.ts index 589bc404de..7af572dce1 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-filtering/hierarchical-grid-custom-filtering.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-filtering/hierarchical-grid-custom-filtering.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IFilteringOperation, IgxBooleanFilteringOperand, IgxStringFilteringOperand } from 'igniteui-angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-custom-filtering', styleUrls: ['./hierarchical-grid-custom-filtering.component.scss'], templateUrl: 'hierarchical-grid-custom-filtering.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-filtering/hierarchical-grid-filtering.component.ts b/src/app/hierarchical-grid/hierarchical-grid-filtering/hierarchical-grid-filtering.component.ts index 77dd97ab91..e825618401 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-filtering/hierarchical-grid-filtering.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-filtering/hierarchical-grid-filtering.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -8,6 +8,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-filtering', styleUrls: ['./hierarchical-grid-filtering.component.scss'], templateUrl: 'hierarchical-grid-filtering.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-formatted-filtering-strategy/hierarchical-grid-formatted-filtering-strategy.component.ts b/src/app/hierarchical-grid/hierarchical-grid-formatted-filtering-strategy/hierarchical-grid-formatted-filtering-strategy.component.ts index 90e8ecba96..46ed2ae013 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-formatted-filtering-strategy/hierarchical-grid-formatted-filtering-strategy.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-formatted-filtering-strategy/hierarchical-grid-formatted-filtering-strategy.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { FormattedValuesFilteringStrategy } from 'igniteui-angular/core'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-formatted-filtering-strategy', styleUrls: ['./hierarchical-grid-formatted-filtering-strategy.component.scss'], templateUrl: 'hierarchical-grid-formatted-filtering-strategy.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-lod/hierarchical-grid-lod.component.ts b/src/app/hierarchical-grid/hierarchical-grid-lod/hierarchical-grid-lod.component.ts index 02b5f64f38..6a236613db 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-lod/hierarchical-grid-lod.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-lod/hierarchical-grid-lod.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnInit, ViewChild, inject } from '@angular/core'; +import { AfterViewInit, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { IGX_HIERARCHICAL_GRID_DIRECTIVES, IGridCreatedEventArgs, IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { EntityType, FilteringExpressionsTree, FilteringLogic, IgxNumberFilteringOperand, IgxStringFilteringOperand } from 'igniteui-angular/core'; @@ -11,6 +11,7 @@ const API_ENDPOINT = 'https://data-northwind.indigo.design'; selector: 'app-hierarchical-grid-lod', styleUrls: ['./hierarchical-grid-lod.component.scss'], templateUrl: './hierarchical-grid-lod.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IGX_HIERARCHICAL_GRID_DIRECTIVES, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent] }) export class HierarchicalGridLoDSampleComponent implements OnInit, AfterViewInit { diff --git a/src/app/hierarchical-grid/hierarchical-grid-multi-cell-style/hierarchical-grid-multi-cell-style.component.ts b/src/app/hierarchical-grid/hierarchical-grid-multi-cell-style/hierarchical-grid-multi-cell-style.component.ts index e74592731a..34e9ad773d 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-multi-cell-style/hierarchical-grid-multi-cell-style.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-multi-cell-style/hierarchical-grid-multi-cell-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { CUSTOMERS } from '../../data/hierarchical-data'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -8,6 +8,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-multi-cell-style', styleUrls: ['./hierarchical-grid-multi-cell-style.component.scss'], templateUrl: 'hierarchical-grid-multi-cell-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-multi-column-header-template/hierarchical-grid-multi-column-template.component.ts b/src/app/hierarchical-grid/hierarchical-grid-multi-column-header-template/hierarchical-grid-multi-column-template.component.ts index 573e8b172a..8b00150fdc 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-multi-column-header-template/hierarchical-grid-multi-column-template.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-multi-column-header-template/hierarchical-grid-multi-column-template.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-multi-column-template', styleUrls: ['./hierarchical-grid-multi-column-template.component.scss'], templateUrl: 'hierarchical-grid-multi-column-template.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnGroupComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers-export/hierarchical-grid-multi-column-export.component.ts b/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers-export/hierarchical-grid-multi-column-export.component.ts index 6e786d56a7..d5b04a7314 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers-export/hierarchical-grid-multi-column-export.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers-export/hierarchical-grid-multi-column-export.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { IgxColumnComponent, IgxColumnGroupComponent, IgxExporterEvent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @@ -10,6 +10,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-hierarchical-grid-multi-column-export', styleUrls: ['./hierarchical-grid-multi-column-export.component.scss'], templateUrl: 'hierarchical-grid-multi-column-export.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxSwitchComponent, FormsModule, IgxGridToolbarPinningComponent, IgxGridToolbarHidingComponent, IgxGridToolbarExporterComponent, IgxColumnGroupComponent, IgxColumnComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers-styling/hierarchical-grid-multi-column-styling.component.ts b/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers-styling/hierarchical-grid-multi-column-styling.component.ts index 1a7014a8bc..e8b7504918 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers-styling/hierarchical-grid-multi-column-styling.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers-styling/hierarchical-grid-multi-column-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { CUSTOMERS } from '../../data/hierarchical-data'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; @@ -8,6 +8,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-multi-column-styling', styleUrls: ['./hierarchical-grid-multi-column-styling.component.scss'], templateUrl: 'hierarchical-grid-multi-column-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnGroupComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers/hierarchical-grid-multi-column.component.ts b/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers/hierarchical-grid-multi-column.component.ts index f7bfbb72d8..1254f6e3b0 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers/hierarchical-grid-multi-column.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers/hierarchical-grid-multi-column.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-multi-column', styleUrls: ['./hierarchical-grid-multi-column.component.scss'], templateUrl: 'hierarchical-grid-multi-column.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnGroupComponent, IgxRowIslandComponent, IgxButtonDirective] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-multi-row-drag/hierarchical-grid-multi-row-drag.component.ts b/src/app/hierarchical-grid/hierarchical-grid-multi-row-drag/hierarchical-grid-multi-row-drag.component.ts index 4e042abc40..e4390cb00e 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-multi-row-drag/hierarchical-grid-multi-row-drag.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-multi-row-drag/hierarchical-grid-multi-row-drag.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent, IgxRowDragGhostDirective, RowType } from 'igniteui-angular/grids/core'; import { IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-multi-row-drag', styleUrls: ['./hierarchical-grid-multi-row-drag.component.scss'], templateUrl: 'hierarchical-grid-multi-row-drag.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDropDirective, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent, IgxRowDragGhostDirective, IgxIconComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-pager-sample/hierarchical-grid-pager-sample.component.ts b/src/app/hierarchical-grid/hierarchical-grid-pager-sample/hierarchical-grid-pager-sample.component.ts index bc468441f3..cb7f3b60dd 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-pager-sample/hierarchical-grid-pager-sample.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-pager-sample/hierarchical-grid-pager-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, AfterViewInit, PLATFORM_ID, inject } from '@angular/core'; +import { Component, OnInit, ViewChild, AfterViewInit, PLATFORM_ID, inject, ChangeDetectionStrategy } from '@angular/core'; import { IPaginatorResourceStrings } from 'igniteui-angular/core'; import { IgxPageNavigationComponent, IgxPageSizeSelectorComponent, IgxPaginatorComponent, IgxPaginatorContentDirective, IgxPaginatorDirective } from 'igniteui-angular/paginator'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; @@ -14,6 +14,7 @@ import { isPlatformBrowser } from '@angular/common'; selector: 'app-hierarchical-grid-pager-sample', styleUrls: ['./hierarchical-grid-pager-sample.component.scss'], templateUrl: './hierarchical-grid-pager-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxPaginatorContentDirective, IgxPageSizeSelectorComponent, IgxPageNavigationComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxPaginatorDirective, IgxSwitchComponent, FormsModule] }) export class HierarchicalGridPagerSampleComponent implements OnInit, AfterViewInit { diff --git a/src/app/hierarchical-grid/hierarchical-grid-paging-style/hierarchical-grid-paging-style.component.ts b/src/app/hierarchical-grid/hierarchical-grid-paging-style/hierarchical-grid-paging-style.component.ts index e0898032a1..b9aa5640ad 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-paging-style/hierarchical-grid-paging-style.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-paging-style/hierarchical-grid-paging-style.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxPaginatorComponent, IgxPaginatorDirective } from 'igniteui-angular/paginator'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-paging', styleUrls: ['./hierarchical-grid-paging-style.component.scss'], templateUrl: 'hierarchical-grid-paging-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxPaginatorDirective] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-paging/hierarchical-grid-paging.component.ts b/src/app/hierarchical-grid/hierarchical-grid-paging/hierarchical-grid-paging.component.ts index 2ed83119f3..755b62eda3 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-paging/hierarchical-grid-paging.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-paging/hierarchical-grid-paging.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-paging', styleUrls: ['./hierarchical-grid-paging.component.scss'], templateUrl: 'hierarchical-grid-paging.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxPaginatorDirective, IgxPaginatorComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-paging/hierarchical-grid-remote-paging.component.ts b/src/app/hierarchical-grid/hierarchical-grid-paging/hierarchical-grid-remote-paging.component.ts index 81d9a01f24..cb18bd2dc9 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-paging/hierarchical-grid-remote-paging.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-paging/hierarchical-grid-remote-paging.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnDestroy, OnInit, TemplateRef, ViewChild, inject } from '@angular/core'; +import { AfterViewInit, Component, OnDestroy, OnInit, TemplateRef, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { GridPagingMode, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IGridCreatedEventArgs, IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxPageNavigationComponent, IgxPageSizeSelectorComponent, IgxPaginatorComponent, IgxPaginatorContentDirective, IgxPaginatorDirective } from 'igniteui-angular/paginator'; @@ -12,6 +12,7 @@ import { AsyncPipe } from '@angular/common'; selector: 'app-hierarchical-grid-remote-paging', styleUrls: ['./hierarchical-grid-remote-paging.component.scss'], templateUrl: 'hierarchical-grid-remote-paging.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent, IgxPaginatorDirective, IgxPaginatorComponent, IgxPaginatorContentDirective, IgxPageSizeSelectorComponent, IgxPageNavigationComponent, AsyncPipe] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-remote-paging-default-template/hierarchical-grid-remote-paging-default-template.component.ts b/src/app/hierarchical-grid/hierarchical-grid-remote-paging-default-template/hierarchical-grid-remote-paging-default-template.component.ts index 46bb0e283a..4ce4b6fad5 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-remote-paging-default-template/hierarchical-grid-remote-paging-default-template.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-remote-paging-default-template/hierarchical-grid-remote-paging-default-template.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnDestroy, OnInit, ViewChild, inject } from '@angular/core'; +import { AfterViewInit, Component, OnDestroy, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { GridPagingMode, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IGridCreatedEventArgs, IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxPaginatorComponent, IgxPaginatorDirective } from 'igniteui-angular/paginator'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-remote-paging-default-template', styleUrls: ['./hierarchical-grid-remote-paging-default-template.component.scss'], templateUrl: 'hierarchical-grid-remote-paging-default-template.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxRowIslandComponent, IgxPaginatorDirective] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-resize-line-styling/hierarchical-grid-resize-line-styling.component.ts b/src/app/hierarchical-grid/hierarchical-grid-resize-line-styling/hierarchical-grid-resize-line-styling.component.ts index d14a751db8..b679c5fc59 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-resize-line-styling/hierarchical-grid-resize-line-styling.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-resize-line-styling/hierarchical-grid-resize-line-styling.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -8,6 +8,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-resize-line-styling', styleUrls: ['./hierarchical-grid-resize-line-styling.component.scss'], templateUrl: './hierarchical-grid-resize-line-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) export class HGridResizeLineStylingComponent { diff --git a/src/app/hierarchical-grid/hierarchical-grid-row-drag-base/hierarchical-row-drag-base.component.ts b/src/app/hierarchical-grid/hierarchical-grid-row-drag-base/hierarchical-row-drag-base.component.ts index 4b72194622..95cb73d60c 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-row-drag-base/hierarchical-row-drag-base.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-row-drag-base/hierarchical-row-drag-base.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxColumnComponent, RowType } from 'igniteui-angular/grids/core'; @@ -17,6 +17,7 @@ enum DragIcon { selector: 'app-hierarchical-row-drag-base', styleUrls: ['./hierarchical-row-drag-base.component.scss'], templateUrl: 'hierarchical-row-drag-base.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDropDirective, IgxIconComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-row-drag/hierarchical-grid-row-drag.component.ts b/src/app/hierarchical-grid/hierarchical-grid-row-drag/hierarchical-grid-row-drag.component.ts index b90baae786..e681c94dd5 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-row-drag/hierarchical-grid-row-drag.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-row-drag/hierarchical-grid-row-drag.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxColumnComponent, IgxDragIndicatorIconDirective, RowType } from 'igniteui-angular/grids/core'; @@ -17,6 +17,7 @@ enum DragIcon { selector: 'app-hierarchical-grid-row-drag', styleUrls: ['./hierarchical-grid-row-drag.component.scss'], templateUrl: 'hierarchical-grid-row-drag.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDropDirective, IgxIconComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent, IgxDragIndicatorIconDirective] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-row-edit-style/hierarchical-grid-row-edit-style.component.ts b/src/app/hierarchical-grid/hierarchical-grid-row-edit-style/hierarchical-grid-row-edit-style.component.ts index 2aa40e6fc2..af38e72bcd 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-row-edit-style/hierarchical-grid-row-edit-style.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-row-edit-style/hierarchical-grid-row-edit-style.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxRowEditActionsDirective, IgxRowEditTabStopDirective, IgxRowEditTextDirective } from 'igniteui-angular/grids/core'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-row-edit-style', styleUrls: ['./hierarchical-grid-row-edit-style.component.scss'], templateUrl: 'hierarchical-grid-row-edit-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxRowEditTextDirective, IgxRowEditActionsDirective, IgxIconButtonDirective, IgxRowEditTabStopDirective, IgxIconComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-row-editing/hierarchical-grid-row-editing.component.ts b/src/app/hierarchical-grid/hierarchical-grid-row-editing/hierarchical-grid-row-editing.component.ts index a57d89d78f..4198c9fdbc 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-row-editing/hierarchical-grid-row-editing.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-row-editing/hierarchical-grid-row-editing.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -8,6 +8,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-row-editing', styleUrls: ['./hierarchical-grid-row-editing.component.scss'], templateUrl: 'hierarchical-grid-row-editing.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) export class HGridRowEditingSampleComponent { diff --git a/src/app/hierarchical-grid/hierarchical-grid-row-pinning-extra-column/hierarchical-grid-row-pinning-extra-column.component.ts b/src/app/hierarchical-grid/hierarchical-grid-row-pinning-extra-column/hierarchical-grid-row-pinning-extra-column.component.ts index b130ce198e..2a3a2435c7 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-row-pinning-extra-column/hierarchical-grid-row-pinning-extra-column.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-row-pinning-extra-column/hierarchical-grid-row-pinning-extra-column.component.ts @@ -1,4 +1,4 @@ -import { Component, AfterViewInit, inject } from '@angular/core'; +import { Component, AfterViewInit, inject, ChangeDetectionStrategy } from '@angular/core'; import { ColumnPinningPosition } from 'igniteui-angular/core'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; import { IPinningConfig, IgxCellTemplateDirective, IgxColumnComponent, RowPinningPosition, RowType } from 'igniteui-angular/grids/core'; @@ -14,6 +14,7 @@ const FILTERING_ICONS_FONT_SET = 'filtering-icons'; selector: 'app-hierarchical-grid-row-pinning-extra-column', styleUrls: ['./hierarchical-grid-row-pinning-extra-column.component.scss'], templateUrl: 'hierarchical-grid-row-pinning-extra-column.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxIconComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-row-pinning-styling/hierarchical-grid-row-pinning-styling.component.ts b/src/app/hierarchical-grid/hierarchical-grid-row-pinning-styling/hierarchical-grid-row-pinning-styling.component.ts index 0bcd26d626..75c4acd9cf 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-row-pinning-styling/hierarchical-grid-row-pinning-styling.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-row-pinning-styling/hierarchical-grid-row-pinning-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { ColumnPinningPosition } from 'igniteui-angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IPinningConfig, IgxCellTemplateDirective, IgxColumnComponent, IgxGridPinningActionsComponent, RowPinningPosition } from 'igniteui-angular/grids/core'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-row-pinning-styling', styleUrls: ['./hierarchical-grid-row-pinning-styling.component.scss'], templateUrl: 'hierarchical-grid-row-pinning-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxActionStripComponent, IgxGridPinningActionsComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-row-pinning/hierarchical-grid-row-pinning.component.ts b/src/app/hierarchical-grid/hierarchical-grid-row-pinning/hierarchical-grid-row-pinning.component.ts index 65251546e3..baaf37f08e 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-row-pinning/hierarchical-grid-row-pinning.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-row-pinning/hierarchical-grid-row-pinning.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { ColumnPinningPosition } from 'igniteui-angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IPinningConfig, IgxCellTemplateDirective, IgxColumnComponent, IgxGridPinningActionsComponent, RowPinningPosition } from 'igniteui-angular/grids/core'; @@ -11,6 +11,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-row-pinning', styleUrls: ['./hierarchical-grid-row-pinning.component.scss'], templateUrl: 'hierarchical-grid-row-pinning.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxActionStripComponent, IgxGridPinningActionsComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-row-reorder/hierarchical-grid-row-reorder.component.ts b/src/app/hierarchical-grid/hierarchical-grid-row-reorder/hierarchical-grid-row-reorder.component.ts index 8b36d09049..24fa3b7c9f 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-row-reorder/hierarchical-grid-row-reorder.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-row-reorder/hierarchical-grid-row-reorder.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { GridSelectionMode, IgxColumnComponent, RowType } from 'igniteui-angular/grids/core'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-row-reorder', styleUrls: ['./hierarchical-grid-row-reorder.component.scss'], templateUrl: 'hierarchical-grid-row-reorder.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxDropDirective, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent] }) export class HGridRowReorderComponent { diff --git a/src/app/hierarchical-grid/hierarchical-grid-sample-both-sides-pinning/hierarchical-grid-both-sides-pinning.component.ts b/src/app/hierarchical-grid/hierarchical-grid-sample-both-sides-pinning/hierarchical-grid-both-sides-pinning.component.ts index b5cf3dac41..82129b4174 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-sample-both-sides-pinning/hierarchical-grid-both-sides-pinning.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-sample-both-sides-pinning/hierarchical-grid-both-sides-pinning.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ViewEncapsulation } from "@angular/core"; +import { Component, OnInit, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from "@angular/core"; import { ColumnPinningPosition, ColumnType } from 'igniteui-angular/core'; import { IPinningConfig, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; @@ -15,6 +15,7 @@ import { DatePipe } from "@angular/common"; selector: "hierarchical-grid-sample-both-side-pinning", styleUrls: ["hierarchical-grid-both-sides-pinning.component.scss"], templateUrl: "hierarchical-grid-both-sides-pinning.component.html", + changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxHierarchicalGridComponent, IgxGridToolbarComponent, diff --git a/src/app/hierarchical-grid/hierarchical-grid-sample-right-pinning/hierarchical-grid-right-pinning.component.ts b/src/app/hierarchical-grid/hierarchical-grid-sample-right-pinning/hierarchical-grid-right-pinning.component.ts index 63a3e074d6..3995efc69d 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-sample-right-pinning/hierarchical-grid-right-pinning.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-sample-right-pinning/hierarchical-grid-right-pinning.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ViewEncapsulation } from '@angular/core'; +import { Component, OnInit, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; import { ColumnPinningPosition } from 'igniteui-angular/core'; import { IPinningConfig, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; @@ -16,6 +16,7 @@ import { DatePipe } from '@angular/common'; selector: 'hierarchical-grid-sample', styleUrls: ['hierarchical-grid-right-pinning.component.scss'], templateUrl: 'hierarchical-grid-right-pinning.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarPinningComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxTooltipTargetDirective, IgxTooltipDirective, IgxAvatarComponent, IgxCellHeaderTemplateDirective, IgxIconComponent, IgxRowIslandComponent, DatePipe] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-save-state/about.component.ts b/src/app/hierarchical-grid/hierarchical-grid-save-state/about.component.ts index 913b20e3cd..e1dc397084 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-save-state/about.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-save-state/about.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { RouterLink } from '@angular/router'; @Component({ selector: 'app-about', templateUrl: './about.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, RouterLink] }) export class HGridAboutComponent { diff --git a/src/app/hierarchical-grid/hierarchical-grid-save-state/hGrid-state.component.ts b/src/app/hierarchical-grid/hierarchical-grid-save-state/hGrid-state.component.ts index 30882f5dcf..c3695f6ca1 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-save-state/hGrid-state.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-save-state/hGrid-state.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ViewChildren, QueryList, AfterViewInit, inject } from '@angular/core'; +import { Component, OnInit, ViewChild, ViewChildren, QueryList, AfterViewInit, inject, ChangeDetectionStrategy } from '@angular/core'; import { NavigationStart, Router, RouterLink } from '@angular/router'; import { GridFeatures, IGridState, IGridStateOptions, IgxCellTemplateDirective, IgxColumnComponent, IgxGridStateDirective, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; @@ -30,6 +30,7 @@ class MySummary { selector: 'app-hgrid', styleUrls: ['./hGrid-state.component.scss'], templateUrl: './hGrid-state.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxIconComponent, RouterLink, IgxCheckboxComponent, IgxHierarchicalGridComponent, IgxGridStateDirective, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-selection-template-numbers/hierarchical-grid-selection-template-numbers.component.ts b/src/app/hierarchical-grid/hierarchical-grid-selection-template-numbers/hierarchical-grid-selection-template-numbers.component.ts index c0e8dee708..55e12513c8 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-selection-template-numbers/hierarchical-grid-selection-template-numbers.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-selection-template-numbers/hierarchical-grid-selection-template-numbers.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-selection-template-numbers', styleUrls: ['./hierarchical-grid-selection-template-numbers.component.scss'], templateUrl: 'hierarchical-grid-selection-template-numbers.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxRowIslandComponent, IgxHeadSelectorDirective, IgxRowSelectorDirective, IgxCheckboxComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-selection/hierarchical-grid-selection.component.ts b/src/app/hierarchical-grid/hierarchical-grid-selection/hierarchical-grid-selection.component.ts index 91c2f62a38..6e4646dde8 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-selection/hierarchical-grid-selection.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-selection/hierarchical-grid-selection.component.ts @@ -1,4 +1,4 @@ -import { Component, OnDestroy, OnInit, ViewChild } from '@angular/core'; +import { Component, OnDestroy, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { GridSelectionMode, IRowSelectionEventArgs, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @@ -14,6 +14,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-selection', styleUrls: ['./hierarchical-grid-selection.component.scss'], templateUrl: 'hierarchical-grid-selection.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxButtonGroupComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxSnackbarComponent, IgxIconComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-sorting-styling/hierarchical-grid-sorting-styling.component.ts b/src/app/hierarchical-grid/hierarchical-grid-sorting-styling/hierarchical-grid-sorting-styling.component.ts index 2453e1a732..344ec75f92 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-sorting-styling/hierarchical-grid-sorting-styling.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-sorting-styling/hierarchical-grid-sorting-styling.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnInit, ViewChild } from '@angular/core'; +import { AfterViewInit, Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { DefaultSortingStrategy, SortingDirection } from 'igniteui-angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-sorting-styling', styleUrls: ['./hierarchical-grid-sorting-styling.component.scss'], templateUrl: 'hierarchical-grid-sorting-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-sorting/hgrid-contextmenu/hgrid-contextmenu.component.ts b/src/app/hierarchical-grid/hierarchical-grid-sorting/hgrid-contextmenu/hgrid-contextmenu.component.ts index cd56eac388..8db9cc4194 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-sorting/hgrid-contextmenu/hgrid-contextmenu.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-sorting/hgrid-contextmenu/hgrid-contextmenu.component.ts @@ -1,4 +1,4 @@ -import { Component, Input } from '@angular/core'; +import { Component, Input, ChangeDetectionStrategy } from '@angular/core'; import { SortingDirection } from 'igniteui-angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { NgStyle } from '@angular/common'; @@ -7,6 +7,7 @@ import { NgStyle } from '@angular/common'; selector: 'app-hgrid-contextmenu', styleUrls: ['./hgrid-contextmenu.component.scss'], templateUrl: './hgrid-contextmenu.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [NgStyle, IgxIconComponent] }) export class HGridContextmenuComponent { diff --git a/src/app/hierarchical-grid/hierarchical-grid-sorting/hierarchical-grid-sorting.component.ts b/src/app/hierarchical-grid/hierarchical-grid-sorting/hierarchical-grid-sorting.component.ts index 277e08dc62..9615032eb2 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-sorting/hierarchical-grid-sorting.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-sorting/hierarchical-grid-sorting.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnInit, ViewChild } from '@angular/core'; +import { AfterViewInit, Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { DefaultSortingStrategy, SortingDirection } from 'igniteui-angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -11,6 +11,7 @@ import { HGridContextmenuComponent } from './hgrid-contextmenu/hgrid-contextmenu selector: 'app-hierarchical-grid-sorting', styleUrls: ['./hierarchical-grid-sorting.component.scss'], templateUrl: 'hierarchical-grid-sorting.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, HGridContextmenuComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-styling/hierarchical-grid-styling.component.ts b/src/app/hierarchical-grid/hierarchical-grid-styling/hierarchical-grid-styling.component.ts index fcc915ddfc..9ed63fd0f6 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-styling/hierarchical-grid-styling.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-styling/hierarchical-grid-styling.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { SINGERS } from '../../data/singersData'; @@ -8,6 +8,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-styling', styleUrls: ['./hierarchical-grid-styling.component.scss'], templateUrl: 'hierarchical-grid-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-summary-formatter/hierarchical-grid-summary-formatter.component.ts b/src/app/hierarchical-grid/hierarchical-grid-summary-formatter/hierarchical-grid-summary-formatter.component.ts index 63b88dacb7..0e5a8f6412 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-summary-formatter/hierarchical-grid-summary-formatter.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-summary-formatter/hierarchical-grid-summary-formatter.component.ts @@ -1,5 +1,5 @@ import { DatePipe } from '@angular/common'; -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxColumnComponent, IgxDateSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxSummaryResult } from 'igniteui-angular/core'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-summary-formatter', styleUrls: ['./hierarchical-grid-summary-formatter.component.scss'], templateUrl: 'hierarchical-grid-summary-formatter.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-summary-styling/hierarchical-grid-summary-styling.component.ts b/src/app/hierarchical-grid/hierarchical-grid-summary-styling/hierarchical-grid-summary-styling.component.ts index 35a3d264e0..219aa02d44 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-summary-styling/hierarchical-grid-summary-styling.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-summary-styling/hierarchical-grid-summary-styling.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxSummaryResult } from 'igniteui-angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; @@ -46,6 +46,7 @@ class MyChildSummary { selector: 'app-hierarchical-grid-summary-styling', styleUrls: ['./hierarchical-grid-summary-styling.component.scss'], templateUrl: 'hierarchical-grid-summary-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-summary/hierarchical-grid-summary.component.ts b/src/app/hierarchical-grid/hierarchical-grid-summary/hierarchical-grid-summary.component.ts index cf73f3cb90..0d37bb7847 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-summary/hierarchical-grid-summary.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-summary/hierarchical-grid-summary.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxSummaryResult } from 'igniteui-angular/core'; @@ -46,6 +46,7 @@ class MyChildSummary { selector: 'app-hierarchical-grid-summary', styleUrls: ['./hierarchical-grid-summary.component.scss'], templateUrl: 'hierarchical-grid-summary.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-toolbar-style/hierarchical-grid-toolbar-style.component.ts b/src/app/hierarchical-grid/hierarchical-grid-toolbar-style/hierarchical-grid-toolbar-style.component.ts index 07b59c0933..398e36e64e 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-toolbar-style/hierarchical-grid-toolbar-style.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-toolbar-style/hierarchical-grid-toolbar-style.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -8,6 +8,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-toolbar-style', styleUrls: ['./hierarchical-grid-toolbar-style.component.scss'], templateUrl: './hierarchical-grid-toolbar-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) export class HierarchicalGridToolbarStyleComponent { diff --git a/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-custom.component.ts b/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-custom.component.ts index 5d325f6616..95e25ec859 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-custom.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-custom.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarDirective, IgxGridToolbarHidingComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-toolbar-custom', styleUrls: ['./hierarchical-grid-toolbar-custom.component.scss'], templateUrl: 'hierarchical-grid-toolbar-custom.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxButtonDirective, IgxRippleDirective, IgxIconComponent, IgxGridToolbarHidingComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxGridToolbarDirective] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-options.component.ts b/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-options.component.ts index 4016b371d9..151d610239 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-options.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-options.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @@ -12,6 +12,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-toolbar-options', styleUrls: ['./hierarchical-grid-toolbar-options.component.scss'], templateUrl: 'hierarchical-grid-toolbar-options.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxSwitchComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarAdvancedFilteringComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-title.component.ts b/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-title.component.ts index 4942cdce5e..18b094c596 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-title.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-title.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarComponent, IgxGridToolbarDirective, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -8,6 +8,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-toolbar-title', styleUrls: ['./hierarchical-grid-toolbar-title.component.scss'], templateUrl: 'hierarchical-grid-toolbar-title.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxGridToolbarDirective] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-validation-style/hierarchical-grid-validation-style.component.ts b/src/app/hierarchical-grid/hierarchical-grid-validation-style/hierarchical-grid-validation-style.component.ts index 49871eb70b..7e0f412c5c 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-validation-style/hierarchical-grid-validation-style.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-validation-style/hierarchical-grid-validation-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellValidationErrorDirective, IgxColumnComponent, IgxColumnRequiredValidatorDirective, RowType } from 'igniteui-angular/grids/core'; @@ -11,6 +11,7 @@ import { NgTemplateOutlet } from '@angular/common'; selector: 'app-hierarchical-grid-validation-style', styleUrls: ['./hierarchical-grid-validation-style.component.scss'], templateUrl: 'hierarchical-grid-validation-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnRequiredValidatorDirective, IgxCellValidationErrorDirective, NgTemplateOutlet, IgxRowIslandComponent] }) export class HGridValidationStyleComponent { diff --git a/src/app/hierarchical-grid/hierarchical-grid-validator-service-extended/hierarchical-grid-validator-service-extended.component.ts b/src/app/hierarchical-grid/hierarchical-grid-validator-service-extended/hierarchical-grid-validator-service-extended.component.ts index fbcfefab77..5458cc7a1a 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-validator-service-extended/hierarchical-grid-validator-service-extended.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-validator-service-extended/hierarchical-grid-validator-service-extended.component.ts @@ -1,4 +1,4 @@ -import { Component, Directive, forwardRef, Input, ViewChild } from '@angular/core'; +import { Component, Directive, Input, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { AbstractControl, NG_VALIDATORS, ValidationErrors, ValidatorFn, Validators } from '@angular/forms'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IGridFormGroupCreatedEventArgs, IgxCellValidationErrorDirective, IgxColumnComponent, IgxColumnRequiredValidatorDirective, IgxGridToolbarComponent, IgxGridToolbarDirective } from 'igniteui-angular/grids/core'; @@ -15,7 +15,7 @@ export function phoneFormatValidator(phoneReg: RegExp): ValidatorFn { @Directive({ selector: '[phoneFormat]', - providers: [{ provide: NG_VALIDATORS, useExisting: forwardRef(() => HGridPhoneFormatDirective), multi: true }] + providers: [{ provide: NG_VALIDATORS, useExisting: HGridPhoneFormatDirective, multi: true }] }) export class HGridPhoneFormatDirective extends Validators { @Input('phoneFormat') @@ -35,6 +35,7 @@ export function unique(value, index, self) { selector: 'app-hierarchical-grid-validator-service-extended', styleUrls: ['./hierarchical-grid-validator-service-extended.component.scss'], templateUrl: './hierarchical-grid-validator-service-extended.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxColumnComponent, IgxColumnRequiredValidatorDirective, HGridPhoneFormatDirective, IgxCellValidationErrorDirective, NgTemplateOutlet, IgxRowIslandComponent, IgxGridToolbarDirective, IgxGridToolbarComponent, IgxButtonDirective] }) export class HierarchicalGridValidatorServiceExtendedComponent { diff --git a/src/app/hierarchical-grid/hierarchical-grid-validator-service/hierarchical-grid-validator-service.component.ts b/src/app/hierarchical-grid/hierarchical-grid-validator-service/hierarchical-grid-validator-service.component.ts index 1c969657b8..32cf4b3cba 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-validator-service/hierarchical-grid-validator-service.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-validator-service/hierarchical-grid-validator-service.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; import { IgxColumnComponent, IgxColumnMaxValidatorDirective, IgxColumnMinValidatorDirective, IgxColumnRequiredValidatorDirective } from 'igniteui-angular/grids/core'; @@ -9,6 +9,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-hierarchical-grid-validator-service', styleUrls: ['./hierarchical-grid-validator-service.component.scss'], templateUrl: './hierarchical-grid-validator-service.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxHierarchicalGridComponent, IgxColumnComponent, IgxColumnRequiredValidatorDirective, IgxRowIslandComponent, IgxColumnMinValidatorDirective, IgxColumnMaxValidatorDirective] }) export class HierarchicalGridValidatorServiceComponent implements OnInit { diff --git a/src/app/home/home.component.ts b/src/app/home/home.component.ts index 5a8d2e5984..bab10f8ab0 100644 --- a/src/app/home/home.component.ts +++ b/src/app/home/home.component.ts @@ -1,8 +1,9 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; @Component({ selector: 'app-home', styleUrls: ['./home.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, templateUrl: './home.component.html' }) export class HomeComponent { diff --git a/src/app/how-to/reactive-forms/reactive-forms.component.ts b/src/app/how-to/reactive-forms/reactive-forms.component.ts index ffd68813f1..e4c1404633 100644 --- a/src/app/how-to/reactive-forms/reactive-forms.component.ts +++ b/src/app/how-to/reactive-forms/reactive-forms.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { FormArray, FormBuilder, FormControl, FormGroup, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms'; import { DateRange, IgxPickerToggleComponent } from 'igniteui-angular/core'; import { IRangeSliderValue, IgxSliderComponent } from 'igniteui-angular/slider'; @@ -38,6 +38,7 @@ export interface User{ selector: 'app-reactive-form', styleUrls: ['./reactive-forms.component.scss'], templateUrl: './reactive-forms.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, ReactiveFormsModule, IgxSelectComponent, IgxSelectGroupComponent, IgxSelectItemComponent, IgxLabelDirective, IgxSelectToggleIconDirective, IgxIconComponent, IgxInputGroupComponent, IgxInputDirective, IgxSuffixDirective, IgxHintDirective, IgxPrefixDirective, IgxComboComponent, IgxDatePickerComponent, IgxPickerToggleComponent, IgxTimePickerComponent, IgcFormControlDirective, IgxCheckboxComponent, IgxRadioGroupDirective, IgxRadioComponent, IgxSwitchComponent, IgxDateRangePickerComponent, IgxSliderComponent, IgxCalendarComponent, IgxCardComponent, IgxMonthPickerComponent, IgxButtonDirective, IgxRippleDirective] }) export class ReactiveFormsSampleComponent { diff --git a/src/app/index/docs-layout.component.ts b/src/app/index/docs-layout.component.ts index c1a426b4b2..2678b93291 100644 --- a/src/app/index/docs-layout.component.ts +++ b/src/app/index/docs-layout.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { RouterOutlet } from '@angular/router'; @Component({ selector: 'app-docs-layout', styleUrls: ['./docs-layout.component.scss'], template: ``, + changeDetection: ChangeDetectionStrategy.Eager, imports: [RouterOutlet] }) diff --git a/src/app/index/index.component.ts b/src/app/index/index.component.ts index 31dc645f47..9b3c5935e0 100644 --- a/src/app/index/index.component.ts +++ b/src/app/index/index.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, DOCUMENT, PLATFORM_ID, inject } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, DOCUMENT, PLATFORM_ID, inject, ChangeDetectionStrategy } from '@angular/core'; import { NavigationStart, Route, Router, RouterLinkActive, RouterLink, RouterOutlet } from '@angular/router'; import { IgxNavDrawerItemDirective, IgxNavDrawerTemplateDirective, IgxNavigationDrawerComponent } from 'igniteui-angular/navigation-drawer'; import { IgxTreeComponent, IgxTreeNodeComponent, IgxTreeNodeLinkDirective } from 'igniteui-angular/tree'; @@ -33,6 +33,7 @@ import { isPlatformBrowser } from '@angular/common'; selector: 'app-index', styleUrls: ['./index.component.scss'], templateUrl: './index.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLayoutDirective, IgxNavigationDrawerComponent, IgxNavDrawerTemplateDirective, IgxNavDrawerItemDirective, IgxRippleDirective, RouterLinkActive, RouterLink, IgxIconComponent, IgxInputGroupComponent, IgxPrefixDirective, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxTreeComponent, IgxTreeNodeComponent, IgxTreeNodeLinkDirective, IgxFlexDirective, IgxNavbarComponent, RouterOutlet] }) export class IndexComponent implements OnInit, AfterViewInit { diff --git a/src/app/interactions/chat/features-sample/features-sample.component.ts b/src/app/interactions/chat/features-sample/features-sample.component.ts index 5c209dba0c..6a5741022f 100644 --- a/src/app/interactions/chat/features-sample/features-sample.component.ts +++ b/src/app/interactions/chat/features-sample/features-sample.component.ts @@ -1,5 +1,5 @@ import { AsyncPipe } from '@angular/common'; -import { Component, effect, signal, viewChild } from '@angular/core'; +import { Component, effect, signal, viewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxChatComponent, IgxChatMessageContextDirective, type IgxChatOptions } from 'igniteui-angular/chat'; import { MarkdownPipe } from 'igniteui-angular/chat-extras'; @@ -7,6 +7,7 @@ import { MarkdownPipe } from 'igniteui-angular/chat-extras'; selector: 'app-chat-features-sample', styleUrls: ['./features-sample.component.scss'], templateUrl: './features-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxChatComponent, IgxChatMessageContextDirective, AsyncPipe, MarkdownPipe] }) export class ChatFeaturesSampleComponent { diff --git a/src/app/interactions/chat/overview-sample/overview-sample.component.ts b/src/app/interactions/chat/overview-sample/overview-sample.component.ts index 1d3585a4e6..0cc6e77a5c 100644 --- a/src/app/interactions/chat/overview-sample/overview-sample.component.ts +++ b/src/app/interactions/chat/overview-sample/overview-sample.component.ts @@ -1,10 +1,11 @@ -import { Component, signal } from '@angular/core'; +import { Component, signal, ChangeDetectionStrategy } from '@angular/core'; import { IgxChatComponent, IgxChatOptions } from 'igniteui-angular/chat'; @Component({ selector: 'app-chat-overview-sample', styleUrls: ['./overview-sample.component.scss'], templateUrl: './overview-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxChatComponent] }) export class ChatOverviewSampleComponent { diff --git a/src/app/interactions/chat/styling-sample/styling-sample.component.ts b/src/app/interactions/chat/styling-sample/styling-sample.component.ts index 09205aa509..47ecca81ba 100644 --- a/src/app/interactions/chat/styling-sample/styling-sample.component.ts +++ b/src/app/interactions/chat/styling-sample/styling-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, signal, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; +import { Component, signal, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; import { IgxChatComponent, IgxChatOptions } from 'igniteui-angular/chat'; @@ -7,6 +7,7 @@ import { IgxChatComponent, IgxChatOptions } from 'igniteui-angular/chat'; styleUrls: ['./styling-sample.component.scss'], templateUrl: './styling-sample.component.html', imports: [IgxAvatarComponent, IgxChatComponent], + changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) diff --git a/src/app/interactions/dialog/dialog-sample-1/dialog-sample-1.component.ts b/src/app/interactions/dialog/dialog-sample-1/dialog-sample-1.component.ts index 45895afcd7..d9a93012ed 100644 --- a/src/app/interactions/dialog/dialog-sample-1/dialog-sample-1.component.ts +++ b/src/app/interactions/dialog/dialog-sample-1/dialog-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; @@ -6,6 +6,7 @@ import { IgxDialogComponent } from 'igniteui-angular/dialog'; selector: 'app-dialog-sample-1', styleUrls: ['./dialog-sample-1.component.scss'], templateUrl: './dialog-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective, IgxDialogComponent] }) export class DialogSample1Component { } diff --git a/src/app/interactions/dialog/dialog-sample-2/dialog-sample-2.component.ts b/src/app/interactions/dialog/dialog-sample-2/dialog-sample-2.component.ts index 667d646447..b75a1405fb 100644 --- a/src/app/interactions/dialog/dialog-sample-2/dialog-sample-2.component.ts +++ b/src/app/interactions/dialog/dialog-sample-2/dialog-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; @@ -6,6 +6,7 @@ import { IgxDialogComponent } from 'igniteui-angular/dialog'; selector: 'app-dialog-sample-2', styleUrls: ['./dialog-sample-2.component.scss'], templateUrl: './dialog-sample-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective, IgxDialogComponent] }) export class DialogSample2Component { diff --git a/src/app/interactions/dialog/dialog-sample-3/dialog-sample-3.component.ts b/src/app/interactions/dialog/dialog-sample-3/dialog-sample-3.component.ts index df3e2e7e1d..4ac8a58c83 100644 --- a/src/app/interactions/dialog/dialog-sample-3/dialog-sample-3.component.ts +++ b/src/app/interactions/dialog/dialog-sample-3/dialog-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxDialogActionsDirective, IgxDialogComponent, IgxDialogTitleDirective } from 'igniteui-angular/dialog'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -9,6 +9,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-dialog-sample-3', styleUrls: ['./dialog-sample-3.component.scss'], templateUrl: './dialog-sample-3.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective, IgxDialogComponent, IgxDialogTitleDirective, IgxIconComponent, FormsModule, IgxInputGroupComponent, IgxPrefixDirective, IgxLabelDirective, IgxInputDirective, IgxDialogActionsDirective] }) export class DialogSample3Component { diff --git a/src/app/interactions/dialog/dialog-styling-sample/dialog-styling-sample.component.ts b/src/app/interactions/dialog/dialog-styling-sample/dialog-styling-sample.component.ts index 720f1a1d6e..ae808b7b25 100644 --- a/src/app/interactions/dialog/dialog-styling-sample/dialog-styling-sample.component.ts +++ b/src/app/interactions/dialog/dialog-styling-sample/dialog-styling-sample.component.ts @@ -1,5 +1,5 @@ import { useAnimation } from '@angular/animations'; -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { CloseScrollStrategy, GlobalPositionStrategy, IgxOverlayOutletDirective, PositionSettings } from 'igniteui-angular/core'; import { IgxDialogActionsDirective, IgxDialogComponent, IgxDialogTitleDirective } from 'igniteui-angular/dialog'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -10,6 +10,7 @@ import { slideInBottom, slideOutTop } from 'igniteui-angular/animations'; selector: 'app-dialog-styling-sample', styleUrls: ['./dialog-styling-sample.component.scss'], templateUrl: './dialog-styling-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxOverlayOutletDirective, IgxButtonDirective, IgxRippleDirective, IgxDialogComponent, IgxDialogTitleDirective, IgxIconComponent, IgxDialogActionsDirective] }) export class DialogStylingSampleComponent implements OnInit { diff --git a/src/app/interactions/drag-drop/dialog-sample/drag-dialog-sample.component.ts b/src/app/interactions/drag-drop/dialog-sample/drag-dialog-sample.component.ts index 84f657a289..06ef7d9580 100644 --- a/src/app/interactions/drag-drop/dialog-sample/drag-dialog-sample.component.ts +++ b/src/app/interactions/drag-drop/dialog-sample/drag-dialog-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, ViewChild } from '@angular/core'; +import { Component, ElementRef, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { GlobalPositionStrategy, NoOpScrollStrategy, OverlaySettings } from 'igniteui-angular/core'; import { IgxButtonDirective, IgxDragDirective, IgxDragHandleDirective, IgxDragLocation, IgxToggleDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,6 +7,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-drag-dialog-sample', templateUrl: './drag-dialog-sample.component.html', styleUrls: ['./drag-dialog-sample.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleDirective, IgxDragDirective, IgxIconComponent, IgxDragHandleDirective] }) export class DragDialogSampleComponent { diff --git a/src/app/interactions/drag-drop/email-sample/email-sample.component.ts b/src/app/interactions/drag-drop/email-sample/email-sample.component.ts index 8c05ad259a..3e5d08325d 100644 --- a/src/app/interactions/drag-drop/email-sample/email-sample.component.ts +++ b/src/app/interactions/drag-drop/email-sample/email-sample.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, Input, Renderer2, inject } from '@angular/core'; +import { ChangeDetectorRef, Component, Input, Renderer2, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { IgxListComponent, IgxListItemComponent, IgxListLineSubTitleDirective, IgxListLineTitleDirective, IgxListThumbnailDirective } from 'igniteui-angular/list'; import { IgxDragDirective, IgxDropDirective } from 'igniteui-angular/directives'; @@ -10,6 +10,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-email-sample', templateUrl: './email-sample.component.html', styleUrls: ['./email-sample.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent, IgxListComponent, IgxListItemComponent, IgxDropDirective, IgxListThumbnailDirective, IgxListLineTitleDirective, IgxDragDirective, IgxListLineSubTitleDirective, IgxCheckboxComponent, FormsModule] }) diff --git a/src/app/interactions/drag-drop/icons-sample/icons-sample.component.ts b/src/app/interactions/drag-drop/icons-sample/icons-sample.component.ts index f96eb09227..6a036f4298 100644 --- a/src/app/interactions/drag-drop/icons-sample/icons-sample.component.ts +++ b/src/app/interactions/drag-drop/icons-sample/icons-sample.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxDragDirective, IgxDropDirective } from 'igniteui-angular/directives'; @@ -6,6 +6,7 @@ import { IgxDragDirective, IgxDropDirective } from 'igniteui-angular/directives' selector: 'app-icons-sample', styleUrls: ['./icons-sample.component.scss'], templateUrl: './icons-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDragDirective, IgxDropDirective] }) diff --git a/src/app/interactions/drag-drop/kanban-sample/kanban-sample.component.ts b/src/app/interactions/drag-drop/kanban-sample/kanban-sample.component.ts index 4abbf20fae..d047dd5f41 100644 --- a/src/app/interactions/drag-drop/kanban-sample/kanban-sample.component.ts +++ b/src/app/interactions/drag-drop/kanban-sample/kanban-sample.component.ts @@ -1,6 +1,6 @@ /* eslint-disable no-shadow */ /* eslint-disable @typescript-eslint/naming-convention */ -import { ChangeDetectorRef, Component, ElementRef, OnInit, Renderer2, ViewChild, inject } from '@angular/core'; +import { ChangeDetectorRef, Component, ElementRef, OnInit, Renderer2, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { IDropBaseEventArgs, IDropDroppedEventArgs, IgxDragDirective, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxChipComponent } from 'igniteui-angular/chips'; import { IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderTitleDirective } from 'igniteui-angular/card'; @@ -21,6 +21,7 @@ interface IListItem { selector: 'app-kanban-sample', templateUrl: './kanban-sample.component.html', styleUrls: ['./kanban-sample.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDropDirective, IgxChipComponent, IgxCardComponent, IgxDragDirective, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardContentDirective] }) export class KanbanSampleComponent implements OnInit { diff --git a/src/app/interactions/drag-drop/list-reorder-sample/list-reorder-sample.component.ts b/src/app/interactions/drag-drop/list-reorder-sample/list-reorder-sample.component.ts index d7bba62cb1..ad21634b41 100644 --- a/src/app/interactions/drag-drop/list-reorder-sample/list-reorder-sample.component.ts +++ b/src/app/interactions/drag-drop/list-reorder-sample/list-reorder-sample.component.ts @@ -15,6 +15,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-list-reorder-sample', templateUrl: './list-reorder-sample.component.html', styleUrls: ['./list-reorder-sample.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxListItemComponent, IgxDropDirective, IgxDragDirective, IgxListLineTitleDirective, IgxListLineSubTitleDirective, IgxIconComponent, IgxDragHandleDirective, IgxListActionDirective] }) export class ListReorderSampleComponent { diff --git a/src/app/interactions/overlay/overlay-dynamic-card/overlay-dynamic-card.component.ts b/src/app/interactions/overlay/overlay-dynamic-card/overlay-dynamic-card.component.ts index 148eeac4fc..4db0b4d417 100644 --- a/src/app/interactions/overlay/overlay-dynamic-card/overlay-dynamic-card.component.ts +++ b/src/app/interactions/overlay/overlay-dynamic-card/overlay-dynamic-card.component.ts @@ -1,12 +1,12 @@ -import { Component, ElementRef, inject } from '@angular/core'; +import { Component, ElementRef, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardModule } from 'igniteui-angular/card'; @Component({ selector: `app-overlay-dynamic-card-component`, templateUrl: `overlay-dynamic-card.component.html`, styleUrls: [`overlay-dynamic-card.component.scss`], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardContentDirective] }) -export class MyDynamicCardComponent { - elementRef = inject(ElementRef); - +export class MyDynamicCardComponent { elementRef = inject(ElementRef); + } diff --git a/src/app/interactions/overlay/overlay-main-1/overlay-main-sample-1.component.ts b/src/app/interactions/overlay/overlay-main-1/overlay-main-sample-1.component.ts index 8f558f35df..1001eabb2f 100644 --- a/src/app/interactions/overlay/overlay-main-1/overlay-main-sample-1.component.ts +++ b/src/app/interactions/overlay/overlay-main-1/overlay-main-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, OnDestroy, ViewContainerRef, inject } from '@angular/core'; +import { Component, OnDestroy, ViewContainerRef, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxOverlayService } from 'igniteui-angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { MyDynamicCardComponent} from '../overlay-dynamic-card/overlay-dynamic-card.component'; @@ -6,6 +6,7 @@ import { MyDynamicCardComponent} from '../overlay-dynamic-card/overlay-dynamic-c selector: 'app-overlay-sample', templateUrl: `./overlay-main-sample-1.component.html`, styleUrls: [`./overlay-main-sample-1.component.scss`], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class OverlaySampleMain1Component implements OnDestroy { diff --git a/src/app/interactions/overlay/overlay-main-2/overlay-main-sample-2.component.ts b/src/app/interactions/overlay/overlay-main-2/overlay-main-sample-2.component.ts index 92b7b5949c..cd0f104e05 100644 --- a/src/app/interactions/overlay/overlay-main-2/overlay-main-sample-2.component.ts +++ b/src/app/interactions/overlay/overlay-main-2/overlay-main-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnDestroy, ViewChild, ViewContainerRef, inject } from '@angular/core'; +import { Component, ElementRef, OnDestroy, ViewChild, ViewContainerRef, inject, ChangeDetectionStrategy } from '@angular/core'; import { ConnectedPositioningStrategy, IgxOverlayService } from 'igniteui-angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { CardSample1Component } from '../../../layouts/card/card-sample-1/card-sample-1.component'; @@ -7,6 +7,7 @@ import { CardSample1Component } from '../../../layouts/card/card-sample-1/card-s selector: 'app-overlay-sample', templateUrl: `./overlay-main-sample-2.component.html`, styleUrls: [`./overlay-main-sample-2.component.scss`], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class OverlaySampleMain2Component implements OnDestroy { diff --git a/src/app/interactions/overlay/overlay-main-3/overlay-main-sample-3.component.ts b/src/app/interactions/overlay/overlay-main-3/overlay-main-sample-3.component.ts index dff46042de..3923a014b5 100644 --- a/src/app/interactions/overlay/overlay-main-3/overlay-main-sample-3.component.ts +++ b/src/app/interactions/overlay/overlay-main-3/overlay-main-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnDestroy, ViewChild, inject } from '@angular/core'; +import { Component, ElementRef, OnDestroy, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { ConnectedPositioningStrategy, IgxOverlayService } from 'igniteui-angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { CardSample1Component } from '../../../layouts/card/card-sample-1/card-sample-1.component'; @@ -7,6 +7,7 @@ import { CardSample1Component } from '../../../layouts/card/card-sample-1/card-s selector: 'app-overlay-sample', templateUrl: `overlay-main-sample-3.component.html`, styleUrls: ['overlay-main-sample-3.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, CardSample1Component] }) export class OverlaySampleMain3Component implements OnDestroy { diff --git a/src/app/interactions/overlay/overlay-positioning-1/overlay-position-sample-1.component.ts b/src/app/interactions/overlay/overlay-positioning-1/overlay-position-sample-1.component.ts index e466675df8..967296ef6d 100644 --- a/src/app/interactions/overlay/overlay-positioning-1/overlay-position-sample-1.component.ts +++ b/src/app/interactions/overlay/overlay-positioning-1/overlay-position-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnDestroy, ViewChild, ViewContainerRef, inject } from '@angular/core'; +import { Component, ElementRef, OnDestroy, ViewChild, ViewContainerRef, inject, ChangeDetectionStrategy } from '@angular/core'; import { ConnectedPositioningStrategy, IgxOverlayService, OverlaySettings } from 'igniteui-angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { Subject } from 'rxjs'; @@ -8,6 +8,7 @@ import { MyDynamicCardComponent } from '../overlay-dynamic-card/overlay-dynamic- styleUrls: ['./overlay-position-sample-1.component.scss'], templateUrl: './overlay-position-sample-1.component.html', providers: [IgxOverlayService], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class OverlayPositionSample1Component implements OnDestroy { diff --git a/src/app/interactions/overlay/overlay-positioning-2/overlay-position-sample-2.component.ts b/src/app/interactions/overlay/overlay-positioning-2/overlay-position-sample-2.component.ts index 904a281eb9..327fd28427 100644 --- a/src/app/interactions/overlay/overlay-positioning-2/overlay-position-sample-2.component.ts +++ b/src/app/interactions/overlay/overlay-positioning-2/overlay-position-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnDestroy, ViewChild, ViewContainerRef, inject } from '@angular/core'; +import { Component, ElementRef, OnDestroy, ViewChild, ViewContainerRef, inject, ChangeDetectionStrategy } from '@angular/core'; import { ConnectedPositioningStrategy, HorizontalAlignment, IgxOverlayService, OverlaySettings, PositionSettings, VerticalAlignment } from 'igniteui-angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { MyDynamicCardComponent } from '../overlay-dynamic-card/overlay-dynamic-card.component'; @@ -7,6 +7,7 @@ import { MyDynamicCardComponent } from '../overlay-dynamic-card/overlay-dynamic- styleUrls: ['./overlay-position-sample-2.component.scss'], templateUrl: './overlay-position-sample-2.component.html', providers: [IgxOverlayService], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class OverlayPositionSample2Component implements OnDestroy { diff --git a/src/app/interactions/overlay/overlay-positioning-3/overlay-position-sample-3.component.ts b/src/app/interactions/overlay/overlay-positioning-3/overlay-position-sample-3.component.ts index f2d41e4c5b..27e0c21af2 100644 --- a/src/app/interactions/overlay/overlay-positioning-3/overlay-position-sample-3.component.ts +++ b/src/app/interactions/overlay/overlay-positioning-3/overlay-position-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnDestroy, ViewChild, ViewContainerRef, inject } from '@angular/core'; +import { Component, ElementRef, OnDestroy, ViewChild, ViewContainerRef, inject, ChangeDetectionStrategy } from '@angular/core'; import { AutoPositionStrategy, IgxOverlayService } from 'igniteui-angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { MyDynamicCardComponent } from '../overlay-dynamic-card/overlay-dynamic-card.component'; @@ -7,6 +7,7 @@ import { MyDynamicCardComponent } from '../overlay-dynamic-card/overlay-dynamic- styleUrls: ['./overlay-position-sample-3.component.scss'], templateUrl: './overlay-position-sample-3.component.html', providers: [IgxOverlayService], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class OverlayPositionSample3Component implements OnDestroy { diff --git a/src/app/interactions/overlay/overlay-preset-settings/overlay-preset-settings-sample.component.ts b/src/app/interactions/overlay/overlay-preset-settings/overlay-preset-settings-sample.component.ts index 266590690a..e903723bd2 100644 --- a/src/app/interactions/overlay/overlay-preset-settings/overlay-preset-settings-sample.component.ts +++ b/src/app/interactions/overlay/overlay-preset-settings/overlay-preset-settings-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnDestroy, OnInit, ViewChild, ViewContainerRef, inject } from '@angular/core'; +import { Component, ElementRef, OnDestroy, OnInit, ViewChild, ViewContainerRef, inject, ChangeDetectionStrategy } from '@angular/core'; import { AbsolutePosition, IgxOverlayService, OverlaySettings, RelativePosition, RelativePositionStrategy } from 'igniteui-angular/core'; import { IButtonGroupEventArgs, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -12,6 +12,7 @@ import { NgTemplateOutlet } from '@angular/common'; styleUrls: ['./overlay-preset-settings-sample.component.scss'], templateUrl: './overlay-preset-settings-sample.component.html', providers: [IgxOverlayService], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent, NgTemplateOutlet, IgxButtonGroupComponent, IgxButtonDirective] }) export class OverlayPresetSettingsSampleComponent implements OnInit, OnDestroy { diff --git a/src/app/interactions/overlay/overlay-scroll-1/overlay-scroll-sample-1.component.ts b/src/app/interactions/overlay/overlay-scroll-1/overlay-scroll-sample-1.component.ts index 9159deda83..19af4cb2ae 100644 --- a/src/app/interactions/overlay/overlay-scroll-1/overlay-scroll-sample-1.component.ts +++ b/src/app/interactions/overlay/overlay-scroll-1/overlay-scroll-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnDestroy, ViewChild, inject } from '@angular/core'; +import { Component, ElementRef, OnDestroy, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { AbsoluteScrollStrategy, AutoPositionStrategy, ConnectedPositioningStrategy, ElasticPositionStrategy, GlobalPositionStrategy, HorizontalAlignment, IgxOverlayService, OverlaySettings, PositionSettings, VerticalAlignment } from 'igniteui-angular/core'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -10,6 +10,7 @@ import { FormsModule } from '@angular/forms'; styleUrls: ['./overlay-scroll-sample-1.component.scss'], templateUrl: './overlay-scroll-sample-1.component.html', providers: [IgxOverlayService], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxIconComponent, IgxCardComponent, IgxCardHeaderComponent, IgxCardContentDirective] }) export class OverlayScrollSample1Component implements OnDestroy { diff --git a/src/app/interactions/overlay/overlay-scroll-2/overlay-scroll-sample-2.component.ts b/src/app/interactions/overlay/overlay-scroll-2/overlay-scroll-sample-2.component.ts index 34e6923bf7..c9f44d6348 100644 --- a/src/app/interactions/overlay/overlay-scroll-2/overlay-scroll-sample-2.component.ts +++ b/src/app/interactions/overlay/overlay-scroll-2/overlay-scroll-sample-2.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, ElementRef, OnDestroy, OnInit, ViewChild, ViewContainerRef, inject } from '@angular/core'; +import { Component, ElementRef, OnDestroy, OnInit, ViewChild, ViewContainerRef, inject, ChangeDetectionStrategy } from '@angular/core'; import { AbsoluteScrollStrategy, BlockScrollStrategy, CloseScrollStrategy, ConnectedPositioningStrategy, IgxOverlayService, NoOpScrollStrategy } from 'igniteui-angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { Subject } from 'rxjs'; @@ -9,12 +9,12 @@ import { MyDynamicCardComponent } from '../overlay-dynamic-card/overlay-dynamic- styleUrls: ['./overlay-scroll-sample-2.component.scss'], templateUrl: './overlay-scroll-sample-2.component.html', providers: [IgxOverlayService], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent, MyDynamicCardComponent] }) export class OverlayScrollSample2Component implements OnInit, OnDestroy { private overlay = inject(IgxOverlayService); private viewContainerRef = inject(ViewContainerRef); - private cdr = inject(ChangeDetectorRef); @ViewChild('scrollDemo', { static: true }) public scrollDemo: ElementRef; @@ -38,10 +38,7 @@ export class OverlayScrollSample2Component implements OnInit, OnDestroy { this.overlay .closed .pipe(takeUntil(this.destroy$)) - .subscribe(() => { - this.previewHidden = false; - this.cdr.markForCheck(); - }); + .subscribe(() => this.previewHidden = false); } public ngOnInit(): void { diff --git a/src/app/interactions/overlay/overlay-styling/overlay-styling.component.ts b/src/app/interactions/overlay/overlay-styling/overlay-styling.component.ts index b05e158300..e0866fdcf8 100644 --- a/src/app/interactions/overlay/overlay-styling/overlay-styling.component.ts +++ b/src/app/interactions/overlay/overlay-styling/overlay-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, inject } from '@angular/core'; +import { Component, ElementRef, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxOverlayService } from 'igniteui-angular/core'; import { IgxComboComponent } from 'igniteui-angular/combo'; import { FormsModule } from '@angular/forms'; @@ -7,6 +7,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-overlay-styling', styleUrls: ['overlay-styling.component.scss'], templateUrl: 'overlay-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxComboComponent, FormsModule] }) export class OverlayStylingComponent { diff --git a/src/app/interactions/query-builder/query-builder-request-sample/query-builder-request-sample.component.ts b/src/app/interactions/query-builder/query-builder-request-sample/query-builder-request-sample.component.ts index b7ab51bda3..4778495779 100644 --- a/src/app/interactions/query-builder/query-builder-request-sample/query-builder-request-sample.component.ts +++ b/src/app/interactions/query-builder/query-builder-request-sample/query-builder-request-sample.component.ts @@ -1,5 +1,5 @@ import { HttpClient } from '@angular/common/http'; -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { FilteringExpressionsTree, FilteringLogic, IExpressionTree } from 'igniteui-angular/core'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -11,6 +11,7 @@ const API_ENDPOINT = 'https://data-northwind.indigo.design'; selector: 'query-builder-request-sample', styleUrls: ['./query-builder-request-sample.component.scss'], templateUrl: 'query-builder-request-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxQueryBuilderComponent, IgxGridComponent, IgxColumnComponent] }) export class QueryBuilderRequestSampleComponent implements OnInit, AfterViewInit { @@ -57,11 +58,11 @@ export class QueryBuilderRequestSampleComponent implements OnInit, AfterViewInit fields: this.ordersFields } ]; - + const tree = new FilteringExpressionsTree(FilteringLogic.And, undefined, 'Orders', ['orderId', 'customerId', 'employeeId', 'shipperId', 'orderDate', 'requiredDate', 'shipVia', 'freight', 'shipName', 'completed']); this.expressionTree = tree; } - + public ngAfterViewInit(): void { this.onChange(); } diff --git a/src/app/interactions/query-builder/query-builder-sample-1/query-builder-sample-1.component.ts b/src/app/interactions/query-builder/query-builder-sample-1/query-builder-sample-1.component.ts index 58c1b149d8..32c6457356 100644 --- a/src/app/interactions/query-builder/query-builder-sample-1/query-builder-sample-1.component.ts +++ b/src/app/interactions/query-builder/query-builder-sample-1/query-builder-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { FilteringExpressionsTree, FilteringLogic, IExpressionTree, IgxBooleanFilteringOperand, IgxDateFilteringOperand, IgxNumberFilteringOperand, IgxStringFilteringOperand } from 'igniteui-angular/core'; import { IgxQueryBuilderComponent } from 'igniteui-angular/query-builder'; @@ -6,6 +6,7 @@ import { IgxQueryBuilderComponent } from 'igniteui-angular/query-builder'; selector: 'app-query-builder-sample-1', styleUrls: ['./query-builder-sample-1.component.scss'], templateUrl: 'query-builder-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxQueryBuilderComponent] }) export class QueryBuilderSample1Component implements OnInit { @@ -84,7 +85,7 @@ export class QueryBuilderSample1Component implements OnInit { condition: IgxDateFilteringOperand.instance().condition('today'), conditionName: IgxDateFilteringOperand.instance().condition('today').name }); - + const tree = new FilteringExpressionsTree(FilteringLogic.And, undefined, 'Orders', ['*']); tree.filteringOperands.push({ fieldName: 'CompanyID', @@ -111,4 +112,4 @@ export class QueryBuilderSample1Component implements OnInit { public printExpressionTree(tree: IExpressionTree) { return tree ? JSON.stringify(tree, null, 2) : 'Please add an expression!'; } -} +} \ No newline at end of file diff --git a/src/app/interactions/query-builder/query-builder-sql-sample/query-builder-sql-sample.component.ts b/src/app/interactions/query-builder/query-builder-sql-sample/query-builder-sql-sample.component.ts index 81df6f39a7..b7cb18654c 100644 --- a/src/app/interactions/query-builder/query-builder-sql-sample/query-builder-sql-sample.component.ts +++ b/src/app/interactions/query-builder/query-builder-sql-sample/query-builder-sql-sample.component.ts @@ -1,5 +1,5 @@ import { HttpClient } from '@angular/common/http'; -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { EntityType, FilteringExpressionsTree, IExpressionTree, IgxNumberFilteringOperand, IgxStringFilteringOperand } from 'igniteui-angular/core'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -12,6 +12,7 @@ const API_ENDPOINT = 'https://data-northwind.indigo.design'; selector: 'app-query-builder-sql-sample', styleUrls: ['./query-builder-sql-sample.component.scss'], templateUrl: 'query-builder-sql-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxQueryBuilderComponent, IgxGridComponent, IgxColumnComponent] }) export class QueryBuilderSqlSampleComponent implements OnInit, AfterViewInit { @@ -115,7 +116,7 @@ export class QueryBuilderSqlSampleComponent implements OnInit, AfterViewInit { `${tree.returnFields.join(',')}` : '*'; - const selectClause = `SELECT ${selectFields}`; + const selectClause = `SELECT ${selectFields}`; const fromClause = `FROM ${tree.entity}`; const whereClause = this.buildWhereClause(tree); @@ -187,7 +188,7 @@ export class QueryBuilderSqlSampleComponent implements OnInit, AfterViewInit { break; } } - + public onChange() { const sqlQuery = this.transformExpressionTreeToSqlQuery(this.expressionTree); this.sqlQuery = format(sqlQuery); @@ -211,4 +212,4 @@ export class QueryBuilderSqlSampleComponent implements OnInit, AfterViewInit { this.grid.columns.forEach(column => column.hidden = !this.expressionTree.returnFields.includes(column.field)); } } -} +} \ No newline at end of file diff --git a/src/app/interactions/query-builder/query-builder-style/query-builder-style.component.ts b/src/app/interactions/query-builder/query-builder-style/query-builder-style.component.ts index de24bdd9d5..e0802fc37e 100644 --- a/src/app/interactions/query-builder/query-builder-style/query-builder-style.component.ts +++ b/src/app/interactions/query-builder/query-builder-style/query-builder-style.component.ts @@ -1,10 +1,11 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { IgxQueryBuilderComponent } from 'igniteui-angular/query-builder'; @Component({ selector: 'app-query-builder-style-sample', styleUrls: ['./query-builder-style.component.scss'], templateUrl: 'query-builder-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxQueryBuilderComponent] }) export class QueryBuilderStyleComponent implements OnInit { @@ -54,6 +55,6 @@ export class QueryBuilderStyleComponent implements OnInit { name: "Orders", fields: this.ordersFields } - ]; + ]; } } diff --git a/src/app/interactions/query-builder/query-builder-tailwind-style/query-builder-tailwind-style.component.ts b/src/app/interactions/query-builder/query-builder-tailwind-style/query-builder-tailwind-style.component.ts index 0240f65050..b20f0fa88e 100644 --- a/src/app/interactions/query-builder/query-builder-tailwind-style/query-builder-tailwind-style.component.ts +++ b/src/app/interactions/query-builder/query-builder-tailwind-style/query-builder-tailwind-style.component.ts @@ -1,10 +1,11 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { IgxQueryBuilderComponent } from 'igniteui-angular/query-builder'; @Component({ selector: 'app-query-builder-tailwind-style-sample', styleUrls: ['./query-builder-tailwind-style.component.scss'], templateUrl: 'query-builder-tailwind-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxQueryBuilderComponent] }) export class QueryBuilderTailwindStyleComponent implements OnInit { diff --git a/src/app/interactions/query-builder/query-builder-template-sample/query-builder-template-sample.component.ts b/src/app/interactions/query-builder/query-builder-template-sample/query-builder-template-sample.component.ts index 186333e69d..af71b19f11 100644 --- a/src/app/interactions/query-builder/query-builder-template-sample/query-builder-template-sample.component.ts +++ b/src/app/interactions/query-builder/query-builder-template-sample/query-builder-template-sample.component.ts @@ -1,5 +1,5 @@ import { NgTemplateOutlet } from '@angular/common'; -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { FilteringExpressionsTree, FilteringLogic, IExpressionTree, IgxNumberFilteringOperand, IgxStringFilteringOperand } from 'igniteui-angular/core'; import { IgxComboModule } from 'igniteui-angular/combo'; @@ -11,6 +11,7 @@ import { IgxSelectModule } from 'igniteui-angular/select'; selector: 'app-query-builder-template-sample', styleUrls: ['./query-builder-template-sample.component.scss'], templateUrl: 'query-builder-template-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxQueryBuilderComponent, IgxQueryBuilderHeaderComponent, diff --git a/src/app/interactions/ripple/ripple-sample-2/ripple-sample-2.component.ts b/src/app/interactions/ripple/ripple-sample-2/ripple-sample-2.component.ts index ed4cd8a31d..aa82a16e22 100644 --- a/src/app/interactions/ripple/ripple-sample-2/ripple-sample-2.component.ts +++ b/src/app/interactions/ripple/ripple-sample-2/ripple-sample-2.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-ripple-sample-2', styleUrls: ['./ripple-sample-2.component.scss'], templateUrl: './ripple-sample-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxRippleDirective, IgxButtonDirective] }) export class RippleSample2Component { } diff --git a/src/app/interactions/ripple/ripple-sample-3/ripple-sample-3.component.ts b/src/app/interactions/ripple/ripple-sample-3/ripple-sample-3.component.ts index b6894e53a8..c5a0630438 100644 --- a/src/app/interactions/ripple/ripple-sample-3/ripple-sample-3.component.ts +++ b/src/app/interactions/ripple/ripple-sample-3/ripple-sample-3.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-ripple-sample-3', styleUrls: ['./ripple-sample-3.component.scss'], templateUrl: './ripple-sample-3.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective] }) export class RippleSample3Component { } diff --git a/src/app/interactions/ripple/ripple-sample-4/ripple-sample-4.component.ts b/src/app/interactions/ripple/ripple-sample-4/ripple-sample-4.component.ts index 9a0fde7f28..5d009f614c 100644 --- a/src/app/interactions/ripple/ripple-sample-4/ripple-sample-4.component.ts +++ b/src/app/interactions/ripple/ripple-sample-4/ripple-sample-4.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-ripple-sample-4', styleUrls: ['./ripple-sample-4.component.scss'], templateUrl: './ripple-sample-4.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective] }) export class RippleSample4Component { } diff --git a/src/app/interactions/ripple/ripple-sample-5/ripple-sample-5.component.ts b/src/app/interactions/ripple/ripple-sample-5/ripple-sample-5.component.ts index ca35500d94..bc24bf810d 100644 --- a/src/app/interactions/ripple/ripple-sample-5/ripple-sample-5.component.ts +++ b/src/app/interactions/ripple/ripple-sample-5/ripple-sample-5.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-ripple-sample-5', styleUrls: ['./ripple-sample-5.component.scss'], templateUrl: './ripple-sample-5.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective] }) export class RippleSample5Component { } diff --git a/src/app/interactions/ripple/ripple-sample-6/ripple-sample-6.component.ts b/src/app/interactions/ripple/ripple-sample-6/ripple-sample-6.component.ts index 24c03c931d..6fd8eeae5f 100644 --- a/src/app/interactions/ripple/ripple-sample-6/ripple-sample-6.component.ts +++ b/src/app/interactions/ripple/ripple-sample-6/ripple-sample-6.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-ripple-sample-6', styleUrls: ['./ripple-sample-6.component.scss'], templateUrl: './ripple-sample-6.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective] }) export class RippleSample6Component { } diff --git a/src/app/interactions/ripple/ripple-stying/ripple-styling-sample.component.ts b/src/app/interactions/ripple/ripple-stying/ripple-styling-sample.component.ts index ba4081527e..b6727a8e1a 100644 --- a/src/app/interactions/ripple/ripple-stying/ripple-styling-sample.component.ts +++ b/src/app/interactions/ripple/ripple-stying/ripple-styling-sample.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective, IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @@ -7,6 +7,7 @@ import { IgxAvatarComponent } from 'igniteui-angular/avatar'; selector: 'app-ripple-styling-sample', styleUrls: ['./ripple-styling-sample.component.scss'], templateUrl: './ripple-styling-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective, IgxIconButtonDirective, IgxIconComponent, IgxAvatarComponent] }) export class RippleStylingSampleComponent { } diff --git a/src/app/interactions/slider/discrete-slider-ticks-bottom/discrete-slider-ticks-bottom.component.ts b/src/app/interactions/slider/discrete-slider-ticks-bottom/discrete-slider-ticks-bottom.component.ts index 64338ad1d6..7018a0b5fe 100644 --- a/src/app/interactions/slider/discrete-slider-ticks-bottom/discrete-slider-ticks-bottom.component.ts +++ b/src/app/interactions/slider/discrete-slider-ticks-bottom/discrete-slider-ticks-bottom.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxSliderComponent, IgxSliderType } from 'igniteui-angular/slider'; @Component({ selector: 'app-discrete-slider-bottom-ticks', styleUrls: ['./discrete-slider-ticks-bottom.component.scss'], templateUrl: './discrete-slider-ticks-bottom.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent] }) export class SliderDiscreteTicksBottomComponent { diff --git a/src/app/interactions/slider/slider-primary-ticks-top/slider-primary-ticks-top.component.ts b/src/app/interactions/slider/slider-primary-ticks-top/slider-primary-ticks-top.component.ts index d35f2e94b3..d14e41764a 100644 --- a/src/app/interactions/slider/slider-primary-ticks-top/slider-primary-ticks-top.component.ts +++ b/src/app/interactions/slider/slider-primary-ticks-top/slider-primary-ticks-top.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxSliderComponent, TicksOrientation } from 'igniteui-angular/slider'; @Component({ selector: 'app-slider-primary-ticks-top', styleUrls: ['./slider-primary-ticks-top.component.scss'], templateUrl: './slider-primary-ticks-top.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent] }) export class SliderPrimaryTicksTopComponent { diff --git a/src/app/interactions/slider/slider-sample-1/slider-sample-1.component.ts b/src/app/interactions/slider/slider-sample-1/slider-sample-1.component.ts index 7bb4d45868..c27260c57f 100644 --- a/src/app/interactions/slider/slider-sample-1/slider-sample-1.component.ts +++ b/src/app/interactions/slider/slider-sample-1/slider-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxSliderComponent, IgxSliderType } from 'igniteui-angular/slider'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxPrefixDirective } from 'igniteui-angular/input-group'; import { FormsModule } from '@angular/forms'; @@ -7,6 +7,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-slider-sample-1', styleUrls: ['./slider-sample-1.component.scss'], templateUrl: './slider-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent, IgxInputGroupComponent, IgxLabelDirective, IgxPrefixDirective, FormsModule, IgxInputDirective] }) export class SliderSample1Component { diff --git a/src/app/interactions/slider/slider-sample-2/slider-sample-2.component.ts b/src/app/interactions/slider/slider-sample-2/slider-sample-2.component.ts index 089d47158b..6149e4bc4c 100644 --- a/src/app/interactions/slider/slider-sample-2/slider-sample-2.component.ts +++ b/src/app/interactions/slider/slider-sample-2/slider-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { IgxSliderComponent } from 'igniteui-angular/slider'; import { FormsModule } from '@angular/forms'; @@ -6,6 +6,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-slider-sample-2', styleUrls: ['./slider-sample-2.component.scss'], templateUrl: './slider-sample-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent, FormsModule] }) export class SliderSample2Component implements OnInit { diff --git a/src/app/interactions/slider/slider-sample-3/slider-sample-3.component.ts b/src/app/interactions/slider/slider-sample-3/slider-sample-3.component.ts index 34ad1be7d0..24ddd8076d 100644 --- a/src/app/interactions/slider/slider-sample-3/slider-sample-3.component.ts +++ b/src/app/interactions/slider/slider-sample-3/slider-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxSliderComponent } from 'igniteui-angular/slider'; import { FormsModule } from '@angular/forms'; @@ -7,6 +7,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-slider-sample-3', styleUrls: ['./slider-sample-3.component.scss'], templateUrl: './slider-sample-3.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent, FormsModule, IgxInputGroupComponent, IgxInputDirective, IgxLabelDirective, IgxSuffixDirective] }) export class SliderSample3Component { diff --git a/src/app/interactions/slider/slider-sample-4/slider-sample-4.component.ts b/src/app/interactions/slider/slider-sample-4/slider-sample-4.component.ts index 3f48fd9b70..1c2fc3b81e 100644 --- a/src/app/interactions/slider/slider-sample-4/slider-sample-4.component.ts +++ b/src/app/interactions/slider/slider-sample-4/slider-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxSliderComponent, IgxSliderType } from 'igniteui-angular/slider'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxPrefixDirective } from 'igniteui-angular/input-group'; import { FormsModule } from '@angular/forms'; @@ -7,6 +7,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-slider-sample-4', styleUrls: ['./slider-sample-4.component.scss'], templateUrl: './slider-sample-4.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent, IgxInputGroupComponent, IgxLabelDirective, IgxPrefixDirective, FormsModule, IgxInputDirective] }) export class SliderSample4Component { diff --git a/src/app/interactions/slider/slider-sample-5/slider-sample-5.component.ts b/src/app/interactions/slider/slider-sample-5/slider-sample-5.component.ts index 0b3f3c488b..c30c8d0aa3 100644 --- a/src/app/interactions/slider/slider-sample-5/slider-sample-5.component.ts +++ b/src/app/interactions/slider/slider-sample-5/slider-sample-5.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxSliderComponent, IgxSliderType } from 'igniteui-angular/slider'; @Component({ selector: 'app-slider-sample-5', styleUrls: ['./slider-sample-5.component.scss'], templateUrl: './slider-sample-5.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent] }) export class SliderSample5Component { diff --git a/src/app/interactions/slider/slider-sample-6/slider-sample-6.component.ts b/src/app/interactions/slider/slider-sample-6/slider-sample-6.component.ts index 25f037d8b8..a8e222d9fa 100644 --- a/src/app/interactions/slider/slider-sample-6/slider-sample-6.component.ts +++ b/src/app/interactions/slider/slider-sample-6/slider-sample-6.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxSliderComponent, IgxSliderType, IgxThumbFromTemplateDirective, IgxThumbToTemplateDirective } from 'igniteui-angular/slider'; @Component({ selector: 'app-slider-sample-6', styleUrls: ['./slider-sample-6.component.scss'], templateUrl: './slider-sample-6.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent, IgxThumbFromTemplateDirective, IgxThumbToTemplateDirective] }) export class SliderSample6Component { diff --git a/src/app/interactions/slider/slider-secondary-ticks-mirror/slider-secondary-ticks-mirror.component.ts b/src/app/interactions/slider/slider-secondary-ticks-mirror/slider-secondary-ticks-mirror.component.ts index 62a5b6f431..22782b875b 100644 --- a/src/app/interactions/slider/slider-secondary-ticks-mirror/slider-secondary-ticks-mirror.component.ts +++ b/src/app/interactions/slider/slider-secondary-ticks-mirror/slider-secondary-ticks-mirror.component.ts @@ -1,10 +1,11 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxSliderComponent, TicksOrientation } from 'igniteui-angular/slider'; @Component({ selector: 'app-slider-bottom-ticks', styleUrls: ['./slider-secondary-ticks-mirror.component.scss'], templateUrl: './slider-secondary-ticks-mirror.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent] }) export class SliderSecondaryTicksMirrorComponent { diff --git a/src/app/interactions/slider/slider-styling-sample/app-slider-styling.component.ts b/src/app/interactions/slider/slider-styling-sample/app-slider-styling.component.ts index 0ffc4a436b..d8eca6f814 100644 --- a/src/app/interactions/slider/slider-styling-sample/app-slider-styling.component.ts +++ b/src/app/interactions/slider/slider-styling-sample/app-slider-styling.component.ts @@ -1,10 +1,11 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxSliderComponent, TicksOrientation } from 'igniteui-angular/slider'; @Component({ selector: 'app-slider-styling', styleUrls: ['./app-slider-styling.component.scss'], templateUrl: './app-slider-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent] }) export class AppSliderStylingComponent { diff --git a/src/app/interactions/slider/slider-tailwind-styling-sample/slider-tailwind-styling.component.ts b/src/app/interactions/slider/slider-tailwind-styling-sample/slider-tailwind-styling.component.ts index 5484107728..e6309c1f7c 100644 --- a/src/app/interactions/slider/slider-tailwind-styling-sample/slider-tailwind-styling.component.ts +++ b/src/app/interactions/slider/slider-tailwind-styling-sample/slider-tailwind-styling.component.ts @@ -1,10 +1,11 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxSliderComponent, TicksOrientation } from 'igniteui-angular/slider'; @Component({ selector: 'slider-tailwind-styling', styleUrls: ['./slider-tailwind-styling.component.scss'], templateUrl: './slider-tailwind-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent] }) export class SliderTailwindStylingComponent { diff --git a/src/app/interactions/slider/slider-tick-labels-template/tick-labels-template.component.ts b/src/app/interactions/slider/slider-tick-labels-template/tick-labels-template.component.ts index bfa453e810..3796358017 100644 --- a/src/app/interactions/slider/slider-tick-labels-template/tick-labels-template.component.ts +++ b/src/app/interactions/slider/slider-tick-labels-template/tick-labels-template.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxSliderComponent, IgxTickLabelTemplateDirective } from 'igniteui-angular/slider'; @Component({ selector: 'app-tick-labels-template', styleUrls: ['./tick-labels-template.component.scss'], templateUrl: './tick-labels-template.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent, IgxTickLabelTemplateDirective] }) export class TickLabelsTemplateComponent { diff --git a/src/app/interactions/slider/slider-ticks-bottomtotop-labels/slider-ticks-bottomtotop-labels.component.ts b/src/app/interactions/slider/slider-ticks-bottomtotop-labels/slider-ticks-bottomtotop-labels.component.ts index 15bf608961..e2d3c2613c 100644 --- a/src/app/interactions/slider/slider-ticks-bottomtotop-labels/slider-ticks-bottomtotop-labels.component.ts +++ b/src/app/interactions/slider/slider-ticks-bottomtotop-labels/slider-ticks-bottomtotop-labels.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxSliderComponent, IgxSliderType, TickLabelsOrientation } from 'igniteui-angular/slider'; @Component({ selector: 'app-slider-ticks-bottomtotop-labels', styleUrls: ['./slider-ticks-bottomtotop-labels.component.scss'], templateUrl: './slider-ticks-bottomtotop-labels.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent] }) export class SliderTicksBottomtotopLabelsComponent { diff --git a/src/app/interactions/slider/slider-timeframe/slider-timeframe.component.ts b/src/app/interactions/slider/slider-timeframe/slider-timeframe.component.ts index 5e08bd20fe..3cf16ab583 100644 --- a/src/app/interactions/slider/slider-timeframe/slider-timeframe.component.ts +++ b/src/app/interactions/slider/slider-timeframe/slider-timeframe.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxSliderComponent, IgxSliderType } from 'igniteui-angular/slider'; @Component({ selector: 'app-slider-timeframe', styleUrls: ['./slider-timeframe.component.scss'], templateUrl: './slider-timeframe.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent] }) export class SliderTimeframeComponent { diff --git a/src/app/interactions/toggle/toggle-sample-1/toggle-sample-1.component.ts b/src/app/interactions/toggle/toggle-sample-1/toggle-sample-1.component.ts index bf63372678..03ab42f46e 100644 --- a/src/app/interactions/toggle/toggle-sample-1/toggle-sample-1.component.ts +++ b/src/app/interactions/toggle/toggle-sample-1/toggle-sample-1.component.ts @@ -1,10 +1,11 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective, IgxToggleDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-toggle-sample-1', styleUrls: ['./toggle-sample-1.component.scss', '../toggle-samples.scss'], templateUrl: './toggle-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleDirective] }) export class ToggleSample1Component { diff --git a/src/app/interactions/toggle/toggle-sample-2/toggle-sample-2.component.ts b/src/app/interactions/toggle/toggle-sample-2/toggle-sample-2.component.ts index add7919139..11fa6e3539 100644 --- a/src/app/interactions/toggle/toggle-sample-2/toggle-sample-2.component.ts +++ b/src/app/interactions/toggle/toggle-sample-2/toggle-sample-2.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective, IgxToggleActionDirective, IgxToggleDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-toggle-sample-2', styleUrls: ['../toggle-samples.scss'], templateUrl: './toggle-sample-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleActionDirective, IgxToggleDirective] }) export class ToggleSample2Component { } diff --git a/src/app/interactions/toggle/toggle-sample-3/toggle-sample-3.component.ts b/src/app/interactions/toggle/toggle-sample-3/toggle-sample-3.component.ts index 967e7e266d..46435d6c01 100644 --- a/src/app/interactions/toggle/toggle-sample-3/toggle-sample-3.component.ts +++ b/src/app/interactions/toggle/toggle-sample-3/toggle-sample-3.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective, IgxToggleActionDirective, IgxToggleDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-toggle-sample-3', styleUrls: ['../toggle-samples.scss'], templateUrl: './toggle-sample-3.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxToggleActionDirective, IgxButtonDirective, IgxToggleDirective] }) export class ToggleSample3Component { } diff --git a/src/app/interactions/toggle/toggle-sample-4/toggle-sample-4.component.ts b/src/app/interactions/toggle/toggle-sample-4/toggle-sample-4.component.ts index 79832b2ecd..147723e574 100644 --- a/src/app/interactions/toggle/toggle-sample-4/toggle-sample-4.component.ts +++ b/src/app/interactions/toggle/toggle-sample-4/toggle-sample-4.component.ts @@ -1,10 +1,11 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective, IgxToggleActionDirective, IgxToggleDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-toggle-sample-4', styleUrls: ['../toggle-samples.scss'], templateUrl: './toggle-sample-4.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleActionDirective, IgxToggleDirective] }) export class ToggleSample4Component { diff --git a/src/app/interactions/toggle/toggle.component.ts b/src/app/interactions/toggle/toggle.component.ts index 71cf12e5f0..9feb67b9eb 100644 --- a/src/app/interactions/toggle/toggle.component.ts +++ b/src/app/interactions/toggle/toggle.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, ViewChild } from '@angular/core'; +import { Component, ElementRef, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { ConnectedPositioningStrategy, HorizontalAlignment, OverlaySettings, VerticalAlignment } from 'igniteui-angular/core'; import { IgxButtonDirective, IgxToggleDirective } from 'igniteui-angular/directives'; @@ -7,6 +7,7 @@ import { IgxButtonDirective, IgxToggleDirective } from 'igniteui-angular/directi selector: 'app-toggle', styleUrls: ['./toggle-samples.scss'], templateUrl: './toggle.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleDirective] }) export class ToggleComponent { diff --git a/src/app/interactions/tooltip/tooltip-advanced/tooltip-advanced.component.ts b/src/app/interactions/tooltip/tooltip-advanced/tooltip-advanced.component.ts index 8f8efcdf8a..cb48ac49fb 100644 --- a/src/app/interactions/tooltip/tooltip-advanced/tooltip-advanced.component.ts +++ b/src/app/interactions/tooltip/tooltip-advanced/tooltip-advanced.component.ts @@ -1,4 +1,4 @@ -import { Component, inject } from "@angular/core"; +import { Component, inject, ChangeDetectionStrategy } from "@angular/core"; import { IgxButtonDirective, IgxTooltipDirective, IgxTooltipTargetDirective } from 'igniteui-angular/directives'; import { IgxListActionDirective, IgxListComponent, IgxListItemComponent, IgxListLineTitleDirective, IgxListThumbnailDirective } from 'igniteui-angular/list'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @@ -13,6 +13,7 @@ import { IncomeTaxes } from "./IncomeTaxes"; selector: "app-tooltip-advanced", styleUrls: ["./tooltip-advanced.component.scss"], templateUrl: "./tooltip-advanced.component.html", + changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxOverlayOutletDirective, IgxTooltipTargetDirective, diff --git a/src/app/interactions/tooltip/tooltip-placement/tooltip-placement.component.ts b/src/app/interactions/tooltip/tooltip-placement/tooltip-placement.component.ts index 72e3c39aa6..bc863e25b4 100644 --- a/src/app/interactions/tooltip/tooltip-placement/tooltip-placement.component.ts +++ b/src/app/interactions/tooltip/tooltip-placement/tooltip-placement.component.ts @@ -1,4 +1,4 @@ -import { Component, QueryList, ViewChild, ViewChildren } from "@angular/core"; +import { Component, QueryList, ViewChild, ViewChildren, ChangeDetectionStrategy } from "@angular/core"; import { IgxButtonDirective, IgxTooltipDirective, TooltipPositionStrategy } from 'igniteui-angular/directives'; import { HorizontalAlignment, OverlaySettings, PositionSettings, VerticalAlignment } from 'igniteui-angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,6 +7,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: "app-tooltip-placement", styleUrls: ["./tooltip-placement.component.scss"], templateUrl: "./tooltip-placement.component.html", + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxTooltipDirective, IgxIconComponent] }) export class TooltipPlacementComponent { diff --git a/src/app/interactions/tooltip/tooltip-rich/tooltip-rich.component.ts b/src/app/interactions/tooltip/tooltip-rich/tooltip-rich.component.ts index 2551556dfc..4619a80b18 100644 --- a/src/app/interactions/tooltip/tooltip-rich/tooltip-rich.component.ts +++ b/src/app/interactions/tooltip/tooltip-rich/tooltip-rich.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { IgxTooltipDirective, IgxTooltipTargetDirective } from 'igniteui-angular/directives'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @@ -7,6 +7,7 @@ import { IgxAvatarComponent } from 'igniteui-angular/avatar'; selector: 'app-tooltip-rich', styleUrls: ['./tooltip-rich.component.scss'], templateUrl: './tooltip-rich.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent, IgxTooltipTargetDirective, IgxTooltipDirective, IgxAvatarComponent] }) export class TooltipRichComponent { } diff --git a/src/app/interactions/tooltip/tooltip-simple/tooltip-simple.component.ts b/src/app/interactions/tooltip/tooltip-simple/tooltip-simple.component.ts index 580f372990..f0b8f50019 100644 --- a/src/app/interactions/tooltip/tooltip-simple/tooltip-simple.component.ts +++ b/src/app/interactions/tooltip/tooltip-simple/tooltip-simple.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; import { IgxTooltipDirective, IgxTooltipTargetDirective } from 'igniteui-angular/directives'; @@ -6,6 +6,7 @@ import { IgxTooltipDirective, IgxTooltipTargetDirective } from 'igniteui-angular selector: 'app-tooltip-simple', styleUrls: ['./tooltip-simple.component.scss'], templateUrl: './tooltip-simple.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent, IgxTooltipTargetDirective, IgxTooltipDirective] }) export class TooltipSimpleComponent { } diff --git a/src/app/interactions/tooltip/tooltip-style/tooltip-style.component.ts b/src/app/interactions/tooltip/tooltip-style/tooltip-style.component.ts index ecf19c4a55..b7692cb1e2 100644 --- a/src/app/interactions/tooltip/tooltip-style/tooltip-style.component.ts +++ b/src/app/interactions/tooltip/tooltip-style/tooltip-style.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; import { IgxTooltipDirective, IgxTooltipTargetDirective } from 'igniteui-angular/directives'; import { IgxOverlayOutletDirective } from 'igniteui-angular/core'; @@ -7,6 +7,7 @@ import { IgxOverlayOutletDirective } from 'igniteui-angular/core'; selector: 'app-tooltip-style', styleUrls: ['./tooltip-style.component.scss'], templateUrl: './tooltip-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent, IgxTooltipTargetDirective, IgxOverlayOutletDirective, IgxTooltipDirective] }) export class TooltipStyleComponent { } diff --git a/src/app/interactions/tooltip/tooltip-tailwind-style/tooltip-tailwind-style.component.ts b/src/app/interactions/tooltip/tooltip-tailwind-style/tooltip-tailwind-style.component.ts index 0affa8500a..7dcc68788f 100644 --- a/src/app/interactions/tooltip/tooltip-tailwind-style/tooltip-tailwind-style.component.ts +++ b/src/app/interactions/tooltip/tooltip-tailwind-style/tooltip-tailwind-style.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; import { IgxTooltipDirective, IgxTooltipTargetDirective } from 'igniteui-angular/directives'; import { IgxOverlayOutletDirective } from 'igniteui-angular/core'; @@ -7,6 +7,7 @@ import { IgxOverlayOutletDirective } from 'igniteui-angular/core'; selector: 'app-tooltip-tailwind-style', styleUrls: ['./tooltip-tailwind-style.component.scss'], templateUrl: './tooltip-tailwind-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent, IgxTooltipTargetDirective, IgxOverlayOutletDirective, IgxTooltipDirective] }) export class TooltipTailwindStyleComponent { } diff --git a/src/app/interactions/tooltip/tooltip-triggers/tooltip-triggers.component.ts b/src/app/interactions/tooltip/tooltip-triggers/tooltip-triggers.component.ts index 544f265896..50003a0a51 100644 --- a/src/app/interactions/tooltip/tooltip-triggers/tooltip-triggers.component.ts +++ b/src/app/interactions/tooltip/tooltip-triggers/tooltip-triggers.component.ts @@ -1,4 +1,4 @@ -import { Component, CUSTOM_ELEMENTS_SCHEMA } from "@angular/core"; +import { Component, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy } from "@angular/core"; import { IgxTooltipTargetDirective, IgxTooltipDirective, @@ -17,6 +17,7 @@ defineComponents(IgcInputComponent); styleUrls: ["./tooltip-triggers.component.scss"], templateUrl: "./tooltip-triggers.component.html", schemas: [CUSTOM_ELEMENTS_SCHEMA], + changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxTooltipTargetDirective, IgxTooltipDirective, diff --git a/src/app/layouts/accordion/accordion-sample-1/accordion-sample-1.component.ts b/src/app/layouts/accordion/accordion-sample-1/accordion-sample-1.component.ts index 1f0be5e2e5..9c85367267 100644 --- a/src/app/layouts/accordion/accordion-sample-1/accordion-sample-1.component.ts +++ b/src/app/layouts/accordion/accordion-sample-1/accordion-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; import { IgxAccordionComponent } from 'igniteui-angular/accordion'; import { IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective } from 'igniteui-angular/expansion-panel'; @@ -8,6 +8,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-accordion-sample-1', styleUrls: ['./accordion-sample-1.component.scss'], templateUrl: './accordion-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxAccordionComponent, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelBodyComponent] }) export class AccordionSample1Component { diff --git a/src/app/layouts/accordion/accordion-sample-2/accordion-sample-2.component.ts b/src/app/layouts/accordion/accordion-sample-2/accordion-sample-2.component.ts index a474f09611..b180b65dc4 100644 --- a/src/app/layouts/accordion/accordion-sample-2/accordion-sample-2.component.ts +++ b/src/app/layouts/accordion/accordion-sample-2/accordion-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; import { IgxAccordionComponent } from 'igniteui-angular/accordion'; import { IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective } from 'igniteui-angular/expansion-panel'; @@ -8,6 +8,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-accordion-sample-2', styleUrls: ['./accordion-sample-2.component.scss'], templateUrl: './accordion-sample-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxAccordionComponent, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelBodyComponent] }) export class AccordionSample2Component { diff --git a/src/app/layouts/accordion/accordion-sample-3/accordion-sample-3.component.ts b/src/app/layouts/accordion/accordion-sample-3/accordion-sample-3.component.ts index e7ec1d4ae7..e8ae021109 100644 --- a/src/app/layouts/accordion/accordion-sample-3/accordion-sample-3.component.ts +++ b/src/app/layouts/accordion/accordion-sample-3/accordion-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxSliderComponent, IgxSliderType } from 'igniteui-angular/slider'; import { IgxAccordionComponent } from 'igniteui-angular/accordion'; import { IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective } from 'igniteui-angular/expansion-panel'; @@ -14,6 +14,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-accordion-sample-3', styleUrls: ['./accordion-sample-3.component.scss'], templateUrl: './accordion-sample-3.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAccordionComponent, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelBodyComponent, IgxCheckboxComponent, FormsModule, IgxSliderComponent, IgxRadioComponent, IgxIconComponent, IgxTimePickerComponent, IgxLabelDirective] }) export class AccordionSample3Component { diff --git a/src/app/layouts/accordion/accordion-style/accordion-style.component.ts b/src/app/layouts/accordion/accordion-style/accordion-style.component.ts index 36d70999e7..0017eea836 100644 --- a/src/app/layouts/accordion/accordion-style/accordion-style.component.ts +++ b/src/app/layouts/accordion/accordion-style/accordion-style.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxAccordionComponent } from 'igniteui-angular/accordion'; import { IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective } from 'igniteui-angular/expansion-panel'; import { FormsModule } from '@angular/forms'; @@ -7,6 +7,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-accordion-style', styleUrls: ['./accordion-style.component.scss'], templateUrl: './accordion-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, IgxAccordionComponent, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelBodyComponent] }) export class AccordionStyleComponent { diff --git a/src/app/layouts/avatar/avatar-css-variables/avatar-css-variables.component.ts b/src/app/layouts/avatar/avatar-css-variables/avatar-css-variables.component.ts index dc1d6c334b..677975a628 100644 --- a/src/app/layouts/avatar/avatar-css-variables/avatar-css-variables.component.ts +++ b/src/app/layouts/avatar/avatar-css-variables/avatar-css-variables.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @Component({ selector: 'app-avatar-styling', styleUrls: ['./avatar-css-variables.component.scss'], templateUrl: './avatar-css-variables.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent] }) diff --git a/src/app/layouts/avatar/avatar-sample-1/avatar-sample-1.component.ts b/src/app/layouts/avatar/avatar-sample-1/avatar-sample-1.component.ts index c5c9d11c52..4029bf52a0 100644 --- a/src/app/layouts/avatar/avatar-sample-1/avatar-sample-1.component.ts +++ b/src/app/layouts/avatar/avatar-sample-1/avatar-sample-1.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @Component({ selector: 'app-avatar-sample-1', styleUrls: ['./avatar-sample-1.component.scss'], templateUrl: './avatar-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent] }) export class AvatarSample1Component { diff --git a/src/app/layouts/avatar/avatar-sample-2/avatar-sample-2.component.ts b/src/app/layouts/avatar/avatar-sample-2/avatar-sample-2.component.ts index e2d13706ab..4020fc4875 100644 --- a/src/app/layouts/avatar/avatar-sample-2/avatar-sample-2.component.ts +++ b/src/app/layouts/avatar/avatar-sample-2/avatar-sample-2.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @Component({ selector: 'app-avatar-sample-2', styleUrls: ['./avatar-sample-2.component.scss'], templateUrl: './avatar-sample-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent] }) export class AvatarSample2Component { diff --git a/src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.ts b/src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.ts index 862712634d..cd6d9d61b4 100644 --- a/src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.ts +++ b/src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @Component({ selector: 'app-avatar-sample-3', styleUrls: ['./avatar-sample-3.component.scss'], templateUrl: './avatar-sample-3.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent] }) export class AvatarSample3Component { diff --git a/src/app/layouts/avatar/avatar-sample-4/avatar-sample-4.component.ts b/src/app/layouts/avatar/avatar-sample-4/avatar-sample-4.component.ts index ce11a0ef7e..267b980c10 100644 --- a/src/app/layouts/avatar/avatar-sample-4/avatar-sample-4.component.ts +++ b/src/app/layouts/avatar/avatar-sample-4/avatar-sample-4.component.ts @@ -1,10 +1,11 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @Component({ selector: 'app-avatar-sample-4', styleUrls: ['./avatar-sample-4.component.scss'], templateUrl: './avatar-sample-4.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent] }) diff --git a/src/app/layouts/avatar/avatar-styling/avatar-styling.component.ts b/src/app/layouts/avatar/avatar-styling/avatar-styling.component.ts index 6e05afd61b..86b0f923f3 100644 --- a/src/app/layouts/avatar/avatar-styling/avatar-styling.component.ts +++ b/src/app/layouts/avatar/avatar-styling/avatar-styling.component.ts @@ -1,10 +1,11 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @Component({ selector: 'app-avatar-styling', styleUrls: ['./avatar-styling.component.scss'], templateUrl: './avatar-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent] }) diff --git a/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.ts b/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.ts index db1a0a5dee..419e929468 100644 --- a/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.ts +++ b/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @Component({ selector: 'app-avatar-tailwind-styling', styleUrls: ['./avatar-tailwind-styling.component.scss'], templateUrl: './avatar-tailwind-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent] }) diff --git a/src/app/layouts/card/card-sample-1/card-sample-1.component.ts b/src/app/layouts/card/card-sample-1/card-sample-1.component.ts index 0282a53d3b..1fdd86ad2b 100644 --- a/src/app/layouts/card/card-sample-1/card-sample-1.component.ts +++ b/src/app/layouts/card/card-sample-1/card-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { Card } from '../card.blueprint'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; import { IgxDividerDirective, IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -10,6 +10,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-igx-card-simple', styleUrls: ['./card-sample-1.component.scss'], templateUrl: './card-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardMediaDirective, IgxDividerDirective, IgxCardActionsComponent, IgxIconButtonDirective, IgxRippleDirective, IgxSuffixDirective, IgxIconComponent] }) export class CardSample1Component { diff --git a/src/app/layouts/card/card-sample-2/card-sample-2.component.ts b/src/app/layouts/card/card-sample-2/card-sample-2.component.ts index 209b479962..338ffe01c5 100644 --- a/src/app/layouts/card/card-sample-2/card-sample-2.component.ts +++ b/src/app/layouts/card/card-sample-2/card-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { Card } from '../card.blueprint'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; import { IgxDividerDirective, IgxFlexDirective, IgxIconButtonDirective, IgxLayoutDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -10,6 +10,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-card-sample-2', styleUrls: ['./card-sample-2.component.scss'], templateUrl: './card-sample-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxLayoutDirective, IgxFlexDirective, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardMediaDirective, IgxCardContentDirective, IgxDividerDirective, IgxCardActionsComponent, IgxIconButtonDirective, IgxRippleDirective, IgxSuffixDirective, IgxIconComponent] }) export class CardSample2Component { diff --git a/src/app/layouts/card/card-sample-3/card-sample-3.component.ts b/src/app/layouts/card/card-sample-3/card-sample-3.component.ts index 24963119b2..b3af204cac 100644 --- a/src/app/layouts/card/card-sample-3/card-sample-3.component.ts +++ b/src/app/layouts/card/card-sample-3/card-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { Card } from '../card.blueprint'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; import { IgxButtonDirective, IgxFlexDirective, IgxLayoutDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -10,6 +10,7 @@ import { IgxPrefixDirective } from 'igniteui-angular/input-group'; selector: 'app-card-sample-3', styleUrls: ['./card-sample-3.component.scss'], templateUrl: './card-sample-3.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxLayoutDirective, IgxFlexDirective, IgxCardHeaderComponent, IgxAvatarComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardContentDirective, IgxCardActionsComponent, IgxButtonDirective, IgxRippleDirective, IgxPrefixDirective, IgxCardMediaDirective] }) export class CardSample3Component { diff --git a/src/app/layouts/card/card-sample-4/card-sample-4.component.ts b/src/app/layouts/card/card-sample-4/card-sample-4.component.ts index 591d84f416..249776b690 100644 --- a/src/app/layouts/card/card-sample-4/card-sample-4.component.ts +++ b/src/app/layouts/card/card-sample-4/card-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, inject } from '@angular/core'; +import { Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent } from 'igniteui-angular/expansion-panel'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; @@ -22,6 +22,7 @@ import { selector: 'app-card-sample-4', styleUrls: ['./card-sample-4.component.scss'], templateUrl: './card-sample-4.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardContentDirective, IgxChipComponent, IgxIconComponent, IgxSliderComponent, IgxExpansionPanelComponent, IgxExpansionPanelBodyComponent, IgxListComponent, IgxListItemComponent, IgxDividerDirective, IgxCardActionsComponent, IgxButtonDirective, IgxRippleDirective, IgxPrefixDirective, IgxCardMediaDirective, IgxAvatarComponent] }) export class CardSample4Component implements OnInit { diff --git a/src/app/layouts/card/card-styling-sample/card-styling-sample.component.ts b/src/app/layouts/card/card-styling-sample/card-styling-sample.component.ts index 36edbf29cf..2179ca0349 100644 --- a/src/app/layouts/card/card-styling-sample/card-styling-sample.component.ts +++ b/src/app/layouts/card/card-styling-sample/card-styling-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, inject, OnInit } from '@angular/core'; +import { Component, inject, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { Card } from '../card.blueprint'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; import { IgxDividerModule, IgxIconButtonDirective } from 'igniteui-angular/directives'; @@ -10,9 +10,10 @@ import { IgxChipComponent } from 'igniteui-angular/chips'; selector: 'app-card-styling-sample', templateUrl: './card-styling-sample.component.html', styleUrls: ['./card-styling-sample.component.scss'], - imports: [IgxCardComponent, IgxCardMediaDirective, IgxCardHeaderComponent, - IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, - IgxCardContentDirective, IgxCardActionsComponent, IgxIconButtonDirective, + changeDetection: ChangeDetectionStrategy.Eager, + imports: [IgxCardComponent, IgxCardMediaDirective, IgxCardHeaderComponent, + IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, + IgxCardContentDirective, IgxCardActionsComponent, IgxIconButtonDirective, IgxIconComponent, IgxAvatarComponent, IgxDividerModule, IgxChipComponent] }) export class CardStylingSampleComponent implements OnInit { diff --git a/src/app/layouts/card/card-tailwind-styling-sample/card-tailwind-styling-sample.component.ts b/src/app/layouts/card/card-tailwind-styling-sample/card-tailwind-styling-sample.component.ts index 59c146a849..a2a0a05720 100644 --- a/src/app/layouts/card/card-tailwind-styling-sample/card-tailwind-styling-sample.component.ts +++ b/src/app/layouts/card/card-tailwind-styling-sample/card-tailwind-styling-sample.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { Card } from '../card.blueprint'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; import { IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -10,6 +10,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-card-tailwind-styling-sample', templateUrl: './card-tailwind-styling-sample.component.html', styleUrls: ['./card-tailwind-styling-sample.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxCardMediaDirective, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardContentDirective, IgxCardActionsComponent, IgxIconButtonDirective, IgxRippleDirective, IgxSuffixDirective, IgxIconComponent] }) export class CardTailwindStylingSampleComponent { diff --git a/src/app/layouts/card/card.component.ts b/src/app/layouts/card/card.component.ts index d6eb777150..416467589b 100644 --- a/src/app/layouts/card/card.component.ts +++ b/src/app/layouts/card/card.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { Card } from './card.blueprint'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; import { IgxButtonDirective, IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -10,6 +10,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-card', styleUrls: ['./card.component.scss'], templateUrl: './card.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxCardMediaDirective, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardContentDirective, IgxCardActionsComponent, IgxButtonDirective, IgxRippleDirective, IgxPrefixDirective, IgxIconButtonDirective, IgxSuffixDirective, IgxIconComponent] }) export class CardComponent { diff --git a/src/app/layouts/carousel/carousel-animations-sample/carousel-animations-sample.component.ts b/src/app/layouts/carousel/carousel-animations-sample/carousel-animations-sample.component.ts index a2cb7bf53a..02be5b3a7c 100644 --- a/src/app/layouts/carousel/carousel-animations-sample/carousel-animations-sample.component.ts +++ b/src/app/layouts/carousel/carousel-animations-sample/carousel-animations-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxCarouselComponent, IgxSlideComponent } from 'igniteui-angular/carousel'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; @@ -12,6 +12,7 @@ import { TitleCasePipe } from '@angular/common'; selector: 'app-carousel', styleUrls: ['./carousel-animations-sample.component.scss'], templateUrl: './carousel-animations-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSelectComponent, IgxSwitchComponent, FormsModule, IgxSelectItemComponent, IgxCarouselComponent, IgxSlideComponent, IgxCardComponent, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardContentDirective, IgxCardMediaDirective, IgxCardActionsComponent, IgxButtonDirective, IgxPrefixDirective, TitleCasePipe] }) export class CarouselAnimationsSampleComponent { diff --git a/src/app/layouts/carousel/carousel-no-navigation-sample/carousel-no-navigation-sample.component.ts b/src/app/layouts/carousel/carousel-no-navigation-sample/carousel-no-navigation-sample.component.ts index e848ec5553..f4bfddcce5 100644 --- a/src/app/layouts/carousel/carousel-no-navigation-sample/carousel-no-navigation-sample.component.ts +++ b/src/app/layouts/carousel/carousel-no-navigation-sample/carousel-no-navigation-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { ISlideEventArgs, IgxCarouselComponent, IgxSlideComponent } from 'igniteui-angular/carousel'; import { IListItemClickEventArgs, IgxListComponent, IgxListItemComponent, IgxListThumbnailDirective } from 'igniteui-angular/list'; import { NgStyle, NgClass, CurrencyPipe } from '@angular/common'; @@ -7,6 +7,7 @@ import { NgStyle, NgClass, CurrencyPipe } from '@angular/common'; selector: 'app-carousel', styleUrls: ['./carousel-no-navigation-sample.component.scss'], templateUrl: './carousel-no-navigation-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCarouselComponent, IgxSlideComponent, NgStyle, NgClass, IgxListComponent, IgxListItemComponent, IgxListThumbnailDirective, CurrencyPipe] }) export class CarouselNoNavigationSampleComponent implements OnInit { diff --git a/src/app/layouts/carousel/carousel-styling-sample/carousel-styling-sample.component.ts b/src/app/layouts/carousel/carousel-styling-sample/carousel-styling-sample.component.ts index b8c53cf230..dfb2e09354 100644 --- a/src/app/layouts/carousel/carousel-styling-sample/carousel-styling-sample.component.ts +++ b/src/app/layouts/carousel/carousel-styling-sample/carousel-styling-sample.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxCarouselComponent, IgxSlideComponent } from 'igniteui-angular/carousel'; @Component({ selector: 'app-carousel', styleUrls: ['./carousel-styling-sample.component.scss'], templateUrl: './carousel-styling-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCarouselComponent, IgxSlideComponent] }) diff --git a/src/app/layouts/carousel/carousel-tailwind-sample/carousel-tailwind-sample.component.ts b/src/app/layouts/carousel/carousel-tailwind-sample/carousel-tailwind-sample.component.ts index 58903f63e3..8eaaded0ee 100644 --- a/src/app/layouts/carousel/carousel-tailwind-sample/carousel-tailwind-sample.component.ts +++ b/src/app/layouts/carousel/carousel-tailwind-sample/carousel-tailwind-sample.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxCarouselComponent, IgxSlideComponent } from 'igniteui-angular/carousel'; @Component({ selector: 'app-carousel', styleUrls: ['./carousel-tailwind-sample.component.scss'], templateUrl: './carousel-tailwind-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCarouselComponent, IgxSlideComponent] }) diff --git a/src/app/layouts/carousel/carousel-with-components-sample/carousel-with-components-sample.component.ts b/src/app/layouts/carousel/carousel-with-components-sample/carousel-with-components-sample.component.ts index 02c4a0a0a3..afdcfc2562 100644 --- a/src/app/layouts/carousel/carousel-with-components-sample/carousel-with-components-sample.component.ts +++ b/src/app/layouts/carousel/carousel-with-components-sample/carousel-with-components-sample.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxCarouselComponent, IgxSlideComponent } from 'igniteui-angular/carousel'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxPrefixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -9,6 +9,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-carousel', styleUrls: ['./carousel-with-components-sample.component.scss'], templateUrl: './carousel-with-components-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCarouselComponent, IgxSlideComponent, FormsModule, IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, IgxLabelDirective, IgxInputDirective, IgxButtonDirective] }) diff --git a/src/app/layouts/carousel/carousel.component.ts b/src/app/layouts/carousel/carousel.component.ts index 083bbe7709..b590a9c811 100644 --- a/src/app/layouts/carousel/carousel.component.ts +++ b/src/app/layouts/carousel/carousel.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxCarouselComponent, IgxSlideComponent } from 'igniteui-angular/carousel'; @@ -6,6 +6,7 @@ import { IgxCarouselComponent, IgxSlideComponent } from 'igniteui-angular/carous selector: 'app-carousel', styleUrls: ['./carousel.component.scss'], templateUrl: './carousel.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCarouselComponent, IgxSlideComponent] }) diff --git a/src/app/layouts/divider/dashed/divider-dashed.component.ts b/src/app/layouts/divider/dashed/divider-dashed.component.ts index 8dbfe5fa0a..26e734b601 100644 --- a/src/app/layouts/divider/dashed/divider-dashed.component.ts +++ b/src/app/layouts/divider/dashed/divider-dashed.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxDividerDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-divider-dashed', styleUrls: ['./divider-dashed.component.scss'], templateUrl: './divider-dashed.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDividerDirective] }) export class DividerDashedComponent { diff --git a/src/app/layouts/divider/default/divider-default.component.ts b/src/app/layouts/divider/default/divider-default.component.ts index 4603601a19..fbd3fb688b 100644 --- a/src/app/layouts/divider/default/divider-default.component.ts +++ b/src/app/layouts/divider/default/divider-default.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxDividerDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-divider-default', styleUrls: ['./divider-default.component.scss'], templateUrl: './divider-default.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDividerDirective] }) export class DividerDefaultComponent { diff --git a/src/app/layouts/divider/inset/divider-inset.component.ts b/src/app/layouts/divider/inset/divider-inset.component.ts index dbf452c56a..5f7d3459fe 100644 --- a/src/app/layouts/divider/inset/divider-inset.component.ts +++ b/src/app/layouts/divider/inset/divider-inset.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxDividerDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-divider-inset', styleUrls: ['./divider-inset.component.scss'], templateUrl: './divider-inset.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDividerDirective] }) export class DividerInsetComponent { diff --git a/src/app/layouts/divider/vertical/divider-vertical.component.ts b/src/app/layouts/divider/vertical/divider-vertical.component.ts index bfdbffbd00..8363a6e5ae 100644 --- a/src/app/layouts/divider/vertical/divider-vertical.component.ts +++ b/src/app/layouts/divider/vertical/divider-vertical.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxDividerDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-divider-vertical', styleUrls: ['./divider-vertical.component.scss'], templateUrl: './divider-vertical.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDividerDirective] }) export class DividerVerticalComponent { diff --git a/src/app/layouts/dock-manager/dock-manager-sample/dock-manager.component.ts b/src/app/layouts/dock-manager/dock-manager-sample/dock-manager.component.ts index 30637998f9..0baa38be46 100644 --- a/src/app/layouts/dock-manager/dock-manager-sample/dock-manager.component.ts +++ b/src/app/layouts/dock-manager/dock-manager-sample/dock-manager.component.ts @@ -1,4 +1,4 @@ -import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; +import { Component, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy } from '@angular/core'; import { IgcDockManagerLayout, IgcDockManagerPaneType, IgcSplitPaneOrientation } from 'igniteui-dockmanager'; @@ -7,6 +7,7 @@ import { IgcDockManagerLayout, selector: 'app-dock-manager', styleUrls: ['./dock-manager.component.scss'], templateUrl: './dock-manager.component.html', + changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class DockManagerComponent { diff --git a/src/app/layouts/expansion-panel/expansion-sample-1/expansion-sample-1.component.ts b/src/app/layouts/expansion-panel/expansion-sample-1/expansion-sample-1.component.ts index a5fe89acd4..bbfdd6b1f5 100644 --- a/src/app/layouts/expansion-panel/expansion-sample-1/expansion-sample-1.component.ts +++ b/src/app/layouts/expansion-panel/expansion-sample-1/expansion-sample-1.component.ts @@ -1,10 +1,11 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective } from 'igniteui-angular/expansion-panel'; @Component({ // tslint:disable-next-line:component-selector selector: 'app-expansion-sample-1', styleUrls: ['./expansion-sample-1.component.scss'], templateUrl: './expansion-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelBodyComponent] }) export class ExpansionPanelSample1Component { diff --git a/src/app/layouts/expansion-panel/expansion-sample-2/expansion-sample-2.component.ts b/src/app/layouts/expansion-panel/expansion-sample-2/expansion-sample-2.component.ts index 56b9a42838..3e208e6b98 100644 --- a/src/app/layouts/expansion-panel/expansion-sample-2/expansion-sample-2.component.ts +++ b/src/app/layouts/expansion-panel/expansion-sample-2/expansion-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective } from 'igniteui-angular/expansion-panel'; import { IgxToastComponent } from 'igniteui-angular/toast'; @@ -7,6 +7,7 @@ import { IgxToastComponent } from 'igniteui-angular/toast'; selector: 'app-expansion-sample-2', styleUrls: ['./expansion-sample-2.component.scss'], templateUrl: './expansion-sample-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelBodyComponent, IgxToastComponent] }) export class ExpansionPanelSample2Component { diff --git a/src/app/layouts/expansion-panel/expansion-sample-3/expansion-sample-3.component.ts b/src/app/layouts/expansion-panel/expansion-sample-3/expansion-sample-3.component.ts index c870e53d7c..c991c59854 100644 --- a/src/app/layouts/expansion-panel/expansion-sample-3/expansion-sample-3.component.ts +++ b/src/app/layouts/expansion-panel/expansion-sample-3/expansion-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelHeaderComponent, IgxExpansionPanelIconDirective, IgxExpansionPanelTitleDirective } from 'igniteui-angular/expansion-panel'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -8,6 +8,7 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-expansion-sample-3', styleUrls: ['./expansion-sample-3.component.scss'], templateUrl: './expansion-sample-3.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelIconDirective, IgxExpansionPanelBodyComponent, IgxButtonDirective] }) diff --git a/src/app/layouts/expansion-panel/expansion-sample-4/expansion-sample-4.component.ts b/src/app/layouts/expansion-panel/expansion-sample-4/expansion-sample-4.component.ts index 67fdaaf179..832ad4d808 100644 --- a/src/app/layouts/expansion-panel/expansion-sample-4/expansion-sample-4.component.ts +++ b/src/app/layouts/expansion-panel/expansion-sample-4/expansion-sample-4.component.ts @@ -1,10 +1,11 @@ -import { Component, QueryList, ViewChildren } from '@angular/core'; +import { Component, QueryList, ViewChildren, ChangeDetectionStrategy } from '@angular/core'; import { IExpansionPanelEventArgs, IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective } from 'igniteui-angular/expansion-panel'; @Component({ // tslint:disable-next-line:component-selector selector: 'app-expansion-sample-4', styleUrls: ['./expansion-sample-4.component.scss'], templateUrl: './expansion-sample-4.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelBodyComponent] }) export class ExpansionPanelSample4Component { diff --git a/src/app/layouts/expansion-panel/expansion-sample-5/expansion-sample-5.component.ts b/src/app/layouts/expansion-panel/expansion-sample-5/expansion-sample-5.component.ts index 8d1109b378..772e10627b 100644 --- a/src/app/layouts/expansion-panel/expansion-sample-5/expansion-sample-5.component.ts +++ b/src/app/layouts/expansion-panel/expansion-sample-5/expansion-sample-5.component.ts @@ -1,5 +1,5 @@ import { useAnimation } from '@angular/animations'; -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective } from 'igniteui-angular/expansion-panel'; import { slideInLeft, slideOutRight } from 'igniteui-angular/animations'; @@ -9,6 +9,7 @@ import { slideInLeft, slideOutRight } from 'igniteui-angular/animations'; selector: 'app-expansion-sample-5', styleUrls: ['./expansion-sample-5.component.scss'], templateUrl: './expansion-sample-5.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelBodyComponent] }) export class ExpansionPanelSample5Component { diff --git a/src/app/layouts/expansion-panel/expansion-styling/expansion-styling.component.ts b/src/app/layouts/expansion-panel/expansion-styling/expansion-styling.component.ts index 8a3d968cd4..255413be81 100644 --- a/src/app/layouts/expansion-panel/expansion-styling/expansion-styling.component.ts +++ b/src/app/layouts/expansion-panel/expansion-styling/expansion-styling.component.ts @@ -1,4 +1,4 @@ -import {Component} from '@angular/core'; +import {Component, ChangeDetectionStrategy} from '@angular/core'; import { IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective } from 'igniteui-angular/expansion-panel'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -7,6 +7,7 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-expansion-styling', styleUrls: ['./expansion-styling.component.scss'], templateUrl: './expansion-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelBodyComponent, IgxButtonDirective] }) diff --git a/src/app/layouts/expansion-panel/expansion-tailwind-styling/expansion-tailwind-styling.component.ts b/src/app/layouts/expansion-panel/expansion-tailwind-styling/expansion-tailwind-styling.component.ts index f2c42922c2..dde089c631 100644 --- a/src/app/layouts/expansion-panel/expansion-tailwind-styling/expansion-tailwind-styling.component.ts +++ b/src/app/layouts/expansion-panel/expansion-tailwind-styling/expansion-tailwind-styling.component.ts @@ -1,4 +1,4 @@ -import {Component} from '@angular/core'; +import {Component, ChangeDetectionStrategy} from '@angular/core'; import { IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective } from 'igniteui-angular/expansion-panel'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -7,6 +7,7 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-expansion-tailwind-styling', styleUrls: ['./expansion-tailwind-styling.component.scss'], templateUrl: './expansion-tailwind-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelBodyComponent, IgxButtonDirective] }) diff --git a/src/app/layouts/layout/layout-align-items/layout-align-items.component.ts b/src/app/layouts/layout/layout-align-items/layout-align-items.component.ts index 516c91689f..8af943c85e 100644 --- a/src/app/layouts/layout/layout-align-items/layout-align-items.component.ts +++ b/src/app/layouts/layout/layout-align-items/layout-align-items.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation } from '@angular/core'; +import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; import { ButtonGroupAlignment, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxButtonDirective, IgxFlexDirective, IgxLayoutDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -8,6 +8,7 @@ import { IgxButtonDirective, IgxFlexDirective, IgxLayoutDirective, IgxRippleDire selector: 'app-layout-align-items', styleUrls: ['./layout-align-items.component.scss'], templateUrl: './layout-align-items.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective, IgxLayoutDirective, IgxFlexDirective] }) diff --git a/src/app/layouts/layout/layout-content-space/layout-content-space.component.ts b/src/app/layouts/layout/layout-content-space/layout-content-space.component.ts index 7fecdc6751..fcb7398ccd 100644 --- a/src/app/layouts/layout/layout-content-space/layout-content-space.component.ts +++ b/src/app/layouts/layout/layout-content-space/layout-content-space.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation } from '@angular/core'; +import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; import { ButtonGroupAlignment, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxButtonDirective, IgxLayoutDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -8,6 +8,7 @@ import { IgxButtonDirective, IgxLayoutDirective, IgxRippleDirective } from 'igni selector: 'app-layout-content-space', styleUrls: ['./layout-content-space.component.scss'], templateUrl: './layout-content-space.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective, IgxLayoutDirective] }) diff --git a/src/app/layouts/layout/layout-custom-order/layout-custom-order.component.ts b/src/app/layouts/layout/layout-custom-order/layout-custom-order.component.ts index a6cfe649b8..05f85b937f 100644 --- a/src/app/layouts/layout/layout-custom-order/layout-custom-order.component.ts +++ b/src/app/layouts/layout/layout-custom-order/layout-custom-order.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation } from '@angular/core'; +import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; import { ButtonGroupAlignment } from 'igniteui-angular/button-group'; import { IgxFlexDirective, IgxLayoutDirective } from 'igniteui-angular/directives'; @@ -7,6 +7,7 @@ import { IgxFlexDirective, IgxLayoutDirective } from 'igniteui-angular/directive selector: 'app-layout-custom-order', styleUrls: ['./layout-custom-order.component.scss'], templateUrl: './layout-custom-order.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLayoutDirective, IgxFlexDirective] }) diff --git a/src/app/layouts/layout/layout-direction-column/layout-direction-column.component.ts b/src/app/layouts/layout/layout-direction-column/layout-direction-column.component.ts index 53560f34b7..9bdbf20e43 100644 --- a/src/app/layouts/layout/layout-direction-column/layout-direction-column.component.ts +++ b/src/app/layouts/layout/layout-direction-column/layout-direction-column.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation } from '@angular/core'; +import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; import { ButtonGroupAlignment, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxButtonDirective, IgxFlexDirective, IgxLayoutDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -8,6 +8,7 @@ import { IgxButtonDirective, IgxFlexDirective, IgxLayoutDirective, IgxRippleDire selector: 'app-layout-direction-column', styleUrls: ['./layout-direction-column.component.scss'], templateUrl: './layout-direction-column.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective, IgxLayoutDirective, IgxFlexDirective] }) diff --git a/src/app/layouts/layout/layout-direction-row/layout-direction-row.component.ts b/src/app/layouts/layout/layout-direction-row/layout-direction-row.component.ts index 3342c50d6e..b26cca04b8 100644 --- a/src/app/layouts/layout/layout-direction-row/layout-direction-row.component.ts +++ b/src/app/layouts/layout/layout-direction-row/layout-direction-row.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation } from '@angular/core'; +import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; import { ButtonGroupAlignment, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxButtonDirective, IgxFlexDirective, IgxLayoutDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -8,6 +8,7 @@ import { IgxButtonDirective, IgxFlexDirective, IgxLayoutDirective, IgxRippleDire selector: 'app-layout-direction-row', styleUrls: ['./layout-direction-row.component.scss'], templateUrl: './layout-direction-row.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective, IgxLayoutDirective, IgxFlexDirective] }) diff --git a/src/app/layouts/layout/layout-justify-content/layout-justify-content.component.ts b/src/app/layouts/layout/layout-justify-content/layout-justify-content.component.ts index d3deaa6cfe..89a67616b7 100644 --- a/src/app/layouts/layout/layout-justify-content/layout-justify-content.component.ts +++ b/src/app/layouts/layout/layout-justify-content/layout-justify-content.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation } from '@angular/core'; +import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; import { ButtonGroupAlignment, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxButtonDirective, IgxLayoutDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -8,6 +8,7 @@ import { IgxButtonDirective, IgxLayoutDirective, IgxRippleDirective } from 'igni selector: 'app-layout-justify-content', styleUrls: ['./layout-justify-content.component.scss'], templateUrl: './layout-justify-content.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective, IgxLayoutDirective] }) diff --git a/src/app/layouts/layout/layout-sample/layout-sample.component.ts b/src/app/layouts/layout/layout-sample/layout-sample.component.ts index 144b70c22a..1228ccbf09 100644 --- a/src/app/layouts/layout/layout-sample/layout-sample.component.ts +++ b/src/app/layouts/layout/layout-sample/layout-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation } from '@angular/core'; +import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; import { IgxFlexDirective, IgxLayoutDirective } from 'igniteui-angular/directives'; @Component({ @@ -6,6 +6,7 @@ import { IgxFlexDirective, IgxLayoutDirective } from 'igniteui-angular/directive selector: 'app-layout-sample', styleUrls: ['./layout-sample.component.scss'], templateUrl: './layout-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLayoutDirective, IgxFlexDirective] }) diff --git a/src/app/layouts/layout/layout-wrap/layout-wrap.component.ts b/src/app/layouts/layout/layout-wrap/layout-wrap.component.ts index 11145cf947..648d979042 100644 --- a/src/app/layouts/layout/layout-wrap/layout-wrap.component.ts +++ b/src/app/layouts/layout/layout-wrap/layout-wrap.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation } from '@angular/core'; +import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; import { IgxFlexDirective, IgxLayoutDirective } from 'igniteui-angular/directives'; @Component({ @@ -6,6 +6,7 @@ import { IgxFlexDirective, IgxLayoutDirective } from 'igniteui-angular/directive selector: 'app-layout-wrap', styleUrls: ['./layout-wrap.component.scss'], templateUrl: './layout-wrap.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLayoutDirective, IgxFlexDirective] }) diff --git a/src/app/layouts/splitter/splitter-collapsible-sample/splitter-collapsible-sample.component.ts b/src/app/layouts/splitter/splitter-collapsible-sample/splitter-collapsible-sample.component.ts index 50aadc38bb..bfce400981 100644 --- a/src/app/layouts/splitter/splitter-collapsible-sample/splitter-collapsible-sample.component.ts +++ b/src/app/layouts/splitter/splitter-collapsible-sample/splitter-collapsible-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxSplitterComponent, IgxSplitterPaneComponent } from 'igniteui-angular/splitter'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -6,6 +6,7 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-splitter-collapsible-sample', styleUrls: ['splitter-collapsible-sample.component.scss'], templateUrl: 'splitter-collapsible-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSplitterComponent, IgxSplitterPaneComponent, IgxButtonDirective] }) export class SplitterCollapsibleSampleComponent { diff --git a/src/app/layouts/splitter/splitter-horizontal-sample/splitter-horizontal-sample.component.ts b/src/app/layouts/splitter/splitter-horizontal-sample/splitter-horizontal-sample.component.ts index 4931d38076..2eb7089078 100644 --- a/src/app/layouts/splitter/splitter-horizontal-sample/splitter-horizontal-sample.component.ts +++ b/src/app/layouts/splitter/splitter-horizontal-sample/splitter-horizontal-sample.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxSplitterComponent, IgxSplitterPaneComponent, SplitterType } from 'igniteui-angular/splitter'; @Component({ selector: 'app-splitter-horizontal-sample', styleUrls: ['splitter-horizontal-sample.component.scss'], templateUrl: 'splitter-horizontal-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSplitterComponent, IgxSplitterPaneComponent] }) export class SplitterHorizontalSampleComponent { diff --git a/src/app/layouts/splitter/splitter-nested-sample/splitter-nested-sample.component.ts b/src/app/layouts/splitter/splitter-nested-sample/splitter-nested-sample.component.ts index 06c6b01f05..ce1d06288d 100644 --- a/src/app/layouts/splitter/splitter-nested-sample/splitter-nested-sample.component.ts +++ b/src/app/layouts/splitter/splitter-nested-sample/splitter-nested-sample.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxSplitterComponent, IgxSplitterPaneComponent, SplitterType } from 'igniteui-angular/splitter'; @Component({ selector: 'app-splitter-nested-sample', styleUrls: ['splitter-nested-sample.component.scss'], templateUrl: 'splitter-nested-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSplitterComponent, IgxSplitterPaneComponent] }) export class SplitterNestedSampleComponent { diff --git a/src/app/layouts/splitter/splitter-styling-sample/splitter-styling-sample.component.ts b/src/app/layouts/splitter/splitter-styling-sample/splitter-styling-sample.component.ts index 2dca887ee3..fbff903259 100644 --- a/src/app/layouts/splitter/splitter-styling-sample/splitter-styling-sample.component.ts +++ b/src/app/layouts/splitter/splitter-styling-sample/splitter-styling-sample.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxSplitterComponent, IgxSplitterPaneComponent, SplitterType } from 'igniteui-angular/splitter'; @Component({ selector: 'app-splitter-styling-sample', styleUrls: ['splitter-styling-sample.component.scss'], templateUrl: 'splitter-styling-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSplitterComponent, IgxSplitterPaneComponent] }) export class SplitterStylingSampleComponent { diff --git a/src/app/layouts/splitter/splitter-tailwind-styling-sample/splitter-tailwind-styling-sample.component.ts b/src/app/layouts/splitter/splitter-tailwind-styling-sample/splitter-tailwind-styling-sample.component.ts index 079dfdcaa9..e7e315ce36 100644 --- a/src/app/layouts/splitter/splitter-tailwind-styling-sample/splitter-tailwind-styling-sample.component.ts +++ b/src/app/layouts/splitter/splitter-tailwind-styling-sample/splitter-tailwind-styling-sample.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxSplitterComponent, IgxSplitterPaneComponent, SplitterType } from 'igniteui-angular/splitter'; @Component({ selector: 'app-splitter-tailwind-styling-sample', styleUrls: ['splitter-tailwind-styling-sample.component.scss'], templateUrl: 'splitter-tailwind-styling-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSplitterComponent, IgxSplitterPaneComponent] }) export class SplitterTailwindStylingSampleComponent { diff --git a/src/app/layouts/stepper/stepper-label-position-and-orientation-sample/stepper-label-position-and-orientation-sample.component.ts b/src/app/layouts/stepper/stepper-label-position-and-orientation-sample/stepper-label-position-and-orientation-sample.component.ts index f3f47d2a48..0268d73bed 100644 --- a/src/app/layouts/stepper/stepper-label-position-and-orientation-sample/stepper-label-position-and-orientation-sample.component.ts +++ b/src/app/layouts/stepper/stepper-label-position-and-orientation-sample/stepper-label-position-and-orientation-sample.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IButtonGroupEventArgs, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxStepComponent, IgxStepContentDirective, IgxStepTitleDirective, IgxStepperComponent, IgxStepperOrientation, IgxStepperTitlePosition } from 'igniteui-angular/stepper'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -7,6 +7,7 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-stepper-label-position-and-orientation-sample', styleUrls: ['./stepper-label-position-and-orientation-sample.component.scss'], templateUrl: './stepper-label-position-and-orientation-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxStepperComponent, IgxStepComponent, IgxStepTitleDirective, IgxStepContentDirective, IgxButtonDirective] }) export class StepperLabelPositionAndOrientationSampleComponent { diff --git a/src/app/layouts/stepper/stepper-linear-sample/stepper-linear-sample.component.ts b/src/app/layouts/stepper/stepper-linear-sample/stepper-linear-sample.component.ts index 2336cc4042..5704a13154 100644 --- a/src/app/layouts/stepper/stepper-linear-sample/stepper-linear-sample.component.ts +++ b/src/app/layouts/stepper/stepper-linear-sample/stepper-linear-sample.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IButtonGroupEventArgs, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxStepActiveIndicatorDirective, IgxStepComponent, IgxStepContentDirective, IgxStepSubtitleDirective, IgxStepTitleDirective, IgxStepperComponent } from 'igniteui-angular/stepper'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -12,6 +12,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-stepper-linear-sample', styleUrls: ['./stepper-linear-sample.component.scss'], templateUrl: './stepper-linear-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxStepperComponent, IgxStepActiveIndicatorDirective, IgxIconComponent, IgxStepComponent, IgxStepTitleDirective, IgxStepContentDirective, FormsModule, IgxInputGroupComponent, IgxInputDirective, IgxLabelDirective, IgxButtonDirective, IgxStepSubtitleDirective, IgxRadioGroupDirective, IgxRadioComponent] }) export class StepperLinearSampleComponent { diff --git a/src/app/layouts/stepper/stepper-overview-sample/stepper-overview-sample.component.ts b/src/app/layouts/stepper/stepper-overview-sample/stepper-overview-sample.component.ts index 2cf5594890..d6d2245ee5 100644 --- a/src/app/layouts/stepper/stepper-overview-sample/stepper-overview-sample.component.ts +++ b/src/app/layouts/stepper/stepper-overview-sample/stepper-overview-sample.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, ViewChild, inject } from '@angular/core'; +import { ChangeDetectorRef, Component, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { NgForm, FormsModule } from '@angular/forms'; import { IgxStepComponent, IgxStepContentDirective, IgxStepTitleDirective, IgxStepperComponent } from 'igniteui-angular/stepper'; import { IgxCardComponent, IgxCardContentDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; @@ -15,6 +15,7 @@ import { NgClass, DatePipe } from '@angular/common'; selector: 'app-stepper-overview-sample', styleUrls: ['./stepper-overview-sample.component.scss'], templateUrl: './stepper-overview-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxStepperComponent, IgxStepComponent, IgxStepTitleDirective, IgxStepContentDirective, IgxBadgeComponent, IgxCardComponent, NgClass, IgxCardMediaDirective, IgxCardContentDirective, FormsModule, IgxInputGroupComponent, IgxInputDirective, IgxLabelDirective, IgxSelectComponent, IgxSelectItemComponent, IgxMaskDirective, IgxCheckboxComponent, IgxHintDirective, IgxRadioGroupDirective, IgxRadioComponent, IgxButtonDirective, IgxIconComponent, DatePipe] }) export class StepperOverviewSampleComponent { diff --git a/src/app/layouts/stepper/stepper-sample-reactive-forms/stepper-sample-reactive-forms.component.ts b/src/app/layouts/stepper/stepper-sample-reactive-forms/stepper-sample-reactive-forms.component.ts index f2e5d7ccd1..40fb4c2fa9 100644 --- a/src/app/layouts/stepper/stepper-sample-reactive-forms/stepper-sample-reactive-forms.component.ts +++ b/src/app/layouts/stepper/stepper-sample-reactive-forms/stepper-sample-reactive-forms.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, ViewChild, inject } from '@angular/core'; +import { ChangeDetectorRef, Component, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { FormControl, FormGroup, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms'; import { IgxStepComponent, IgxStepContentDirective, IgxStepTitleDirective, IgxStepperComponent } from 'igniteui-angular/stepper'; import { IgxCardComponent, IgxCardContentDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; @@ -45,6 +45,7 @@ export interface ShippingDetails{ selector: 'app-stepper-sample-reactive-forms', styleUrls: ['./stepper-sample-reactive-forms.component.scss'], templateUrl: './stepper-sample-reactive-forms.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxStepperComponent, IgxStepComponent, IgxStepTitleDirective, IgxStepContentDirective, IgxBadgeComponent, IgxCardComponent, NgClass, IgxCardMediaDirective, IgxCardContentDirective, FormsModule, ReactiveFormsModule, IgxInputGroupComponent, IgxInputDirective, IgxLabelDirective, IgxSelectComponent, IgxSelectItemComponent, IgxMaskDirective, IgxCheckboxComponent, IgxHintDirective, IgxRadioGroupDirective, IgxRadioComponent, IgxButtonDirective, IgxIconComponent, DatePipe] }) export class StepperSampleReactiveFormsComponent { diff --git a/src/app/layouts/stepper/stepper-steptypes-sample/stepper-steptypes-sample.component.ts b/src/app/layouts/stepper/stepper-steptypes-sample/stepper-steptypes-sample.component.ts index bd75db42cc..957a7cf03b 100644 --- a/src/app/layouts/stepper/stepper-steptypes-sample/stepper-steptypes-sample.component.ts +++ b/src/app/layouts/stepper/stepper-steptypes-sample/stepper-steptypes-sample.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IButtonGroupEventArgs, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxStepComponent, IgxStepTitleDirective, IgxStepType, IgxStepperComponent } from 'igniteui-angular/stepper'; @@ -6,6 +6,7 @@ import { IgxStepComponent, IgxStepTitleDirective, IgxStepType, IgxStepperCompone selector: 'app-stepper-steptypes-sample', styleUrls: ['./stepper-steptypes-sample.component.scss'], templateUrl: './stepper-steptypes-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxStepperComponent, IgxStepComponent, IgxStepTitleDirective] }) export class StepperStepTypesSampleComponent { diff --git a/src/app/layouts/stepper/stepper-styling-sample/stepper-styling-sample.component.ts b/src/app/layouts/stepper/stepper-styling-sample/stepper-styling-sample.component.ts index f3a3981429..22522ea11a 100644 --- a/src/app/layouts/stepper/stepper-styling-sample/stepper-styling-sample.component.ts +++ b/src/app/layouts/stepper/stepper-styling-sample/stepper-styling-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IStepChangingEventArgs, IgxStepActiveIndicatorDirective, IgxStepCompletedIndicatorDirective, IgxStepComponent, IgxStepContentDirective, IgxStepSubtitleDirective, IgxStepTitleDirective, IgxStepperComponent } from 'igniteui-angular/stepper'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -7,6 +7,7 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-stepper-styling-sample', styleUrls: ['./stepper-styling-sample.component.scss'], templateUrl: './stepper-styling-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxStepperComponent, IgxStepActiveIndicatorDirective, IgxIconComponent, IgxStepCompletedIndicatorDirective, IgxStepComponent, IgxStepTitleDirective, IgxStepSubtitleDirective, IgxStepContentDirective, IgxButtonDirective] }) export class StepperStylingSampleComponent { diff --git a/src/app/layouts/stepper/stepper-tailwind-styling-sample/stepper-tailwind-styling-sample.component.ts b/src/app/layouts/stepper/stepper-tailwind-styling-sample/stepper-tailwind-styling-sample.component.ts index adbe5489e7..74884efa21 100644 --- a/src/app/layouts/stepper/stepper-tailwind-styling-sample/stepper-tailwind-styling-sample.component.ts +++ b/src/app/layouts/stepper/stepper-tailwind-styling-sample/stepper-tailwind-styling-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IStepChangingEventArgs, IgxStepActiveIndicatorDirective, IgxStepCompletedIndicatorDirective, IgxStepComponent, IgxStepContentDirective, IgxStepSubtitleDirective, IgxStepTitleDirective, IgxStepperComponent } from 'igniteui-angular/stepper'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -7,6 +7,7 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-stepper-tailwind-styling-sample', styleUrls: ['./stepper-tailwind-styling-sample.component.scss'], templateUrl: './stepper-tailwind-styling-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxStepperComponent, IgxStepActiveIndicatorDirective, IgxIconComponent, IgxStepCompletedIndicatorDirective, IgxStepComponent, IgxStepTitleDirective, IgxStepSubtitleDirective, IgxStepContentDirective, IgxButtonDirective] }) export class StepperTailwindStylingSampleComponent { diff --git a/src/app/layouts/tabbar/tabbar-sample-1/tabbar-sample-1.component.ts b/src/app/layouts/tabbar/tabbar-sample-1/tabbar-sample-1.component.ts index 04748ddab8..3ae1303c20 100644 --- a/src/app/layouts/tabbar/tabbar-sample-1/tabbar-sample-1.component.ts +++ b/src/app/layouts/tabbar/tabbar-sample-1/tabbar-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxBottomNavComponent, IgxBottomNavContentComponent, IgxBottomNavHeaderComponent, IgxBottomNavItemComponent } from 'igniteui-angular/bottom-nav'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -6,6 +6,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-tabbar-sample-1', styleUrls: ['./tabbar-sample-1.component.scss'], templateUrl: './tabbar-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxBottomNavComponent, IgxBottomNavItemComponent, IgxBottomNavHeaderComponent, IgxIconComponent, IgxBottomNavContentComponent] }) export class TabbarSample1Component { diff --git a/src/app/layouts/tabbar/tabbar-sample-2/tabbar-sample-2.component.ts b/src/app/layouts/tabbar/tabbar-sample-2/tabbar-sample-2.component.ts index 857c99340d..162d8773c7 100644 --- a/src/app/layouts/tabbar/tabbar-sample-2/tabbar-sample-2.component.ts +++ b/src/app/layouts/tabbar/tabbar-sample-2/tabbar-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component } from "@angular/core"; +import { Component, ChangeDetectionStrategy } from "@angular/core"; import { IgxBottomNavComponent, IgxBottomNavContentComponent, IgxBottomNavHeaderComponent, IgxBottomNavHeaderIconDirective, IgxBottomNavHeaderLabelDirective, IgxBottomNavItemComponent } from 'igniteui-angular/bottom-nav'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,6 +7,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: "app-tabbar-sample-2", styleUrls: ["./tabbar-sample-2.component.scss"], templateUrl: "./tabbar-sample-2.component.html", + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxBottomNavComponent, IgxBottomNavItemComponent, IgxBottomNavHeaderComponent, IgxIconComponent, IgxBottomNavHeaderIconDirective, IgxBottomNavHeaderLabelDirective, IgxBottomNavContentComponent] }) export class TabbarSample2Component { diff --git a/src/app/layouts/tabbar/tabbar-sample-3/components/tabbar-sample-3.component.ts b/src/app/layouts/tabbar/tabbar-sample-3/components/tabbar-sample-3.component.ts index 38dc79a81d..fdcd9d1ccf 100644 --- a/src/app/layouts/tabbar/tabbar-sample-3/components/tabbar-sample-3.component.ts +++ b/src/app/layouts/tabbar/tabbar-sample-3/components/tabbar-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject } from '@angular/core'; +import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; import { NavigationEnd, Router, RouterOutlet, RouterLinkActive, RouterLink } from '@angular/router'; import { filter } from 'rxjs/operators'; import { IgxBottomNavComponent, IgxBottomNavHeaderComponent, IgxBottomNavHeaderIconDirective, IgxBottomNavItemComponent } from 'igniteui-angular/bottom-nav'; @@ -8,6 +8,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-tabbar-sample-3', styleUrls: ['./tabbar-sample-3.component.scss'], templateUrl: './tabbar-sample-3.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [RouterOutlet, IgxBottomNavComponent, IgxBottomNavItemComponent, RouterLinkActive, IgxBottomNavHeaderComponent, RouterLink, IgxIconComponent, IgxBottomNavHeaderIconDirective] }) export class TabbarSample3Component implements OnInit { diff --git a/src/app/layouts/tabbar/tabbar-style/tabbar-style.component.ts b/src/app/layouts/tabbar/tabbar-style/tabbar-style.component.ts index 7512e4bfa8..7241dd0a0b 100644 --- a/src/app/layouts/tabbar/tabbar-style/tabbar-style.component.ts +++ b/src/app/layouts/tabbar/tabbar-style/tabbar-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from "@angular/core"; +import { Component, OnInit, ChangeDetectionStrategy } from "@angular/core"; import { IgxBottomNavComponent, IgxBottomNavContentComponent, IgxBottomNavHeaderComponent, IgxBottomNavHeaderIconDirective, IgxBottomNavHeaderLabelDirective, IgxBottomNavItemComponent } from 'igniteui-angular/bottom-nav'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,6 +7,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: "app-tabbar-style", styleUrls: ["./tabbar-style.component.scss"], templateUrl: "./tabbar-style.component.html", + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxBottomNavComponent, IgxBottomNavItemComponent, IgxBottomNavHeaderComponent, IgxIconComponent, IgxBottomNavHeaderIconDirective, IgxBottomNavHeaderLabelDirective, IgxBottomNavContentComponent] }) export class TabbarStyleComponent { diff --git a/src/app/layouts/tabbar/tabbar-tailwind-style/tabbar-tailwind-style.component.ts b/src/app/layouts/tabbar/tabbar-tailwind-style/tabbar-tailwind-style.component.ts index f7d4b7cad8..c94d69c48f 100644 --- a/src/app/layouts/tabbar/tabbar-tailwind-style/tabbar-tailwind-style.component.ts +++ b/src/app/layouts/tabbar/tabbar-tailwind-style/tabbar-tailwind-style.component.ts @@ -1,4 +1,4 @@ -import { Component } from "@angular/core"; +import { Component, ChangeDetectionStrategy } from "@angular/core"; import { IgxBottomNavComponent, IgxBottomNavContentComponent, IgxBottomNavHeaderComponent, IgxBottomNavHeaderIconDirective, IgxBottomNavHeaderLabelDirective, IgxBottomNavItemComponent } from 'igniteui-angular/bottom-nav'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,6 +7,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: "app-tabbar-tailwind-style", styleUrls: ["./tabbar-tailwind-style.component.scss"], templateUrl: "./tabbar-tailwind-style.component.html", + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxBottomNavComponent, IgxBottomNavItemComponent, IgxBottomNavHeaderComponent, IgxIconComponent, IgxBottomNavHeaderIconDirective, IgxBottomNavHeaderLabelDirective, IgxBottomNavContentComponent] }) export class TabbarTailwindStyleComponent { diff --git a/src/app/layouts/tabbar/views/view1/view1.component.ts b/src/app/layouts/tabbar/views/view1/view1.component.ts index f94c38bab1..33e6dfbe70 100644 --- a/src/app/layouts/tabbar/views/view1/view1.component.ts +++ b/src/app/layouts/tabbar/views/view1/view1.component.ts @@ -1,7 +1,8 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; @Component({ selector: 'app-view1', + changeDetection: ChangeDetectionStrategy.Eager, templateUrl: './view1.component.html' }) export class TabbarView1Component { } diff --git a/src/app/layouts/tabbar/views/view2/view2.component.ts b/src/app/layouts/tabbar/views/view2/view2.component.ts index 353fab685c..9138a112b5 100644 --- a/src/app/layouts/tabbar/views/view2/view2.component.ts +++ b/src/app/layouts/tabbar/views/view2/view2.component.ts @@ -1,7 +1,8 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; @Component({ selector: 'app-view2', + changeDetection: ChangeDetectionStrategy.Eager, templateUrl: './view2.component.html' }) export class TabbarView2Component { } diff --git a/src/app/layouts/tabbar/views/view3/view3.component.ts b/src/app/layouts/tabbar/views/view3/view3.component.ts index d22d588015..c103966a82 100644 --- a/src/app/layouts/tabbar/views/view3/view3.component.ts +++ b/src/app/layouts/tabbar/views/view3/view3.component.ts @@ -1,7 +1,8 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; @Component({ selector: 'app-view3', + changeDetection: ChangeDetectionStrategy.Eager, templateUrl: './view3.component.html' }) export class TabbarView3Component { } diff --git a/src/app/layouts/tabs/tabs-alignment/tabs-alignment.component.ts b/src/app/layouts/tabs/tabs-alignment/tabs-alignment.component.ts index 346339e173..ef757d511a 100644 --- a/src/app/layouts/tabs/tabs-alignment/tabs-alignment.component.ts +++ b/src/app/layouts/tabs/tabs-alignment/tabs-alignment.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxTabContentComponent, IgxTabHeaderComponent, IgxTabHeaderLabelDirective, IgxTabItemComponent, IgxTabsComponent } from 'igniteui-angular/tabs'; @Component({ selector: 'app-tabs-alignment', templateUrl: './tabs-alignment.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxTabsComponent, IgxTabItemComponent, IgxTabHeaderComponent, IgxTabHeaderLabelDirective, IgxTabContentComponent] }) export class TabsAlignmentComponent { diff --git a/src/app/layouts/tabs/tabs-header-prefix-suffix/tabs-header-prefix-suffix.ts b/src/app/layouts/tabs/tabs-header-prefix-suffix/tabs-header-prefix-suffix.ts index bfff56bd7c..75320d662c 100644 --- a/src/app/layouts/tabs/tabs-header-prefix-suffix/tabs-header-prefix-suffix.ts +++ b/src/app/layouts/tabs/tabs-header-prefix-suffix/tabs-header-prefix-suffix.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxTabContentComponent, IgxTabHeaderComponent, IgxTabItemComponent, IgxTabsComponent } from 'igniteui-angular/tabs'; import { IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; @@ -8,6 +8,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; @Component({ selector: 'app-tabs-header-prefix-suffix', templateUrl: './tabs-header-prefix-suffix.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTabsComponent, IgxTabItemComponent, IgxTabHeaderComponent, IgxPrefixDirective, IgxIconButtonDirective, IgxSuffixDirective, IgxIconComponent, IgxTabContentComponent] }) export class TabsHeaderPrefixSuffixComponent { diff --git a/src/app/layouts/tabs/tabs-sample-1/tabs-sample-1.component.ts b/src/app/layouts/tabs/tabs-sample-1/tabs-sample-1.component.ts index 1b99abb8e3..00c134d8d6 100644 --- a/src/app/layouts/tabs/tabs-sample-1/tabs-sample-1.component.ts +++ b/src/app/layouts/tabs/tabs-sample-1/tabs-sample-1.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxTabContentComponent, IgxTabHeaderComponent, IgxTabHeaderLabelDirective, IgxTabItemComponent, IgxTabsComponent } from 'igniteui-angular/tabs'; @Component({ selector: 'app-tabs-sample-1', styleUrls: ['./tabs-sample-1.component.scss'], templateUrl: './tabs-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTabsComponent, IgxTabItemComponent, IgxTabHeaderComponent, IgxTabHeaderLabelDirective, IgxTabContentComponent] }) export class TabsSample1Component { } diff --git a/src/app/layouts/tabs/tabs-sample-2/tabs-sample-2.component.ts b/src/app/layouts/tabs/tabs-sample-2/tabs-sample-2.component.ts index 0e27ffe1a7..6332973cfd 100644 --- a/src/app/layouts/tabs/tabs-sample-2/tabs-sample-2.component.ts +++ b/src/app/layouts/tabs/tabs-sample-2/tabs-sample-2.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxTabContentComponent, IgxTabHeaderComponent, IgxTabHeaderLabelDirective, IgxTabItemComponent, IgxTabsComponent } from 'igniteui-angular/tabs'; @Component({ selector: 'app-tabs-sample-2', styleUrls: ['./tabs-sample-2.component.scss'], templateUrl: './tabs-sample-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTabsComponent, IgxTabItemComponent, IgxTabHeaderComponent, IgxTabHeaderLabelDirective, IgxTabContentComponent] }) export class TabsSample2Component { diff --git a/src/app/layouts/tabs/tabs-sample-3/tabs-sample-3.component.ts b/src/app/layouts/tabs/tabs-sample-3/tabs-sample-3.component.ts index 910a1a98bc..ad60b1a97c 100644 --- a/src/app/layouts/tabs/tabs-sample-3/tabs-sample-3.component.ts +++ b/src/app/layouts/tabs/tabs-sample-3/tabs-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxTabContentComponent, IgxTabHeaderComponent, IgxTabHeaderIconDirective, IgxTabHeaderLabelDirective, IgxTabItemComponent, IgxTabsComponent } from 'igniteui-angular/tabs'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -6,6 +6,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-tabs-sample-3', styleUrls: ['./tabs-sample-3.component.scss'], templateUrl: './tabs-sample-3.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTabsComponent, IgxTabItemComponent, IgxTabHeaderComponent, IgxIconComponent, IgxTabHeaderIconDirective, IgxTabHeaderLabelDirective, IgxTabContentComponent] }) export class TabsSample3Component { } diff --git a/src/app/layouts/tabs/tabs-sample-4/components/tabs-sample-4.component.ts b/src/app/layouts/tabs/tabs-sample-4/components/tabs-sample-4.component.ts index 78db9b213c..1bf814ab78 100644 --- a/src/app/layouts/tabs/tabs-sample-4/components/tabs-sample-4.component.ts +++ b/src/app/layouts/tabs/tabs-sample-4/components/tabs-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject } from '@angular/core'; +import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; import { NavigationEnd, Router, RouterLinkActive, RouterLink, RouterOutlet } from '@angular/router'; import { filter } from 'rxjs/operators'; import { IgxTabHeaderComponent, IgxTabHeaderLabelDirective, IgxTabItemComponent, IgxTabsComponent } from 'igniteui-angular/tabs'; @@ -7,6 +7,7 @@ import { IgxTabHeaderComponent, IgxTabHeaderLabelDirective, IgxTabItemComponent, selector: 'app-tabs-sample-4', styleUrls: ['./tabs-sample-4.component.scss'], templateUrl: './tabs-sample-4.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTabsComponent, IgxTabItemComponent, RouterLinkActive, IgxTabHeaderComponent, RouterLink, IgxTabHeaderLabelDirective, RouterOutlet] }) export class TabsSample4Component implements OnInit { diff --git a/src/app/layouts/tabs/tabs-style/tabs-style.component.ts b/src/app/layouts/tabs/tabs-style/tabs-style.component.ts index c0a43419e5..fd65146975 100644 --- a/src/app/layouts/tabs/tabs-style/tabs-style.component.ts +++ b/src/app/layouts/tabs/tabs-style/tabs-style.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxTabContentComponent, IgxTabHeaderComponent, IgxTabHeaderIconDirective, IgxTabHeaderLabelDirective, IgxTabItemComponent, IgxTabsComponent } from 'igniteui-angular/tabs'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -6,6 +6,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-tabs-style', styleUrls: ['./tabs-style.component.scss'], templateUrl: './tabs-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTabsComponent, IgxTabItemComponent, IgxTabHeaderComponent, IgxIconComponent, IgxTabHeaderIconDirective, IgxTabHeaderLabelDirective, IgxTabContentComponent] }) export class TabsStyleComponent { } diff --git a/src/app/layouts/tabs/tabs-tailwind-style/tabs-tailwind-style.component.ts b/src/app/layouts/tabs/tabs-tailwind-style/tabs-tailwind-style.component.ts index 1a1a925db8..5fe1a7572a 100644 --- a/src/app/layouts/tabs/tabs-tailwind-style/tabs-tailwind-style.component.ts +++ b/src/app/layouts/tabs/tabs-tailwind-style/tabs-tailwind-style.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxTabContentComponent, IgxTabHeaderComponent, IgxTabHeaderIconDirective, IgxTabHeaderLabelDirective, IgxTabItemComponent, IgxTabsComponent } from 'igniteui-angular/tabs'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -6,6 +6,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-tabs-tailwind-style', styleUrls: ['./tabs-tailwind-style.component.scss'], templateUrl: './tabs-tailwind-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTabsComponent, IgxTabItemComponent, IgxTabHeaderComponent, IgxIconComponent, IgxTabHeaderIconDirective, IgxTabHeaderLabelDirective, IgxTabContentComponent] }) export class TabsTailwindStyleComponent { } diff --git a/src/app/layouts/tabs/views/view1/view1.component.ts b/src/app/layouts/tabs/views/view1/view1.component.ts index b9b28ff9af..6dcfcbbedf 100644 --- a/src/app/layouts/tabs/views/view1/view1.component.ts +++ b/src/app/layouts/tabs/views/view1/view1.component.ts @@ -1,7 +1,8 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; @Component({ selector: 'app-view1', + changeDetection: ChangeDetectionStrategy.Eager, templateUrl: './view1.component.html' }) export class View1Component { } diff --git a/src/app/layouts/tabs/views/view2/view2.component.ts b/src/app/layouts/tabs/views/view2/view2.component.ts index 8dcb038e37..28df4880ce 100644 --- a/src/app/layouts/tabs/views/view2/view2.component.ts +++ b/src/app/layouts/tabs/views/view2/view2.component.ts @@ -1,7 +1,8 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; @Component({ selector: 'app-view2', + changeDetection: ChangeDetectionStrategy.Eager, templateUrl: './view2.component.html' }) export class View2Component { } diff --git a/src/app/layouts/tabs/views/view3/view3.component.ts b/src/app/layouts/tabs/views/view3/view3.component.ts index a02c858866..7331f77fdf 100644 --- a/src/app/layouts/tabs/views/view3/view3.component.ts +++ b/src/app/layouts/tabs/views/view3/view3.component.ts @@ -1,7 +1,8 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; @Component({ selector: 'app-view3', + changeDetection: ChangeDetectionStrategy.Eager, templateUrl: './view3.component.html' }) export class View3Component { } diff --git a/src/app/layouts/tile-manager/tile-manager-sample/tile-manager.component.ts b/src/app/layouts/tile-manager/tile-manager-sample/tile-manager.component.ts index 5f515fefdb..ec37a15aae 100644 --- a/src/app/layouts/tile-manager/tile-manager-sample/tile-manager.component.ts +++ b/src/app/layouts/tile-manager/tile-manager-sample/tile-manager.component.ts @@ -1,4 +1,4 @@ -import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject } from '@angular/core'; +import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; import { IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardThumbnailDirective } from 'igniteui-angular/card'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; @@ -12,6 +12,7 @@ defineComponents(IgcTileManagerComponent); styleUrls: ['./tile-manager.component.scss'], templateUrl: './tile-manager.component.html', imports: [IgxCardComponent, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardThumbnailDirective, IgxCardContentDirective, IgxListComponent, IgxListItemComponent, IgxListThumbnailDirective, IgxAvatarComponent, IgxIconComponent], + changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class TileManagerComponent implements OnInit { @@ -21,15 +22,15 @@ export class TileManagerComponent implements OnInit { public ngOnInit() { const listIcon = ''; - + const calendarIcon = '' - + const productIcon = '' - + this._iconService.addSvgIconFromText("list", listIcon, "material"); this._iconService.addSvgIconFromText("calendar", calendarIcon, "material"); this._iconService.addSvgIconFromText("product", productIcon, "material"); } -} +} \ No newline at end of file diff --git a/src/app/lists/combo/combo-binding/combo-binding.component.ts b/src/app/lists/combo/combo-binding/combo-binding.component.ts index 563ccf1724..7005aae0bc 100644 --- a/src/app/lists/combo/combo-binding/combo-binding.component.ts +++ b/src/app/lists/combo/combo-binding/combo-binding.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxComboComponent } from 'igniteui-angular/combo'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxCardComponent, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective } from 'igniteui-angular/card'; @@ -10,6 +10,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-combo-binding', templateUrl: 'combo-binding.component.html', styleUrls: ['combo-binding.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxComboComponent, FormsModule, IgxButtonDirective, IgxCardComponent, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective] }) export class ComboBindingComponent { diff --git a/src/app/lists/combo/combo-features/combo-features.component.ts b/src/app/lists/combo/combo-features/combo-features.component.ts index 79bf967fa5..8e8db5ac3d 100644 --- a/src/app/lists/combo/combo-features/combo-features.component.ts +++ b/src/app/lists/combo/combo-features/combo-features.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxComboComponent } from 'igniteui-angular/combo'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; import { localData } from './local-data'; @@ -8,6 +8,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-combo', styleUrls: ['./combo-features.component.scss'], templateUrl: './combo-features.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxComboComponent, IgxSwitchComponent, FormsModule] }) export class ComboFeaturesComponent implements OnInit{ diff --git a/src/app/lists/combo/combo-main/combo-main.component.ts b/src/app/lists/combo/combo-main/combo-main.component.ts index 7ec7619400..1a93565d44 100644 --- a/src/app/lists/combo/combo-main/combo-main.component.ts +++ b/src/app/lists/combo/combo-main/combo-main.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { localData } from './local-data'; import { IgxComboComponent } from 'igniteui-angular/combo'; @@ -6,6 +6,7 @@ import { IgxComboComponent } from 'igniteui-angular/combo'; selector: 'app-combo-main', styleUrls: ['./combo-main.component.scss'], templateUrl: './combo-main.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxComboComponent] }) diff --git a/src/app/lists/combo/combo-overlay/combo-overlay.component.ts b/src/app/lists/combo/combo-overlay/combo-overlay.component.ts index ede80c3d91..311545317c 100644 --- a/src/app/lists/combo/combo-overlay/combo-overlay.component.ts +++ b/src/app/lists/combo/combo-overlay/combo-overlay.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { GlobalPositionStrategy, OverlaySettings } from 'igniteui-angular/core'; import { IgxComboComponent } from 'igniteui-angular/combo'; import { scaleInCenter, scaleOutCenter } from 'igniteui-angular/animations'; @@ -7,6 +7,7 @@ import { scaleInCenter, scaleOutCenter } from 'igniteui-angular/animations'; selector: 'app-combo-overlay', templateUrl: 'combo-overlay.component.html', styleUrls: ['combo-overlay.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxComboComponent] }) export class ComboOverlayComponent { diff --git a/src/app/lists/combo/combo-remote/combo-remote.component.ts b/src/app/lists/combo/combo-remote/combo-remote.component.ts index 994071a9af..f1c115c892 100644 --- a/src/app/lists/combo/combo-remote/combo-remote.component.ts +++ b/src/app/lists/combo/combo-remote/combo-remote.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { IComboSearchInputEventArgs, IComboSelectionChangingEventArgs, IgxComboComponent } from 'igniteui-angular/combo'; import { IForOfState } from 'igniteui-angular/directives'; import { IgxToastComponent } from 'igniteui-angular/toast'; @@ -11,6 +11,7 @@ import { AsyncPipe } from '@angular/common'; selector: 'app-combo-remote', styleUrls: ['./combo-remote.component.scss'], templateUrl: './combo-remote.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxComboComponent, IgxToastComponent, AsyncPipe] }) export class ComboRemoteComponent implements OnInit, AfterViewInit { diff --git a/src/app/lists/combo/combo-styling/combo-styling.component.ts b/src/app/lists/combo/combo-styling/combo-styling.component.ts index 63ebea26f0..7aab41dd86 100644 --- a/src/app/lists/combo/combo-styling/combo-styling.component.ts +++ b/src/app/lists/combo/combo-styling/combo-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnInit, ViewChild, inject } from '@angular/core'; +import { Component, ElementRef, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { IComboSelectionChangingEventArgs, IgxComboComponent } from 'igniteui-angular/combo'; import { IgxToastComponent } from 'igniteui-angular/toast'; import { VerticalAlignment } from 'igniteui-angular/core'; @@ -8,6 +8,7 @@ import { getHeroWeaponsData, IHeroWeapon } from '../../../data/heroData'; selector: 'app-combo', styleUrls: ['./combo-styling.component.scss'], templateUrl: './combo-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxComboComponent, IgxToastComponent] }) export class ComboStylingComponent implements OnInit { diff --git a/src/app/lists/combo/combo-tailwind-styling/combo-tailwind-styling.component.ts b/src/app/lists/combo/combo-tailwind-styling/combo-tailwind-styling.component.ts index 0bb9922864..ad5fcb51d8 100644 --- a/src/app/lists/combo/combo-tailwind-styling/combo-tailwind-styling.component.ts +++ b/src/app/lists/combo/combo-tailwind-styling/combo-tailwind-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnInit, ViewChild, inject } from '@angular/core'; +import { Component, ElementRef, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { IComboSelectionChangingEventArgs, IgxComboComponent } from 'igniteui-angular/combo'; import { IgxToastComponent } from 'igniteui-angular/toast'; import { VerticalAlignment } from 'igniteui-angular/core'; @@ -8,6 +8,7 @@ import { getHeroWeaponsData, IHeroWeapon } from '../../../data/heroData'; selector: 'app-combo-tailwind-styling', styleUrls: ['./combo-tailwind-styling.component.scss'], templateUrl: './combo-tailwind-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxComboComponent, IgxToastComponent] }) export class ComboTailwindStylingComponent implements OnInit { diff --git a/src/app/lists/combo/combo-template/combo-template.component.ts b/src/app/lists/combo/combo-template/combo-template.component.ts index aa9278e971..fb6af5b82f 100644 --- a/src/app/lists/combo/combo-template/combo-template.component.ts +++ b/src/app/lists/combo/combo-template/combo-template.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, OnInit, inject } from '@angular/core'; +import { ChangeDetectorRef, Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; import { localData } from './local-data'; import { IgxComboAddItemDirective, IgxComboClearIconDirective, IgxComboComponent, IgxComboEmptyDirective, IgxComboFooterDirective, IgxComboHeaderDirective, IgxComboHeaderItemDirective, IgxComboItemDirective, IgxComboToggleIconDirective } from 'igniteui-angular/combo'; import { IgxLabelDirective, IgxPrefixDirective } from 'igniteui-angular/input-group'; @@ -9,6 +9,7 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-combo-template', styleUrls: ['./combo-template.component.scss'], templateUrl: './combo-template.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxComboComponent, IgxLabelDirective, IgxPrefixDirective, IgxIconComponent, IgxComboItemDirective, IgxComboHeaderItemDirective, IgxComboHeaderDirective, IgxComboFooterDirective, IgxComboAddItemDirective, IgxButtonDirective, IgxComboToggleIconDirective, IgxComboClearIconDirective, IgxComboEmptyDirective] }) export class ComboTemplateComponent implements OnInit { diff --git a/src/app/lists/combo/combo-valuekey/combo-valuekey.component.ts b/src/app/lists/combo/combo-valuekey/combo-valuekey.component.ts index 0184ca1113..022b1fc828 100644 --- a/src/app/lists/combo/combo-valuekey/combo-valuekey.component.ts +++ b/src/app/lists/combo/combo-valuekey/combo-valuekey.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxComboComponent } from 'igniteui-angular/combo'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { CITIES, ICity } from './cities'; @@ -8,6 +8,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-combo-valuekey', templateUrl: 'combo-valuekey.component.html', styleUrls: ['combo-valuekey.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxComboComponent, FormsModule, IgxButtonDirective] }) export class ComboValueKeyComponent { diff --git a/src/app/lists/combo/simple-combo-cascading/simple-combo-cascading.component.ts b/src/app/lists/combo/simple-combo-cascading/simple-combo-cascading.component.ts index c98711a490..c7fba580f2 100644 --- a/src/app/lists/combo/simple-combo-cascading/simple-combo-cascading.component.ts +++ b/src/app/lists/combo/simple-combo-cascading/simple-combo-cascading.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, inject, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { ISimpleComboSelectionChangingEventArgs, IgxSimpleComboComponent } from 'igniteui-angular/simple-combo'; import { IgxLinearProgressBarComponent } from 'igniteui-angular/progressbar'; import { City, Country, getCitiesByCountry, getCountries, Region } from '../../../data/cities15000-regions-countries'; @@ -9,6 +9,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-simple-combo-cascading', templateUrl: 'simple-combo-cascading.component.html', styleUrls: ['simple-combo-cascading.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSimpleComboComponent, FormsModule, IgxLinearProgressBarComponent] }) export class SimpleComboCascadingComponent implements OnInit { @@ -21,7 +22,6 @@ export class SimpleComboCascadingComponent implements OnInit { public isLoadingRegions: boolean = false; public isLoadingCities: boolean = false; private loadingTime = 0; - private cdr = inject(ChangeDetectorRef); public ngOnInit(): void { this.countriesData = getCountries(['United States', 'Japan', 'United Kingdom']); @@ -42,7 +42,6 @@ export class SimpleComboCascadingComponent implements OnInit { .map(c => ({name: c.region, country: c.country})) .filter((v, i, a) => a.findIndex(r => r.name === v.name) === i); this.isLoadingRegions = false; - this.cdr.markForCheck(); }, this.loadingTime) this.citiesData = []; this.loadingTime = 0; @@ -61,7 +60,6 @@ export class SimpleComboCascadingComponent implements OnInit { this.citiesData = getCitiesByCountry([this.selectedCountry?.name]) .filter(c => c.region === this.selectedRegion?.name); this.isLoadingCities = false; - this.cdr.markForCheck(); }, this.loadingTime) this.loadingTime = 0; } diff --git a/src/app/lists/combo/simple-combo-main/simple-combo-main.component.ts b/src/app/lists/combo/simple-combo-main/simple-combo-main.component.ts index a5c86e96de..ab46a07652 100644 --- a/src/app/lists/combo/simple-combo-main/simple-combo-main.component.ts +++ b/src/app/lists/combo/simple-combo-main/simple-combo-main.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { IgRect } from 'igniteui-angular-core'; import { StockData, updatedStockData } from '../../../data/stocks-data'; import { IgxSimpleComboComponent } from 'igniteui-angular/simple-combo'; @@ -12,6 +12,7 @@ import { IgxFinancialChartCoreModule, IgxFinancialChartModule } from 'igniteui-a selector: 'app-simple-combo-main', templateUrl: 'simple-combo-main.component.html', styleUrls: ['simple-combo-main.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSimpleComboComponent, FormsModule, IgxButtonGroupComponent, IgxButtonDirective, IgxFinancialChartModule, IgxFinancialChartCoreModule] }) export class SimpleComboMainComponent implements OnInit { diff --git a/src/app/lists/combo/simple-combo-remote/simple-combo-remote.component.ts b/src/app/lists/combo/simple-combo-remote/simple-combo-remote.component.ts index 1a7caaad9c..e5ffeeac0a 100644 --- a/src/app/lists/combo/simple-combo-remote/simple-combo-remote.component.ts +++ b/src/app/lists/combo/simple-combo-remote/simple-combo-remote.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { IComboSearchInputEventArgs } from 'igniteui-angular/combo'; import { IForOfState } from 'igniteui-angular/directives'; import { ISimpleComboSelectionChangingEventArgs, IgxSimpleComboComponent } from 'igniteui-angular/simple-combo'; @@ -12,6 +12,7 @@ import { AsyncPipe } from '@angular/common'; selector: 'app-simple-combo-remote', templateUrl: './simple-combo-remote.component.html', styleUrls: ['./simple-combo-remote.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSimpleComboComponent, IgxToastComponent, AsyncPipe] }) export class SimpleComboRemoteComponent implements OnInit, AfterViewInit { diff --git a/src/app/lists/combo/simple-combo-styling/simple-combo-styling.component.ts b/src/app/lists/combo/simple-combo-styling/simple-combo-styling.component.ts index b28e790883..803c882113 100644 --- a/src/app/lists/combo/simple-combo-styling/simple-combo-styling.component.ts +++ b/src/app/lists/combo/simple-combo-styling/simple-combo-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnInit, inject } from '@angular/core'; +import { Component, ElementRef, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; import { City, getCitiesByPopulation } from '../../../data/cities15000-regions-countries'; import { IgxSimpleComboComponent } from 'igniteui-angular/simple-combo'; @@ -6,6 +6,7 @@ import { IgxSimpleComboComponent } from 'igniteui-angular/simple-combo'; selector: 'app-simple-combo-styling', templateUrl: 'simple-combo-styling.component.html', styleUrls: ['simple-combo-styling.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSimpleComboComponent] }) export class SimpleComboStylingComponent implements OnInit { diff --git a/src/app/lists/combo/simple-combo-usage/simple-combo-usage.component.ts b/src/app/lists/combo/simple-combo-usage/simple-combo-usage.component.ts index 1a87c034c9..43d8639971 100644 --- a/src/app/lists/combo/simple-combo-usage/simple-combo-usage.component.ts +++ b/src/app/lists/combo/simple-combo-usage/simple-combo-usage.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { City, getCitiesByPopulation } from '../../../data/cities15000-regions-countries'; import { IgxSimpleComboComponent } from 'igniteui-angular/simple-combo'; import { FormsModule } from '@angular/forms'; @@ -8,6 +8,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-simple-combo-usage', templateUrl: 'simple-combo-usage.component.html', styleUrls: ['simple-combo-usage.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSimpleComboComponent, FormsModule] }) export class SimpleComboUsageComponent implements OnInit { diff --git a/src/app/lists/list/list-chat-sample/list-chat-sample.component.ts b/src/app/lists/list/list-chat-sample/list-chat-sample.component.ts index 47e5145e4e..cd7eff07c4 100644 --- a/src/app/lists/list/list-chat-sample/list-chat-sample.component.ts +++ b/src/app/lists/list/list-chat-sample/list-chat-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, ElementRef, TemplateRef, ViewChild, ViewEncapsulation, inject } from '@angular/core'; +import { AfterViewInit, Component, ElementRef, TemplateRef, ViewChild, ViewEncapsulation, inject, ChangeDetectionStrategy } from '@angular/core'; import { ContactsService } from './services/contacts.service'; import { IMessage, MessagesService } from './services/messages.service'; import { FormsModule } from '@angular/forms'; @@ -14,6 +14,7 @@ import { NgClass, NgTemplateOutlet, DatePipe } from '@angular/common'; selector: 'app-list-chat-sample', styleUrls: ['./list-chat-sample.component.scss'], templateUrl: './list-chat-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, IgxListComponent, IgxListItemComponent, IgxAvatarComponent, NgClass, NgTemplateOutlet, IgxInputGroupComponent, IgxInputDirective, IgxSuffixDirective, IgxIconButtonDirective, IgxIconComponent, DatePipe] }) export class ListChatSampleComponent implements AfterViewInit { diff --git a/src/app/lists/list/list-item-selection/list-item-selection.component.ts b/src/app/lists/list/list-item-selection/list-item-selection.component.ts index bfa1424a37..66ab11baa1 100644 --- a/src/app/lists/list/list-item-selection/list-item-selection.component.ts +++ b/src/app/lists/list/list-item-selection/list-item-selection.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxFilterOptions, IgxFilterPipe, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxInputDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -10,6 +10,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-list-item-selection', templateUrl: './list-item-selection.component.html', styleUrls: ['./list-item-selection.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxListComponent, IgxListItemComponent, IgxAvatarComponent, IgxListThumbnailDirective, IgxListLineTitleDirective, IgxListLineSubTitleDirective, IgxListActionDirective, IgxRippleDirective, IgxFilterPipe] }) export class ListItemSelectionComponent { diff --git a/src/app/lists/list/list-sample-1/list-sample-1.component.ts b/src/app/lists/list/list-sample-1/list-sample-1.component.ts index 456fde939f..e3af0bddfd 100644 --- a/src/app/lists/list/list-sample-1/list-sample-1.component.ts +++ b/src/app/lists/list/list-sample-1/list-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, ViewChild } from '@angular/core'; +import { Component, ElementRef, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxEmptyListTemplateDirective, IgxListComponent, IgxListItemComponent } from 'igniteui-angular/list'; @@ -6,6 +6,7 @@ import { IgxEmptyListTemplateDirective, IgxListComponent, IgxListItemComponent } selector: 'app-igx-list-demo', styleUrls: ['./list-sample-1.component.scss'], templateUrl: './list-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxEmptyListTemplateDirective, IgxListItemComponent] }) export class ListSample1Component { diff --git a/src/app/lists/list/list-sample-2/list-sample-2.component.ts b/src/app/lists/list/list-sample-2/list-sample-2.component.ts index 04e043fd5c..770c0e859b 100644 --- a/src/app/lists/list/list-sample-2/list-sample-2.component.ts +++ b/src/app/lists/list/list-sample-2/list-sample-2.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxListComponent, IgxListItemComponent } from 'igniteui-angular/list'; @Component({ selector: 'app-igx-list-simple', styleUrls: ['./list-sample-2.component.scss'], templateUrl: './list-sample-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxListItemComponent] }) export class ListSample2Component { diff --git a/src/app/lists/list/list-sample-3/list-sample-3.component.ts b/src/app/lists/list/list-sample-3/list-sample-3.component.ts index de8c56bde0..e2d7b58953 100644 --- a/src/app/lists/list/list-sample-3/list-sample-3.component.ts +++ b/src/app/lists/list/list-sample-3/list-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxListComponent, IgxListItemComponent, IgxListLineSubTitleDirective, IgxListLineTitleDirective } from 'igniteui-angular/list'; import { IgxRippleDirective } from 'igniteui-angular/directives'; @@ -6,6 +6,7 @@ import { IgxRippleDirective } from 'igniteui-angular/directives'; selector: 'app-contact-list', styleUrls: ['./list-sample-3.component.scss'], templateUrl: './list-sample-3.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxListItemComponent, IgxRippleDirective, IgxListLineTitleDirective, IgxListLineSubTitleDirective] }) export class ListSample3Component { diff --git a/src/app/lists/list/list-sample-4/list-sample-4.component.ts b/src/app/lists/list/list-sample-4/list-sample-4.component.ts index fc0b2032cc..7a77768fdf 100644 --- a/src/app/lists/list/list-sample-4/list-sample-4.component.ts +++ b/src/app/lists/list/list-sample-4/list-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit } from '@angular/core'; +import { Component, HostBinding, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { IgxFilterOptions, IgxFilterPipe, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxInputDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; @@ -11,6 +11,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-contact-list2', styleUrls: ['./list-sample-4.component.scss'], templateUrl: './list-sample-4.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxListComponent, IgxListItemComponent, IgxRippleDirective, IgxAvatarComponent, IgxListThumbnailDirective, IgxListLineTitleDirective, IgxListLineSubTitleDirective, IgxListActionDirective, IgxFilterPipe] }) export class ListSample4Component implements OnInit { diff --git a/src/app/lists/list/list-sample-5/list-sample-5.component.ts b/src/app/lists/list/list-sample-5/list-sample-5.component.ts index 6f0ce5e184..4acf3c6760 100644 --- a/src/app/lists/list/list-sample-5/list-sample-5.component.ts +++ b/src/app/lists/list/list-sample-5/list-sample-5.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxEmptyListTemplateDirective, IgxListComponent } from 'igniteui-angular/list'; @Component({ selector: 'app-list-sample-5', styleUrls: ['./list-sample-5.component.scss'], templateUrl: './list-sample-5.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxEmptyListTemplateDirective] }) export class ListSample5Component { diff --git a/src/app/lists/list/list-sample-6/list-sample-6.component.ts b/src/app/lists/list/list-sample-6/list-sample-6.component.ts index 9b62e30b0c..4f3f970c0c 100644 --- a/src/app/lists/list/list-sample-6/list-sample-6.component.ts +++ b/src/app/lists/list/list-sample-6/list-sample-6.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, inject, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxDataLoadingTemplateDirective, IgxEmptyListTemplateDirective, IgxListComponent, IgxListItemComponent } from 'igniteui-angular/list'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -7,10 +7,10 @@ import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directi selector: 'app-list-sample-6', styleUrls: ['./list-sample-6.component.scss'], templateUrl: './list-sample-6.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxListItemComponent, IgxRippleDirective, IgxEmptyListTemplateDirective, IgxButtonDirective, IgxDataLoadingTemplateDirective] }) export class ListSample6Component { - private cdr = inject(ChangeDetectorRef); @ViewChild('fruitList', { static: true }) public fruitList: IgxListComponent; @@ -25,7 +25,6 @@ export class ListSample6Component { const availableFruits: string[] = ['banana', 'orange', 'apple', 'strawberry', 'pear']; availableFruits.forEach((fruit) => { this.fruitsData.push(fruit); }); this.fruitList.isLoading = false; - this.cdr.markForCheck(); }, 1000); } diff --git a/src/app/lists/list/list-sample-7/list-sample-7.component.ts b/src/app/lists/list/list-sample-7/list-sample-7.component.ts index 8c9e9a85ca..1e8b940730 100644 --- a/src/app/lists/list/list-sample-7/list-sample-7.component.ts +++ b/src/app/lists/list/list-sample-7/list-sample-7.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxListActionDirective, IgxListComponent, IgxListItemComponent, IgxListItemLeftPanningTemplateDirective, IgxListItemRightPanningTemplateDirective, IgxListLineSubTitleDirective, IgxListLineTitleDirective, IgxListThumbnailDirective } from 'igniteui-angular/list'; import { IgxToastComponent } from 'igniteui-angular/toast'; @@ -13,6 +13,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-contact-list2', styleUrls: ['./list-sample-7.component.scss'], templateUrl: './list-sample-7.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent, FormsModule, IgxListComponent, IgxListItemLeftPanningTemplateDirective, IgxIconComponent, IgxListItemRightPanningTemplateDirective, IgxListItemComponent, IgxRippleDirective, IgxAvatarComponent, IgxListThumbnailDirective, IgxListLineTitleDirective, IgxListLineSubTitleDirective, IgxListActionDirective, IgxToastComponent, IgxButtonDirective] }) export class ListSample7Component implements OnInit { diff --git a/src/app/lists/list/list-sample-8/list-sample-8.component.ts b/src/app/lists/list/list-sample-8/list-sample-8.component.ts index 028d1dc185..e7cf1d231e 100644 --- a/src/app/lists/list/list-sample-8/list-sample-8.component.ts +++ b/src/app/lists/list/list-sample-8/list-sample-8.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxListActionDirective, IgxListComponent, IgxListItemComponent, IgxListLineSubTitleDirective, IgxListLineTitleDirective, IgxListThumbnailDirective } from 'igniteui-angular/list'; import { IgxToastComponent } from 'igniteui-angular/toast'; @@ -11,6 +11,7 @@ import { IgxRippleDirective } from 'igniteui-angular/directives'; selector: 'app-list-8', styleUrls: ['./list-sample-8.component.scss'], templateUrl: './list-sample-8.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxListItemComponent, IgxAvatarComponent, IgxListThumbnailDirective, IgxListLineTitleDirective, IgxListLineSubTitleDirective, IgxIconComponent, IgxListActionDirective, IgxRippleDirective] }) export class ListSample8Component implements OnInit { diff --git a/src/app/lists/list/list-tailwind-styling/list-tailwind-styling.component.ts b/src/app/lists/list/list-tailwind-styling/list-tailwind-styling.component.ts index b1024da3f6..c567e465be 100644 --- a/src/app/lists/list/list-tailwind-styling/list-tailwind-styling.component.ts +++ b/src/app/lists/list/list-tailwind-styling/list-tailwind-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxListActionDirective, IgxListComponent, IgxListItemComponent, IgxListLineSubTitleDirective, IgxListLineTitleDirective, IgxListThumbnailDirective } from 'igniteui-angular/list'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @@ -10,6 +10,7 @@ import { IgxRippleDirective } from 'igniteui-angular/directives'; selector: 'app-list-tailwind-styling', styleUrls: ['./list-tailwind-styling.component.scss'], templateUrl: './list-tailwind-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxListItemComponent, IgxAvatarComponent, IgxListThumbnailDirective, IgxListLineTitleDirective, IgxListLineSubTitleDirective, IgxIconComponent, IgxListActionDirective, IgxRippleDirective] }) export class ListTailwindStylingComponent implements OnInit { diff --git a/src/app/lists/list/list.component.ts b/src/app/lists/list/list.component.ts index 8cf77dbf8b..9c4aa8fa66 100644 --- a/src/app/lists/list/list.component.ts +++ b/src/app/lists/list/list.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxFilterOptions, IgxFilterPipe, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxInputDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -11,6 +11,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-list', styleUrls: ['./list.component.scss'], templateUrl: './list.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxListComponent, IgxListItemComponent, IgxRippleDirective, IgxAvatarComponent, IgxListThumbnailDirective, IgxListLineTitleDirective, IgxListLineSubTitleDirective, IgxListActionDirective, IgxFilterPipe] }) export class ListComponent { diff --git a/src/app/lists/tree/tree-advanced-sample/tree-advanced-sample.component.ts b/src/app/lists/tree/tree-advanced-sample/tree-advanced-sample.component.ts index b742bef05e..7cfc8e4322 100644 --- a/src/app/lists/tree/tree-advanced-sample/tree-advanced-sample.component.ts +++ b/src/app/lists/tree/tree-advanced-sample/tree-advanced-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, AfterViewInit, OnDestroy, PLATFORM_ID, inject, ChangeDetectorRef } from '@angular/core'; +import { Component, AfterViewInit, OnDestroy, PLATFORM_ID, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; import { IgxTreeComponent, IgxTreeNodeComponent } from 'igniteui-angular/tree'; import { IgxTooltipDirective, IgxTooltipTargetDirective } from 'igniteui-angular/directives'; @@ -13,13 +13,13 @@ import { isPlatformBrowser, NgTemplateOutlet } from '@angular/common'; templateUrl: './tree-advanced-sample.component.html', styleUrls: ['./tree-advanced-sample.component.scss'], providers: [DataService], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeComponent, IgxTreeNodeComponent, NgTemplateOutlet, IgxIconComponent, IgxTooltipTargetDirective, IgxTooltipDirective] }) export class TreeAdvancedSampleComponent implements AfterViewInit, OnDestroy { private iconService = inject(IgxIconService); private dataService = inject(DataService); private platformId = inject(PLATFORM_ID); - private cdr = inject(ChangeDetectorRef); public family = 'tree-icons'; public data = DATA; @@ -32,7 +32,6 @@ export class TreeAdvancedSampleComponent implements AfterViewInit, OnDestroy { this.dataService.data.pipe(takeUntil(this.destroy$)).subscribe((data) => { this.loading = false; this.remoteData = data; - this.cdr.markForCheck(); }); } @@ -72,7 +71,6 @@ export class TreeAdvancedSampleComponent implements AfterViewInit, OnDestroy { } }); } - this.cdr.markForCheck(); }); } } diff --git a/src/app/lists/tree/tree-basic-sample/tree-basic-sample.component.ts b/src/app/lists/tree/tree-basic-sample/tree-basic-sample.component.ts index d625328cdb..1b659ee2f6 100644 --- a/src/app/lists/tree/tree-basic-sample/tree-basic-sample.component.ts +++ b/src/app/lists/tree/tree-basic-sample/tree-basic-sample.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { DATA } from '../../../data/animations-data'; import { IgxTreeComponent, IgxTreeNodeComponent } from 'igniteui-angular/tree'; @@ -7,6 +7,7 @@ import { IgxTreeComponent, IgxTreeNodeComponent } from 'igniteui-angular/tree'; selector: 'app-tree-basic-sample', templateUrl: './tree-basic-sample.component.html', styleUrls: ['./tree-basic-sample.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeComponent, IgxTreeNodeComponent] }) export class TreeBasicSampleComponent { diff --git a/src/app/lists/tree/tree-styling/tree-styling.component.ts b/src/app/lists/tree/tree-styling/tree-styling.component.ts index 0ca13a51b3..a122925918 100644 --- a/src/app/lists/tree/tree-styling/tree-styling.component.ts +++ b/src/app/lists/tree/tree-styling/tree-styling.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { DATA } from '../../../data/animations-data'; import { IgxTreeComponent, IgxTreeNodeComponent } from 'igniteui-angular/tree'; @@ -7,6 +7,7 @@ import { IgxTreeComponent, IgxTreeNodeComponent } from 'igniteui-angular/tree'; selector: 'app-tree-styling', templateUrl: './tree-styling.component.html', styleUrls: ['./tree-styling.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeComponent, IgxTreeNodeComponent] }) export class TreeStylingComponent { diff --git a/src/app/lists/tree/tree-tailwind-styling/tree-tailwind-styling.component.ts b/src/app/lists/tree/tree-tailwind-styling/tree-tailwind-styling.component.ts index 4c9106408a..f93b414aea 100644 --- a/src/app/lists/tree/tree-tailwind-styling/tree-tailwind-styling.component.ts +++ b/src/app/lists/tree/tree-tailwind-styling/tree-tailwind-styling.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { DATA } from '../../../data/animations-data'; import { IgxTreeComponent, IgxTreeNodeComponent } from 'igniteui-angular/tree'; @@ -7,6 +7,7 @@ import { IgxTreeComponent, IgxTreeNodeComponent } from 'igniteui-angular/tree'; selector: 'app-tree-tailwind-styling', templateUrl: './tree-tailwind-styling.component.html', styleUrls: ['./tree-tailwind-styling.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeComponent, IgxTreeNodeComponent] }) export class TreeTailwindStylingComponent { diff --git a/src/app/menus/action-strip/action-strip-paragraph-menu/action-strip-paragraph-menu.component.ts b/src/app/menus/action-strip/action-strip-paragraph-menu/action-strip-paragraph-menu.component.ts index 865ad52e05..44e6af1933 100644 --- a/src/app/menus/action-strip/action-strip-paragraph-menu/action-strip-paragraph-menu.component.ts +++ b/src/app/menus/action-strip/action-strip-paragraph-menu/action-strip-paragraph-menu.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxActionStripComponent, IgxActionStripMenuItemDirective } from 'igniteui-angular/action-strip'; import { IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,6 +7,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-action-strip-paragraph-menu', styleUrls: ['./action-strip-paragraph-menu.component.scss'], templateUrl: './action-strip-paragraph-menu.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxActionStripComponent, IgxActionStripMenuItemDirective, IgxRippleDirective, IgxIconComponent] }) export class ActionStripParagraphMenuComponent { diff --git a/src/app/menus/action-strip/action-strip-paragraph-styling/action-strip-paragraph-styling.component.ts b/src/app/menus/action-strip/action-strip-paragraph-styling/action-strip-paragraph-styling.component.ts index 470f5348fb..4a89d87eec 100644 --- a/src/app/menus/action-strip/action-strip-paragraph-styling/action-strip-paragraph-styling.component.ts +++ b/src/app/menus/action-strip/action-strip-paragraph-styling/action-strip-paragraph-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxActionStripComponent } from 'igniteui-angular/action-strip'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,6 +7,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-action-strip-paragraph-styling', styleUrls: ['./action-strip-paragraph-styling.component.scss'], templateUrl: './action-strip-paragraph-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxActionStripComponent, IgxButtonDirective, IgxIconComponent] }) export class ActionStripStylingComponent { diff --git a/src/app/menus/action-strip/action-strip-paragraph/action-strip-paragraph.component.ts b/src/app/menus/action-strip/action-strip-paragraph/action-strip-paragraph.component.ts index 46c7ed09cd..f7b30cfb40 100644 --- a/src/app/menus/action-strip/action-strip-paragraph/action-strip-paragraph.component.ts +++ b/src/app/menus/action-strip/action-strip-paragraph/action-strip-paragraph.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxActionStripComponent } from 'igniteui-angular/action-strip'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -8,6 +8,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-action-strip-paragraph', styleUrls: ['./action-strip-paragraph.component.scss'], templateUrl: './action-strip-paragraph.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxActionStripComponent, IgxButtonGroupComponent, IgxButtonDirective, IgxIconComponent] }) export class ActionStripParagraphComponent { diff --git a/src/app/menus/navbar/navbar-custom-title/navbar-custom-title.component.ts b/src/app/menus/navbar/navbar-custom-title/navbar-custom-title.component.ts index 9ea7b8ebb3..37ea8eb442 100644 --- a/src/app/menus/navbar/navbar-custom-title/navbar-custom-title.component.ts +++ b/src/app/menus/navbar/navbar-custom-title/navbar-custom-title.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxNavbarActionDirective, IgxNavbarComponent, IgxNavbarTitleDirective } from 'igniteui-angular/navbar'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,6 +7,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-navbar-custom-title', templateUrl: './navbar-custom-title.component.html', styleUrls: ['./navbar-custom-title.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxNavbarActionDirective, IgxIconButtonDirective, IgxIconComponent, IgxNavbarTitleDirective] }) export class NavbarCustomTitleComponent { } diff --git a/src/app/menus/navbar/navbar-sample-1/navbar-sample-1.component.ts b/src/app/menus/navbar/navbar-sample-1/navbar-sample-1.component.ts index a8418a5132..56e56e558a 100644 --- a/src/app/menus/navbar/navbar-sample-1/navbar-sample-1.component.ts +++ b/src/app/menus/navbar/navbar-sample-1/navbar-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation } from '@angular/core'; +import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; import { IgxNavbarActionDirective, IgxNavbarComponent } from 'igniteui-angular/navbar'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -8,6 +8,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-navbar-sample-1', styleUrls: ['./navbar-sample-1.component.scss'], templateUrl: './navbar-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxNavbarActionDirective, IgxIconButtonDirective, IgxIconComponent] }) export class NavbarSample1Component { } diff --git a/src/app/menus/navbar/navbar-sample-2/navbar-sample-2.component.ts b/src/app/menus/navbar/navbar-sample-2/navbar-sample-2.component.ts index 6074508913..20b9fb1584 100644 --- a/src/app/menus/navbar/navbar-sample-2/navbar-sample-2.component.ts +++ b/src/app/menus/navbar/navbar-sample-2/navbar-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation } from '@angular/core'; +import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; import { IgxNavbarActionDirective, IgxNavbarComponent } from 'igniteui-angular/navbar'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -8,6 +8,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-navbar-sample-2', styleUrls: ['./navbar-sample-2.component.scss'], templateUrl: './navbar-sample-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxNavbarActionDirective, IgxIconButtonDirective, IgxIconComponent] }) export class NavbarSample2Component { } diff --git a/src/app/menus/navbar/navbar-sample-3/navbar-sample-3.component.ts b/src/app/menus/navbar/navbar-sample-3/navbar-sample-3.component.ts index bb841c2fd4..ff93fa83c6 100644 --- a/src/app/menus/navbar/navbar-sample-3/navbar-sample-3.component.ts +++ b/src/app/menus/navbar/navbar-sample-3/navbar-sample-3.component.ts @@ -1,5 +1,5 @@ import { Location, LocationStrategy, PathLocationStrategy } from '@angular/common'; -import { Component, inject } from '@angular/core'; +import { Component, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxNavbarComponent } from 'igniteui-angular/navbar'; @Component({ @@ -7,6 +7,7 @@ import { IgxNavbarComponent } from 'igniteui-angular/navbar'; selector: 'app-navbar', styleUrls: ['./navbar-sample-3.component.scss'], templateUrl: './navbar-sample-3.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent] }) export class NavbarSample3Component { diff --git a/src/app/menus/navbar/navbar-style/navbar-style.component.ts b/src/app/menus/navbar/navbar-style/navbar-style.component.ts index 433a2540f3..c02ace0a3e 100644 --- a/src/app/menus/navbar/navbar-style/navbar-style.component.ts +++ b/src/app/menus/navbar/navbar-style/navbar-style.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxNavbarActionDirective, IgxNavbarComponent } from 'igniteui-angular/navbar'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,6 +7,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-navbar-style', styleUrls: ['./navbar-style.component.scss'], templateUrl: './navbar-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxNavbarActionDirective, IgxIconButtonDirective, IgxIconComponent] }) diff --git a/src/app/menus/navbar/navbar-tailwind-style/navbar-tailwind-style.component.ts b/src/app/menus/navbar/navbar-tailwind-style/navbar-tailwind-style.component.ts index c521cb43fd..3b7677f4ed 100644 --- a/src/app/menus/navbar/navbar-tailwind-style/navbar-tailwind-style.component.ts +++ b/src/app/menus/navbar/navbar-tailwind-style/navbar-tailwind-style.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxNavbarActionDirective, IgxNavbarComponent } from 'igniteui-angular/navbar'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,6 +7,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-navbar-tailwind-style', styleUrls: ['./navbar-tailwind-style.component.scss'], templateUrl: './navbar-tailwind-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxNavbarActionDirective, IgxIconButtonDirective, IgxIconComponent] }) diff --git a/src/app/menus/navbar/navbar.component.ts b/src/app/menus/navbar/navbar.component.ts index 9a8c5cc6d4..ae653b3a0e 100644 --- a/src/app/menus/navbar/navbar.component.ts +++ b/src/app/menus/navbar/navbar.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation } from '@angular/core'; +import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; import { IgxNavbarComponent } from 'igniteui-angular/navbar'; @Component({ @@ -6,6 +6,7 @@ import { IgxNavbarComponent } from 'igniteui-angular/navbar'; selector: 'app-navbar', styleUrls: ['./navbar.component.scss'], templateUrl: './navbar.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent] }) export class NavbarComponent { } diff --git a/src/app/menus/navdrawer/nav-drawer-hierarchical/nav-drawer-hierarchical.component.ts b/src/app/menus/navdrawer/nav-drawer-hierarchical/nav-drawer-hierarchical.component.ts index 88805ec4b1..be6f570f20 100644 --- a/src/app/menus/navdrawer/nav-drawer-hierarchical/nav-drawer-hierarchical.component.ts +++ b/src/app/menus/navdrawer/nav-drawer-hierarchical/nav-drawer-hierarchical.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, ViewChild } from '@angular/core'; +import { AfterViewInit, Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxTreeComponent, IgxTreeNodeComponent, IgxTreeNodeLinkDirective } from 'igniteui-angular/tree'; import { IgxFlexDirective, IgxIconButtonDirective, IgxLayoutDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxNavDrawerTemplateDirective, IgxNavigationDrawerComponent } from 'igniteui-angular/navigation-drawer'; @@ -10,6 +10,7 @@ import { RouterLink } from '@angular/router'; selector: 'app-nav-drawer-hierarchical', templateUrl: './nav-drawer-hierarchical.component.html', styleUrls: ['./nav-drawer-hierarchical.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLayoutDirective, IgxNavigationDrawerComponent, IgxNavDrawerTemplateDirective, IgxTreeComponent, IgxTreeNodeComponent, IgxTreeNodeLinkDirective, RouterLink, IgxFlexDirective, IgxIconButtonDirective, IgxToggleActionDirective, IgxIconComponent] }) export class NavDrawerHierarchicalComponent implements AfterViewInit { @@ -69,4 +70,4 @@ export class NavDrawerHierarchicalComponent implements AfterViewInit { this.selectedContent = node.data; }) } -} +} \ No newline at end of file diff --git a/src/app/menus/navdrawer/nav-drawer-mini/nav-drawer-mini.component.ts b/src/app/menus/navdrawer/nav-drawer-mini/nav-drawer-mini.component.ts index 0f97a56fd4..677177deaa 100644 --- a/src/app/menus/navdrawer/nav-drawer-mini/nav-drawer-mini.component.ts +++ b/src/app/menus/navdrawer/nav-drawer-mini/nav-drawer-mini.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxFlexDirective, IgxIconButtonDirective, IgxLayoutDirective, IgxRippleDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxNavDrawerItemDirective, IgxNavDrawerMiniTemplateDirective, IgxNavDrawerTemplateDirective, IgxNavigationDrawerComponent } from 'igniteui-angular/navigation-drawer'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -8,6 +8,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-nav-drawer-mini', styleUrls: ['./nav-drawer-mini.component.scss'], templateUrl: './nav-drawer-mini.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLayoutDirective, IgxNavigationDrawerComponent, IgxNavDrawerTemplateDirective, IgxNavDrawerItemDirective, IgxRippleDirective, IgxIconComponent, IgxNavDrawerMiniTemplateDirective, IgxFlexDirective, IgxIconButtonDirective, IgxToggleActionDirective] }) export class NavDrawerMiniComponent { diff --git a/src/app/menus/navdrawer/nav-drawer-pin/nav-drawer-pin.component.ts b/src/app/menus/navdrawer/nav-drawer-pin/nav-drawer-pin.component.ts index e18b8da185..058b3b3065 100644 --- a/src/app/menus/navdrawer/nav-drawer-pin/nav-drawer-pin.component.ts +++ b/src/app/menus/navdrawer/nav-drawer-pin/nav-drawer-pin.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxFlexDirective, IgxIconButtonDirective, IgxLayoutDirective, IgxRippleDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxNavDrawerItemDirective, IgxNavDrawerTemplateDirective, IgxNavigationDrawerComponent } from 'igniteui-angular/navigation-drawer'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -8,6 +8,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-nav-drawer-pin', styleUrls: ['./nav-drawer-pin.component.scss'], templateUrl: './nav-drawer-pin.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLayoutDirective, IgxNavigationDrawerComponent, IgxNavDrawerTemplateDirective, IgxNavDrawerItemDirective, IgxRippleDirective, IgxIconComponent, IgxFlexDirective, IgxIconButtonDirective, IgxToggleActionDirective] }) export class NavDrawerPinComponent { diff --git a/src/app/menus/navdrawer/nav-drawer-routing/nav-drawer-routing.component.ts b/src/app/menus/navdrawer/nav-drawer-routing/nav-drawer-routing.component.ts index d07442e5d3..1bba7b9ad4 100644 --- a/src/app/menus/navdrawer/nav-drawer-routing/nav-drawer-routing.component.ts +++ b/src/app/menus/navdrawer/nav-drawer-routing/nav-drawer-routing.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxNavDrawerItemDirective, IgxNavDrawerTemplateDirective, IgxNavigationDrawerComponent } from 'igniteui-angular/navigation-drawer'; import { IgxIconButtonDirective, IgxRippleDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -9,6 +9,7 @@ import { RouterLinkActive, RouterLink } from '@angular/router'; selector: 'app-nav-drawer-routing', styleUrls: ['./nav-drawer-routing.component.scss'], templateUrl: './nav-drawer-routing.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavigationDrawerComponent, IgxNavDrawerTemplateDirective, IgxNavDrawerItemDirective, IgxRippleDirective, RouterLinkActive, RouterLink, IgxIconButtonDirective, IgxToggleActionDirective, IgxIconComponent] }) export class NavDrawerRoutingComponent { diff --git a/src/app/menus/navdrawer/nav-drawer-simple/nav-drawer-simple.component.ts b/src/app/menus/navdrawer/nav-drawer-simple/nav-drawer-simple.component.ts index 4c3517bce5..da34aee547 100644 --- a/src/app/menus/navdrawer/nav-drawer-simple/nav-drawer-simple.component.ts +++ b/src/app/menus/navdrawer/nav-drawer-simple/nav-drawer-simple.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxNavDrawerItemDirective, IgxNavDrawerTemplateDirective, IgxNavigationDrawerComponent } from 'igniteui-angular/navigation-drawer'; import { IgxIconButtonDirective, IgxRippleDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -8,6 +8,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-nav-drawer-simple', styleUrls: ['./nav-drawer-simple.component.scss'], templateUrl: './nav-drawer-simple.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavigationDrawerComponent, IgxNavDrawerTemplateDirective, IgxNavDrawerItemDirective, IgxRippleDirective, IgxIconComponent, IgxIconButtonDirective, IgxToggleActionDirective] }) export class NavDrawerSimpleComponent { diff --git a/src/app/menus/navdrawer/nav-drawer-styling/nav-drawer-styling.component.ts b/src/app/menus/navdrawer/nav-drawer-styling/nav-drawer-styling.component.ts index a785a9db8a..060c43dc79 100644 --- a/src/app/menus/navdrawer/nav-drawer-styling/nav-drawer-styling.component.ts +++ b/src/app/menus/navdrawer/nav-drawer-styling/nav-drawer-styling.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { NavDrawerRoutingComponent } from '../nav-drawer-routing/nav-drawer-routing.component'; @Component({ selector: 'app-nav-drawer-styling', styleUrls: ['./nav-drawer-styling.component.scss'], templateUrl: './nav-drawer-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [NavDrawerRoutingComponent] }) export class NavDrawerStylingComponent { } diff --git a/src/app/notifications/banner/banner-advanced-sample/banner-advanced-sample.component.ts b/src/app/notifications/banner/banner-advanced-sample/banner-advanced-sample.component.ts index d5e304444d..4df14c7d50 100644 --- a/src/app/notifications/banner/banner-advanced-sample/banner-advanced-sample.component.ts +++ b/src/app/notifications/banner/banner-advanced-sample/banner-advanced-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnDestroy, OnInit, ViewChild } from '@angular/core'; +import { Component, OnDestroy, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxBannerActionsDirective, IgxBannerComponent } from 'igniteui-angular/banner'; import { IgxToastComponent } from 'igniteui-angular/toast'; import { VerticalAlignment } from 'igniteui-angular/core'; @@ -12,6 +12,7 @@ import { Subject } from 'rxjs'; selector: 'app-banner-advanced-sample', styleUrls: ['../banner-samples.scss'], templateUrl: 'banner-advanced-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxIconComponent, IgxBannerComponent, IgxBannerActionsDirective, IgxButtonDirective, IgxRippleDirective, IgxCardComponent, IgxToastComponent] }) diff --git a/src/app/notifications/banner/banner-sample-1/banner-sample-1.component.ts b/src/app/notifications/banner/banner-sample-1/banner-sample-1.component.ts index 48a70208ba..8372c0c899 100644 --- a/src/app/notifications/banner/banner-sample-1/banner-sample-1.component.ts +++ b/src/app/notifications/banner/banner-sample-1/banner-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxBannerComponent } from 'igniteui-angular/banner'; import { IgxNavbarComponent } from 'igniteui-angular/navbar'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -8,6 +8,7 @@ import { IgxCardComponent } from 'igniteui-angular/card'; selector: 'app-banner-sample-1', styleUrls: ['../banner-samples.scss'], templateUrl: 'banner-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxIconComponent, IgxBannerComponent, IgxCardComponent] }) diff --git a/src/app/notifications/banner/banner-sample-2/banner-sample-2.component.ts b/src/app/notifications/banner/banner-sample-2/banner-sample-2.component.ts index ff4729361b..69a9dc9708 100644 --- a/src/app/notifications/banner/banner-sample-2/banner-sample-2.component.ts +++ b/src/app/notifications/banner/banner-sample-2/banner-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxBannerActionsDirective, IgxBannerComponent } from 'igniteui-angular/banner'; import { IgxNavbarComponent } from 'igniteui-angular/navbar'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -9,6 +9,7 @@ import { IgxCardComponent } from 'igniteui-angular/card'; selector: 'app-banner-sample-2', styleUrls: ['../banner-samples.scss'], templateUrl: 'banner-sample-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxIconComponent, IgxBannerComponent, IgxBannerActionsDirective, IgxButtonDirective, IgxRippleDirective, IgxCardComponent] }) diff --git a/src/app/notifications/banner/banner-sample-3/banner-sample-3.component.ts b/src/app/notifications/banner/banner-sample-3/banner-sample-3.component.ts index 8e3bd06d82..364d81be97 100644 --- a/src/app/notifications/banner/banner-sample-3/banner-sample-3.component.ts +++ b/src/app/notifications/banner/banner-sample-3/banner-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxBannerActionsDirective, IgxBannerComponent } from 'igniteui-angular/banner'; import { IgxNavbarComponent } from 'igniteui-angular/navbar'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -10,6 +10,7 @@ import { slideInLeft, slideOutRight } from 'igniteui-angular/animations'; selector: 'app-banner-sample-3', styleUrls: ['../banner-samples.scss'], templateUrl: 'banner-sample-3.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxIconComponent, IgxBannerComponent, IgxBannerActionsDirective, IgxButtonDirective, IgxRippleDirective, IgxCardComponent] }) diff --git a/src/app/notifications/banner/banner-sample-4/banner-sample-4.component.ts b/src/app/notifications/banner/banner-sample-4/banner-sample-4.component.ts index b109b89ac9..1e50a4a423 100644 --- a/src/app/notifications/banner/banner-sample-4/banner-sample-4.component.ts +++ b/src/app/notifications/banner/banner-sample-4/banner-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxBannerActionsDirective, IgxBannerComponent } from 'igniteui-angular/banner'; import { IgxNavbarComponent } from 'igniteui-angular/navbar'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -12,6 +12,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-banner-sample-4', templateUrl: './banner-sample-4.component.html', styleUrls: ['./banner-sample-4.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxIconComponent, IgxBannerComponent, IgxBannerActionsDirective, IgxButtonDirective, IgxRippleDirective, IgxAvatarComponent, IgxSwitchComponent, FormsModule, IgxInputGroupComponent, IgxInputDirective] }) export class BannerSample4Component implements OnInit { diff --git a/src/app/notifications/banner/banner-styling/banner-styling.component.ts b/src/app/notifications/banner/banner-styling/banner-styling.component.ts index 132ec924e8..4147471858 100644 --- a/src/app/notifications/banner/banner-styling/banner-styling.component.ts +++ b/src/app/notifications/banner/banner-styling/banner-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, OnDestroy, OnInit, ViewChild, ViewEncapsulation } from '@angular/core'; +import { Component, OnDestroy, OnInit, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; import { IgxBannerActionsDirective, IgxBannerComponent } from 'igniteui-angular/banner'; import { IgxToastComponent } from 'igniteui-angular/toast'; import { VerticalAlignment } from 'igniteui-angular/core'; @@ -14,6 +14,7 @@ import { Subject } from 'rxjs'; styleUrls: ['banner-styling.component.scss', '../banner-samples.scss'], templateUrl: 'banner-styling.component.html', encapsulation: ViewEncapsulation.None, + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxIconComponent, IgxBannerComponent, IgxBannerActionsDirective, IgxButtonDirective, IgxRippleDirective, IgxCardComponent, IgxToastComponent] }) diff --git a/src/app/notifications/snackbar/snackbar-sample-1/snackbar-sample-1.component.ts b/src/app/notifications/snackbar/snackbar-sample-1/snackbar-sample-1.component.ts index fdc94536fd..6c6bd3a230 100644 --- a/src/app/notifications/snackbar/snackbar-sample-1/snackbar-sample-1.component.ts +++ b/src/app/notifications/snackbar/snackbar-sample-1/snackbar-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; @@ -6,6 +6,7 @@ import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; selector: 'app-snackbar-sample-1', styleUrls: ['./snackbar-sample-1.component.scss'], templateUrl: './snackbar-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxSnackbarComponent] }) export class SnackbarSample1Component { } diff --git a/src/app/notifications/snackbar/snackbar-sample-2/snackbar-sample-2.component.ts b/src/app/notifications/snackbar/snackbar-sample-2/snackbar-sample-2.component.ts index a50c5bf3c8..f7ff491dc7 100644 --- a/src/app/notifications/snackbar/snackbar-sample-2/snackbar-sample-2.component.ts +++ b/src/app/notifications/snackbar/snackbar-sample-2/snackbar-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,6 +7,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-snackbar-sample-2', styleUrls: ['./snackbar-sample-2.component.scss'], templateUrl: './snackbar-sample-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxSnackbarComponent, IgxIconComponent] }) export class SnackbarSample2Component { diff --git a/src/app/notifications/snackbar/snackbar-sample-4/snackbar-sample-4.component.ts b/src/app/notifications/snackbar/snackbar-sample-4/snackbar-sample-4.component.ts index 8c6847b0af..f792f4469f 100644 --- a/src/app/notifications/snackbar/snackbar-sample-4/snackbar-sample-4.component.ts +++ b/src/app/notifications/snackbar/snackbar-sample-4/snackbar-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; import { IgxListActionDirective, IgxListComponent, IgxListItemComponent, IgxListLineTitleDirective, IgxListThumbnailDirective } from 'igniteui-angular/list'; import { IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -10,6 +10,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-snackbar-sample-4', styleUrls: ['./snackbar-sample-4.component.scss'], templateUrl: './snackbar-sample-4.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxListItemComponent, IgxRippleDirective, IgxAvatarComponent, IgxListThumbnailDirective, IgxListLineTitleDirective, IgxListActionDirective, IgxIconButtonDirective, IgxIconComponent, IgxSnackbarComponent] }) export class SnackbarSample4Component implements OnInit { diff --git a/src/app/notifications/snackbar/snackbar-sample-5/snackbar-sample-5.component.ts b/src/app/notifications/snackbar/snackbar-sample-5/snackbar-sample-5.component.ts index 039445559d..0e2ad72037 100644 --- a/src/app/notifications/snackbar/snackbar-sample-5/snackbar-sample-5.component.ts +++ b/src/app/notifications/snackbar/snackbar-sample-5/snackbar-sample-5.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; @@ -6,6 +6,7 @@ import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; selector: 'app-snackbar-sample-5', styleUrls: ['./snackbar-sample-5.component.scss'], templateUrl: './snackbar-sample-5.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxSnackbarComponent] }) export class SnackbarSample5Component { } diff --git a/src/app/notifications/snackbar/snackbar-style/snackbar-style.component.ts b/src/app/notifications/snackbar/snackbar-style/snackbar-style.component.ts index dea33c79a2..5ca01ecb90 100644 --- a/src/app/notifications/snackbar/snackbar-style/snackbar-style.component.ts +++ b/src/app/notifications/snackbar/snackbar-style/snackbar-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, inject } from '@angular/core'; +import { Component, ElementRef, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; @@ -6,6 +6,7 @@ import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; selector: 'app-snackbar-style', styleUrls: ['./snackbar-style.component.scss'], templateUrl: './snackbar-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxSnackbarComponent] }) export class SnackbarStyleComponent { diff --git a/src/app/notifications/snackbar/snackbar-tailwind-style/snackbar-tailwind-style.component.ts b/src/app/notifications/snackbar/snackbar-tailwind-style/snackbar-tailwind-style.component.ts index 77fc490856..8cc955b602 100644 --- a/src/app/notifications/snackbar/snackbar-tailwind-style/snackbar-tailwind-style.component.ts +++ b/src/app/notifications/snackbar/snackbar-tailwind-style/snackbar-tailwind-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, inject } from '@angular/core'; +import { Component, ElementRef, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; @@ -6,6 +6,7 @@ import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; selector: 'app-snackbar-tailwind-style', styleUrls: ['./snackbar-tailwind-style.component.scss'], templateUrl: './snackbar-tailwind-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxSnackbarComponent] }) export class SnackbarTailwindStyleComponent { diff --git a/src/app/notifications/toast/toast-sample-1/toast-sample-1.component.ts b/src/app/notifications/toast/toast-sample-1/toast-sample-1.component.ts index 0b561d79af..b3cfe5028f 100644 --- a/src/app/notifications/toast/toast-sample-1/toast-sample-1.component.ts +++ b/src/app/notifications/toast/toast-sample-1/toast-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxToastComponent } from 'igniteui-angular/toast'; import { VerticalAlignment } from 'igniteui-angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -7,6 +7,7 @@ import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directi selector: 'app-toast-sample-1', styleUrls: ['./toast-sample-1.component.scss'], templateUrl: './toast-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective, IgxToastComponent] }) export class ToastSample1Component { diff --git a/src/app/notifications/toast/toast-sample-2/toast-sample-2.component.ts b/src/app/notifications/toast/toast-sample-2/toast-sample-2.component.ts index 30dd1b0582..f2fb8ce48d 100644 --- a/src/app/notifications/toast/toast-sample-2/toast-sample-2.component.ts +++ b/src/app/notifications/toast/toast-sample-2/toast-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxToastComponent } from 'igniteui-angular/toast'; @@ -6,6 +6,7 @@ import { IgxToastComponent } from 'igniteui-angular/toast'; selector: 'app-toast-sample-2', styleUrls: ['./toast-sample-2.component.scss'], templateUrl: './toast-sample-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToastComponent] }) diff --git a/src/app/notifications/toast/toast-sample-3/toast-sample-3.component.ts b/src/app/notifications/toast/toast-sample-3/toast-sample-3.component.ts index ab144aef71..2bcff14517 100644 --- a/src/app/notifications/toast/toast-sample-3/toast-sample-3.component.ts +++ b/src/app/notifications/toast/toast-sample-3/toast-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxToastComponent } from 'igniteui-angular/toast'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,6 +7,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-toast-sample-3', styleUrls: ['./toast-sample-3.component.scss'], templateUrl: './toast-sample-3.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToastComponent, IgxIconComponent] }) diff --git a/src/app/notifications/toast/toast-sample-4/toast-sample-4.component.ts b/src/app/notifications/toast/toast-sample-4/toast-sample-4.component.ts index 7d547ff4d6..b15622b7c6 100644 --- a/src/app/notifications/toast/toast-sample-4/toast-sample-4.component.ts +++ b/src/app/notifications/toast/toast-sample-4/toast-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxToastComponent } from 'igniteui-angular/toast'; @@ -6,6 +6,7 @@ import { IgxToastComponent } from 'igniteui-angular/toast'; selector: 'app-toast-sample-4', styleUrls: ['./toast-sample-4.component.scss'], templateUrl: './toast-sample-4.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToastComponent] }) export class ToastSample4Component { } diff --git a/src/app/notifications/toast/toast-sample-5/toast-sample-5.component.ts b/src/app/notifications/toast/toast-sample-5/toast-sample-5.component.ts index 8e0aa61222..0a7d38f490 100644 --- a/src/app/notifications/toast/toast-sample-5/toast-sample-5.component.ts +++ b/src/app/notifications/toast/toast-sample-5/toast-sample-5.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { VerticalAlignment } from 'igniteui-angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxToastComponent } from 'igniteui-angular/toast'; @@ -6,6 +6,7 @@ import { IgxToastComponent } from 'igniteui-angular/toast'; selector: 'app-toast-sample-5', styleUrls: ['./toast-sample-5.component.scss'], templateUrl: './toast-sample-5.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToastComponent] }) diff --git a/src/app/notifications/toast/toast-style/toast-style.component.ts b/src/app/notifications/toast/toast-style/toast-style.component.ts index 111c5a3c4d..e0a6a5dfa8 100644 --- a/src/app/notifications/toast/toast-style/toast-style.component.ts +++ b/src/app/notifications/toast/toast-style/toast-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, inject } from '@angular/core'; +import { Component, ElementRef, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxToastComponent } from 'igniteui-angular/toast'; import { VerticalAlignment } from 'igniteui-angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -7,6 +7,7 @@ import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directi selector: 'app-toast-style', styleUrls: ['./toast-style.component.scss'], templateUrl: './toast-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective, IgxToastComponent] }) export class ToastStyleComponent { diff --git a/src/app/notifications/toast/toast-tailwind-style/toast-tailwind-style.component.ts b/src/app/notifications/toast/toast-tailwind-style/toast-tailwind-style.component.ts index 2223a9f1d1..9911102eee 100644 --- a/src/app/notifications/toast/toast-tailwind-style/toast-tailwind-style.component.ts +++ b/src/app/notifications/toast/toast-tailwind-style/toast-tailwind-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, inject } from '@angular/core'; +import { Component, ElementRef, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxToastComponent } from 'igniteui-angular/toast'; import { VerticalAlignment } from 'igniteui-angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -7,6 +7,7 @@ import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directi selector: 'app-toast-tailwind-style', styleUrls: ['./toast-tailwind-style.component.scss'], templateUrl: './toast-tailwind-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective, IgxToastComponent] }) export class ToastTailwindStyleComponent { diff --git a/src/app/pagination/paginator/pagination-sample.component.ts b/src/app/pagination/paginator/pagination-sample.component.ts index fda7f16b53..b02f98a1f0 100644 --- a/src/app/pagination/paginator/pagination-sample.component.ts +++ b/src/app/pagination/paginator/pagination-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, ViewChild, inject } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; import { IgxButtonDirective, IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -10,6 +10,7 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-pagination-sample', styleUrls: ['./pagination-sample.component.scss'], templateUrl: './pagination-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxCardMediaDirective, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardContentDirective, IgxCardHeaderSubtitleDirective, IgxCardActionsComponent, IgxButtonDirective, IgxRippleDirective, IgxIconButtonDirective, IgxIconComponent, IgxPaginatorComponent, CurrencyPipe] }) export class PaginationSampleComponent implements AfterViewInit { diff --git a/src/app/pivot-grid/pivot-basic-sample/pivot-grid-basic-sample.component.ts b/src/app/pivot-grid/pivot-basic-sample/pivot-grid-basic-sample.component.ts index 63cbb1f66f..48eaecc0c1 100644 --- a/src/app/pivot-grid/pivot-basic-sample/pivot-grid-basic-sample.component.ts +++ b/src/app/pivot-grid/pivot-basic-sample/pivot-grid-basic-sample.component.ts @@ -1,4 +1,4 @@ -import { Component } from "@angular/core"; +import { Component, ChangeDetectionStrategy } from "@angular/core"; import { DATA } from '../../data/pivot-data'; import { IPivotConfiguration, IgxPivotNumericAggregate } from 'igniteui-angular/grids/core'; @@ -8,6 +8,7 @@ import { IgxPivotGridComponent } from 'igniteui-angular/grids/pivot-grid'; selector: 'app-pivot-grid-basic-sample', styleUrls: ['./pivot-grid-basic-sample.component.scss'], templateUrl: './pivot-grid-basic-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxPivotGridComponent] }) export class PivotGridBasicSampleComponent { @@ -20,7 +21,7 @@ export class PivotGridBasicSampleComponent { memberFunction: (data) => data.Product.Name, enabled: true } - + ], rows: [ { diff --git a/src/app/pivot-grid/pivot-datasource/pivot-data-selector-sample.component.ts b/src/app/pivot-grid/pivot-datasource/pivot-data-selector-sample.component.ts index 358202d91a..2d2e8da2b8 100644 --- a/src/app/pivot-grid/pivot-datasource/pivot-data-selector-sample.component.ts +++ b/src/app/pivot-grid/pivot-datasource/pivot-data-selector-sample.component.ts @@ -1,4 +1,4 @@ -import { Component } from "@angular/core"; +import { Component, ChangeDetectionStrategy } from "@angular/core"; import { GridColumnDataType } from 'igniteui-angular/core'; import { IPivotConfiguration, IgxPivotDateDimension, IgxPivotNumericAggregate } from 'igniteui-angular/grids/core'; import { IgxPivotDataSelectorComponent, IgxPivotGridComponent } from 'igniteui-angular/grids/pivot-grid'; @@ -7,6 +7,7 @@ import { SALES_DATA_NEW } from '../../data/salesDataNew'; selector: 'app-pivot-data-selector-sample', styleUrls: ['./pivot-data-selector-sample.component.scss'], templateUrl: './pivot-data-selector-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxPivotGridComponent, IgxPivotDataSelectorComponent] }) export class PivotDataSelectorSampleComponent { diff --git a/src/app/pivot-grid/pivot-export/pivot-export.component.ts b/src/app/pivot-grid/pivot-export/pivot-export.component.ts index a949c4eead..39a34b5fae 100644 --- a/src/app/pivot-grid/pivot-export/pivot-export.component.ts +++ b/src/app/pivot-grid/pivot-export/pivot-export.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, inject } from "@angular/core"; +import { Component, ViewChild, inject, ChangeDetectionStrategy } from "@angular/core"; import { IPivotConfiguration, @@ -46,6 +46,7 @@ export class IgxTotalSaleAggregate { selector: 'app-pivot-export-sample', styleUrls: ['./pivot-export.component.scss'], templateUrl: './pivot-export.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxPivotGridComponent] }) export class PivotExportComponent { diff --git a/src/app/pivot-grid/pivot-features/pivot-features.component.ts b/src/app/pivot-grid/pivot-features/pivot-features.component.ts index a5feee54f4..73aec3304b 100644 --- a/src/app/pivot-grid/pivot-features/pivot-features.component.ts +++ b/src/app/pivot-grid/pivot-features/pivot-features.component.ts @@ -1,4 +1,4 @@ -import { Component } from "@angular/core"; +import { Component, ChangeDetectionStrategy } from "@angular/core"; import { IPivotConfiguration, IgxPivotDateDimension, IgxPivotNumericAggregate, PivotAggregation } from 'igniteui-angular/grids/core'; import { FilteringExpressionsTree, FilteringLogic, IgxStringFilteringOperand } from 'igniteui-angular/core'; @@ -36,6 +36,7 @@ export class IgxTotalSaleAggregate { selector: 'app-pivot-features-sample', styleUrls: ['./pivot-features.component.scss'], templateUrl: './pivot-features.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxPivotGridComponent, IgxPivotDataSelectorComponent] }) export class PivotFeaturesComponent { diff --git a/src/app/pivot-grid/pivot-grid-noop-persistence/pivot-grid-noop-persistence-sample.component.ts b/src/app/pivot-grid/pivot-grid-noop-persistence/pivot-grid-noop-persistence-sample.component.ts index 4f0108ca79..4a5064df07 100644 --- a/src/app/pivot-grid/pivot-grid-noop-persistence/pivot-grid-noop-persistence-sample.component.ts +++ b/src/app/pivot-grid/pivot-grid-noop-persistence/pivot-grid-noop-persistence-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, ViewChild, inject } from "@angular/core"; +import { AfterViewInit, Component, ViewChild, inject, ChangeDetectionStrategy } from "@angular/core"; import { IGridState, IGridStateOptions, IPivotConfiguration, IgxGridStateDirective, IgxPivotNumericAggregate, NoopPivotDimensionsStrategy } from 'igniteui-angular/grids/core'; import { IgxPivotGridComponent } from 'igniteui-angular/grids/pivot-grid'; import { NoopSortingStrategy } from 'igniteui-angular/core'; @@ -12,6 +12,7 @@ import { take } from 'rxjs/operators'; styleUrls: ['./pivot-grid-noop-persistence-sample.component.scss'], templateUrl: './pivot-grid-noop-persistence-sample.component.html', providers: [PivotDataService], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxIconComponent, IgxPivotGridComponent, IgxGridStateDirective] }) export class PivotGridNoopPersistenceSampleComponent implements AfterViewInit { diff --git a/src/app/pivot-grid/pivot-grid-noop/pivot-grid-noop-sample.component.ts b/src/app/pivot-grid/pivot-grid-noop/pivot-grid-noop-sample.component.ts index f96ac9a29f..85583e984d 100644 --- a/src/app/pivot-grid/pivot-grid-noop/pivot-grid-noop-sample.component.ts +++ b/src/app/pivot-grid/pivot-grid-noop/pivot-grid-noop-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, ViewChild, inject } from "@angular/core"; +import { AfterViewInit, Component, ViewChild, inject, ChangeDetectionStrategy } from "@angular/core"; import { IPivotConfiguration, IgxPivotNumericAggregate, NoopPivotDimensionsStrategy } from 'igniteui-angular/grids/core'; import { IgxPivotGridComponent } from 'igniteui-angular/grids/pivot-grid'; @@ -9,6 +9,7 @@ import { PivotDataService } from "../../services/pivotRemoteData.service"; styleUrls: ['./pivot-grid-noop-sample.component.scss'], templateUrl: './pivot-grid-noop-sample.component.html', providers: [PivotDataService], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxPivotGridComponent] }) export class PivotGridNoopSampleComponent implements AfterViewInit { diff --git a/src/app/pivot-grid/pivot-grid-routes-data.ts b/src/app/pivot-grid/pivot-grid-routes-data.ts index 6065e07126..51e0139d47 100644 --- a/src/app/pivot-grid/pivot-grid-routes-data.ts +++ b/src/app/pivot-grid/pivot-grid-routes-data.ts @@ -6,7 +6,6 @@ export const pivotGridsRoutesData = { '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-styling': { displayName: 'Pivot Grid Styling', 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' } diff --git a/src/app/pivot-grid/pivot-grids.routes.ts b/src/app/pivot-grid/pivot-grids.routes.ts index f40be47cca..13dfb2b0bc 100644 --- a/src/app/pivot-grid/pivot-grids.routes.ts +++ b/src/app/pivot-grid/pivot-grids.routes.ts @@ -10,7 +10,6 @@ import { pivotGridsRoutesData } from './pivot-grid-routes-data'; import { PivotGridAboutComponent } from './pivot-state-persistence/about.component'; import { PivotGridStatePersistenceSampleComponent } from './pivot-state-persistence/pivot-grid-state-persistence-sample.component'; import { PivotGridLayoutComponent } from './pivot-layout/pivot-layout.component' -import { PivotStylingComponent } from './pivot-styling/pivot-styling.component'; // tslint:enable:max-line-length export const PivotGridsRoutes: Routes = [ @@ -52,16 +51,11 @@ export const PivotGridsRoutes: Routes = [ { component: PivotGridAboutComponent, data: pivotGridsRoutesData['pivot-grid-about'], - path: 'pivot-grid-about' + path: 'pivot-state-about' }, { component: PivotGridLayoutComponent, data: pivotGridsRoutesData['pivot-grid-features'], path: 'pivot-grid-layout' - }, - { - component: PivotStylingComponent, - data: pivotGridsRoutesData['pivot-grid-styling'], - path: 'pivot-grid-styling' } ]; diff --git a/src/app/pivot-grid/pivot-layout/pivot-layout.component.ts b/src/app/pivot-grid/pivot-layout/pivot-layout.component.ts index f7a7d0ae33..31966ef323 100644 --- a/src/app/pivot-grid/pivot-layout/pivot-layout.component.ts +++ b/src/app/pivot-grid/pivot-layout/pivot-layout.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from "@angular/core"; +import { Component, ViewChild, ChangeDetectionStrategy } from "@angular/core"; import { IPivotConfiguration, IPivotUISettings, IgxPivotDateDimension, IgxPivotNumericAggregate, PivotAggregation, PivotRowLayoutType, PivotSummaryPosition } from 'igniteui-angular/grids/core'; import { FilteringExpressionsTree, FilteringLogic, IgxStringFilteringOperand } from 'igniteui-angular/core'; @@ -38,6 +38,7 @@ export class IgxTotalSaleAggregate { selector: 'app-pivot-layout-sample', styleUrls: ['./pivot-layout.component.scss'], templateUrl: './pivot-layout.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, IgxPivotGridComponent] }) export class PivotGridLayoutComponent { diff --git a/src/app/pivot-grid/pivot-state-persistence/about.component.ts b/src/app/pivot-grid/pivot-state-persistence/about.component.ts index 670ecf7b4c..505c5e7d3a 100644 --- a/src/app/pivot-grid/pivot-state-persistence/about.component.ts +++ b/src/app/pivot-grid/pivot-state-persistence/about.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { RouterLink } from '@angular/router'; @Component({ selector: 'app-about', templateUrl: './about.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, RouterLink] }) export class PivotGridAboutComponent { diff --git a/src/app/pivot-grid/pivot-state-persistence/pivot-grid-state-persistence-sample.component.ts b/src/app/pivot-grid/pivot-state-persistence/pivot-grid-state-persistence-sample.component.ts index 83a09ac4b6..73984fb080 100644 --- a/src/app/pivot-grid/pivot-state-persistence/pivot-grid-state-persistence-sample.component.ts +++ b/src/app/pivot-grid/pivot-state-persistence/pivot-grid-state-persistence-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnInit, QueryList, ViewChild, ViewChildren, inject } from "@angular/core"; +import { AfterViewInit, Component, OnInit, QueryList, ViewChild, ViewChildren, inject, ChangeDetectionStrategy } from "@angular/core"; import { NavigationStart, Router, RouterLink } from "@angular/router"; import { GridFeatures, IGridState, IGridStateOptions, IPivotAggregator, IPivotConfiguration, IPivotDimension, IPivotValue, IgxGridStateDirective, IgxPivotDateDimension, IgxPivotNumericAggregate, PivotAggregation } from 'igniteui-angular/grids/core'; @@ -42,6 +42,7 @@ export class IgxTotalSaleAggregate { selector: 'app-pivot-grid-state-persistence-sample', styleUrls: ['./pivot-grid-state-persistence-sample.component.scss'], templateUrl: './pivot-grid-state-persistence-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxIconComponent, RouterLink, IgxCheckboxComponent, IgxPivotGridComponent, IgxGridStateDirective] }) export class PivotGridStatePersistenceSampleComponent implements OnInit, AfterViewInit { diff --git a/src/app/pivot-grid/pivot-styling/layout.scss b/src/app/pivot-grid/pivot-styling/layout.scss deleted file mode 100644 index 5ea6cde808..0000000000 --- a/src/app/pivot-grid/pivot-styling/layout.scss +++ /dev/null @@ -1,4 +0,0 @@ -:host { - display: block; - padding: 8px; -} \ No newline at end of file diff --git a/src/app/pivot-grid/pivot-styling/pivot-styling.component.html b/src/app/pivot-grid/pivot-styling/pivot-styling.component.html deleted file mode 100644 index 08df70c02f..0000000000 --- a/src/app/pivot-grid/pivot-styling/pivot-styling.component.html +++ /dev/null @@ -1,2 +0,0 @@ - - \ No newline at end of file diff --git a/src/app/pivot-grid/pivot-styling/pivot-styling.component.scss b/src/app/pivot-grid/pivot-styling/pivot-styling.component.scss deleted file mode 100644 index 238acf9733..0000000000 --- a/src/app/pivot-grid/pivot-styling/pivot-styling.component.scss +++ /dev/null @@ -1,16 +0,0 @@ -@use "layout.scss"; -@use "igniteui-angular/theming" as *; - -$background: #292826; -$foreground: #eeece1; -$accent: #ffcd0f; - -$custom-grid: grid-theme( - $background: $background, - $foreground: $foreground, - $accent-color: $accent, -); - -igx-pivot-grid { - @include tokens($custom-grid); -} diff --git a/src/app/pivot-grid/pivot-styling/pivot-styling.component.ts b/src/app/pivot-grid/pivot-styling/pivot-styling.component.ts deleted file mode 100644 index b85a70c4fe..0000000000 --- a/src/app/pivot-grid/pivot-styling/pivot-styling.component.ts +++ /dev/null @@ -1,45 +0,0 @@ -import { Component, ChangeDetectionStrategy } from "@angular/core"; -import { DATA } from '../../data/pivot-data'; - -import { IPivotConfiguration, IgxPivotNumericAggregate } from 'igniteui-angular/grids/core'; -import { IgxPivotGridComponent } from 'igniteui-angular/grids/pivot-grid'; - -@Component({ - selector: 'app-pivot-styling', - styleUrls: ['./pivot-styling.component.scss'], - templateUrl: './pivot-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, - imports: [IgxPivotGridComponent] -}) - -export class PivotStylingComponent { - public data = DATA; - public pivotConfigHierarchy: IPivotConfiguration = { - columns: [ - { - memberName: 'Product', - memberFunction: (data) => data.Product.Name, - enabled: true - } - ], - rows: [ - { - memberName: 'Seller', - memberFunction: (data) => data.Seller.Name, - enabled: true - } - ], - values: [ - { - member: 'NumberOfUnits', - aggregate: { - aggregator: IgxPivotNumericAggregate.sum, - key: 'sum', - label: 'Sum' - }, - enabled: true - } - ], - filters: null - }; -} diff --git a/src/app/scheduling/calendar/calendar-days-view/calendar-days-view.component.ts b/src/app/scheduling/calendar/calendar-days-view/calendar-days-view.component.ts index f13fe8679c..6765fb16b1 100644 --- a/src/app/scheduling/calendar/calendar-days-view/calendar-days-view.component.ts +++ b/src/app/scheduling/calendar/calendar-days-view/calendar-days-view.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent } from 'igniteui-angular/card'; import { IgxDaysViewComponent } from 'igniteui-angular/calendar'; @@ -6,6 +6,7 @@ import { IgxDaysViewComponent } from 'igniteui-angular/calendar'; selector: 'app-calendar-views', styleUrls: ['./calendar-days-view.component.scss'], templateUrl: './calendar-days-view.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxCardHeaderComponent, IgxCardContentDirective, IgxDaysViewComponent] }) export class CalendarDaysViewComponent { } diff --git a/src/app/scheduling/calendar/calendar-months-view/calendar-months-view.component.ts b/src/app/scheduling/calendar/calendar-months-view/calendar-months-view.component.ts index 100fdd8c31..e141ac1a4d 100644 --- a/src/app/scheduling/calendar/calendar-months-view/calendar-months-view.component.ts +++ b/src/app/scheduling/calendar/calendar-months-view/calendar-months-view.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent } from 'igniteui-angular/card'; import { IgxMonthsViewComponent } from 'igniteui-angular/calendar'; @@ -6,6 +6,7 @@ import { IgxMonthsViewComponent } from 'igniteui-angular/calendar'; selector: 'app-calendar-views', styleUrls: ['./calendar-months-view.component.scss'], templateUrl: './calendar-months-view.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxCardHeaderComponent, IgxCardContentDirective, IgxMonthsViewComponent] }) export class CalendarMonthsViewComponent { } diff --git a/src/app/scheduling/calendar/calendar-rtl-sample/calendar-rtl-sample.component.ts b/src/app/scheduling/calendar/calendar-rtl-sample/calendar-rtl-sample.component.ts index 0afe40d532..5cea2f5c33 100644 --- a/src/app/scheduling/calendar/calendar-rtl-sample/calendar-rtl-sample.component.ts +++ b/src/app/scheduling/calendar/calendar-rtl-sample/calendar-rtl-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxCalendarComponent } from 'igniteui-angular/calendar'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -6,6 +6,7 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-calendar', styleUrls: ['./calendar-rtl-sample.component.scss'], templateUrl: './calendar-rtl-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxCalendarComponent] }) export class CalendarRtlSampleComponent { diff --git a/src/app/scheduling/calendar/calendar-sample-1/calendar-sample-1.component.ts b/src/app/scheduling/calendar/calendar-sample-1/calendar-sample-1.component.ts index 4a54c443b2..b9e66ca1f1 100644 --- a/src/app/scheduling/calendar/calendar-sample-1/calendar-sample-1.component.ts +++ b/src/app/scheduling/calendar/calendar-sample-1/calendar-sample-1.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxCalendarComponent } from 'igniteui-angular/calendar'; @Component({ selector: 'app-calendar', styleUrls: ['./calendar-sample-1.component.scss'], templateUrl: './calendar-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCalendarComponent] }) export class CalendarSample1Component { } diff --git a/src/app/scheduling/calendar/calendar-sample-2/calendar-sample-2.component.ts b/src/app/scheduling/calendar/calendar-sample-2/calendar-sample-2.component.ts index b50aaf556b..f50b9dbfba 100644 --- a/src/app/scheduling/calendar/calendar-sample-2/calendar-sample-2.component.ts +++ b/src/app/scheduling/calendar/calendar-sample-2/calendar-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxCalendarComponent } from 'igniteui-angular/calendar'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; import { IgxPrefixDirective } from 'igniteui-angular/input-group'; @@ -13,6 +13,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-calendar', styleUrls: ['./calendar-sample-2.component.scss'], templateUrl: './calendar-sample-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSelectComponent, FormsModule, IgxPrefixDirective, IgxSelectItemComponent, IgxCalendarComponent] }) export class CalendarSample2Component implements OnInit{ diff --git a/src/app/scheduling/calendar/calendar-sample-3/calendar-sample-3.component.ts b/src/app/scheduling/calendar/calendar-sample-3/calendar-sample-3.component.ts index aa0e91b993..1973e8bfad 100644 --- a/src/app/scheduling/calendar/calendar-sample-3/calendar-sample-3.component.ts +++ b/src/app/scheduling/calendar/calendar-sample-3/calendar-sample-3.component.ts @@ -1,5 +1,5 @@ -import { Component, ViewChild, DOCUMENT, inject } from '@angular/core'; +import { Component, ViewChild, DOCUMENT, inject, ChangeDetectionStrategy } from '@angular/core'; import { IViewDateChangeEventArgs, IgxCalendarComponent, IgxCalendarView } from 'igniteui-angular/calendar'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; @@ -7,6 +7,7 @@ import { IgxDialogComponent } from 'igniteui-angular/dialog'; selector: 'app-calendar', styleUrls: ['./calendar-sample-3.component.scss'], templateUrl: './calendar-sample-3.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCalendarComponent] }) export class CalendarSample3Component { diff --git a/src/app/scheduling/calendar/calendar-sample-4/calendar-sample-4.component.ts b/src/app/scheduling/calendar/calendar-sample-4/calendar-sample-4.component.ts index c768f94db3..5a565a0b9b 100644 --- a/src/app/scheduling/calendar/calendar-sample-4/calendar-sample-4.component.ts +++ b/src/app/scheduling/calendar/calendar-sample-4/calendar-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, inject } from '@angular/core'; +import { Component, inject, ChangeDetectionStrategy } from '@angular/core'; import { DateParser } from '../../../date-parser'; import { IgxCalendarComponent, IgxCalendarHeaderTemplateDirective, IgxCalendarSubheaderTemplateDirective } from 'igniteui-angular/calendar'; import { TitleCasePipe } from '@angular/common'; @@ -8,6 +8,7 @@ import { TitleCasePipe } from '@angular/common'; selector: 'app-calendar', styleUrls: ['./calendar-sample-4.component.scss'], templateUrl: './calendar-sample-4.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCalendarComponent, IgxCalendarHeaderTemplateDirective, IgxCalendarSubheaderTemplateDirective, TitleCasePipe] }) diff --git a/src/app/scheduling/calendar/calendar-sample-5/calendar-sample-5.component.ts b/src/app/scheduling/calendar/calendar-sample-5/calendar-sample-5.component.ts index 5151c674e6..2c0382a37e 100644 --- a/src/app/scheduling/calendar/calendar-sample-5/calendar-sample-5.component.ts +++ b/src/app/scheduling/calendar/calendar-sample-5/calendar-sample-5.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxCalendarComponent } from 'igniteui-angular/calendar'; @Component({ selector: 'app-calendar', styleUrls: ['./calendar-sample-5.component.scss'], templateUrl: './calendar-sample-5.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCalendarComponent] }) export class CalendarSample5Component { } diff --git a/src/app/scheduling/calendar/calendar-sample-6/calendar-sample-6.component.ts b/src/app/scheduling/calendar/calendar-sample-6/calendar-sample-6.component.ts index f34ce362f0..de923c2e64 100644 --- a/src/app/scheduling/calendar/calendar-sample-6/calendar-sample-6.component.ts +++ b/src/app/scheduling/calendar/calendar-sample-6/calendar-sample-6.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { DateRangeType } from 'igniteui-angular/core'; import { IgxCalendarComponent } from 'igniteui-angular/calendar'; import { DatePipe } from '@angular/common'; @@ -7,6 +7,7 @@ import { DatePipe } from '@angular/common'; selector: 'app-calendar', styleUrls: ['./calendar-sample-6.component.scss'], templateUrl: './calendar-sample-6.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCalendarComponent, DatePipe] }) export class CalendarSample6Component implements OnInit{ diff --git a/src/app/scheduling/calendar/calendar-sample-7/calendar-sample-7.component.ts b/src/app/scheduling/calendar/calendar-sample-7/calendar-sample-7.component.ts index 73051b3823..e00c112f4a 100644 --- a/src/app/scheduling/calendar/calendar-sample-7/calendar-sample-7.component.ts +++ b/src/app/scheduling/calendar/calendar-sample-7/calendar-sample-7.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { DateRangeType } from 'igniteui-angular/core'; import { IgxCalendarComponent } from 'igniteui-angular/calendar'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; @@ -8,6 +8,7 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-calendar', styleUrls: ['./calendar-sample-7.component.scss'], templateUrl: './calendar-sample-7.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCalendarComponent, IgxDialogComponent, IgxButtonDirective] }) export class CalendarSample7Component { diff --git a/src/app/scheduling/calendar/calendar-sample-8/calendar-sample-8.component.ts b/src/app/scheduling/calendar/calendar-sample-8/calendar-sample-8.component.ts index 6f71d19aa9..6f34dc692b 100644 --- a/src/app/scheduling/calendar/calendar-sample-8/calendar-sample-8.component.ts +++ b/src/app/scheduling/calendar/calendar-sample-8/calendar-sample-8.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxCalendarComponent } from 'igniteui-angular/calendar'; @Component({ selector: 'app-calendar', styleUrls: ['./calendar-sample-8.component.scss'], templateUrl: './calendar-sample-8.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCalendarComponent] }) export class CalendarSample8Component { } diff --git a/src/app/scheduling/calendar/calendar-sample-9/calendar-sample-9.component.ts b/src/app/scheduling/calendar/calendar-sample-9/calendar-sample-9.component.ts index 7e2cf60ab0..52e88e9d76 100644 --- a/src/app/scheduling/calendar/calendar-sample-9/calendar-sample-9.component.ts +++ b/src/app/scheduling/calendar/calendar-sample-9/calendar-sample-9.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxCalendarComponent } from 'igniteui-angular/calendar'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -11,6 +11,7 @@ type Orientation = (typeof orientations)[number]; selector: 'app-calendar', styleUrls: ['./calendar-sample-9.component.scss'], templateUrl: './calendar-sample-9.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCalendarComponent, IgxButtonGroupComponent, IgxButtonDirective] }) diff --git a/src/app/scheduling/calendar/calendar-styling-sample/calendar-styling-sample.component.ts b/src/app/scheduling/calendar/calendar-styling-sample/calendar-styling-sample.component.ts index 5aa6d4352e..a7c240f631 100644 --- a/src/app/scheduling/calendar/calendar-styling-sample/calendar-styling-sample.component.ts +++ b/src/app/scheduling/calendar/calendar-styling-sample/calendar-styling-sample.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxCalendarComponent } from 'igniteui-angular/calendar'; @Component({ selector: 'app-calendar', styleUrls: ['./calendar-styling-sample.component.scss'], templateUrl: './calendar-styling-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCalendarComponent] }) export class CalendarStylingSampleComponent { } diff --git a/src/app/scheduling/calendar/calendar-tailwind-styling-sample/calendar-tailwind-styling-sample.component.ts b/src/app/scheduling/calendar/calendar-tailwind-styling-sample/calendar-tailwind-styling-sample.component.ts index 4d1f50c86d..73080fdf68 100644 --- a/src/app/scheduling/calendar/calendar-tailwind-styling-sample/calendar-tailwind-styling-sample.component.ts +++ b/src/app/scheduling/calendar/calendar-tailwind-styling-sample/calendar-tailwind-styling-sample.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxCalendarComponent } from 'igniteui-angular/calendar'; @Component({ selector: 'app-calendar-tailwind-styling', styleUrls: ['./calendar-tailwind-styling-sample.component.scss'], templateUrl: './calendar-tailwind-styling-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCalendarComponent] }) export class CalendarTailwindStylingSampleComponent { } diff --git a/src/app/scheduling/calendar/calendar-years-view/calendar-years-view.component.ts b/src/app/scheduling/calendar/calendar-years-view/calendar-years-view.component.ts index 0ba2660fa4..755fc84cd8 100644 --- a/src/app/scheduling/calendar/calendar-years-view/calendar-years-view.component.ts +++ b/src/app/scheduling/calendar/calendar-years-view/calendar-years-view.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent } from 'igniteui-angular/card'; import { IgxYearsViewComponent } from 'igniteui-angular/calendar'; @@ -6,6 +6,7 @@ import { IgxYearsViewComponent } from 'igniteui-angular/calendar'; selector: 'app-calendar-views', styleUrls: ['./calendar-years-view.component.scss'], templateUrl: './calendar-years-view.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxCardHeaderComponent, IgxCardContentDirective, IgxYearsViewComponent] }) export class CalendarYearsViewComponent { } diff --git a/src/app/scheduling/calendar/multiview/multiview.component.ts b/src/app/scheduling/calendar/multiview/multiview.component.ts index de14b8fa46..370479092b 100644 --- a/src/app/scheduling/calendar/multiview/multiview.component.ts +++ b/src/app/scheduling/calendar/multiview/multiview.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxCalendarComponent } from 'igniteui-angular/calendar'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -8,6 +8,7 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-calendar', styleUrls: ['./multiview.component.scss'], templateUrl: './multiview.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCalendarComponent, IgxDialogComponent, IgxButtonDirective] }) export class CalendarMultiViewComponent { diff --git a/src/app/scheduling/datepicker/datepicker-dropdown/datepicker-dropdown.component.ts b/src/app/scheduling/datepicker/datepicker-dropdown/datepicker-dropdown.component.ts index 6bb8239b07..2bfd600255 100644 --- a/src/app/scheduling/datepicker/datepicker-dropdown/datepicker-dropdown.component.ts +++ b/src/app/scheduling/datepicker/datepicker-dropdown/datepicker-dropdown.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; import { FormsModule } from '@angular/forms'; @@ -8,6 +8,7 @@ import { DatePipe } from '@angular/common'; selector: 'app-datepicker-dropdown', styleUrls: ['./datepicker-dropdown.component.scss'], templateUrl: './datepicker-dropdown.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDatePickerComponent, FormsModule, IgxLabelDirective, DatePipe] }) export class DatepickerDropdownComponent { diff --git a/src/app/scheduling/datepicker/datepicker-sample-1/datepicker-sample-1.component.ts b/src/app/scheduling/datepicker/datepicker-sample-1/datepicker-sample-1.component.ts index f535e25cf7..706a880f4e 100644 --- a/src/app/scheduling/datepicker/datepicker-sample-1/datepicker-sample-1.component.ts +++ b/src/app/scheduling/datepicker/datepicker-sample-1/datepicker-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; import { FormsModule } from '@angular/forms'; @@ -7,6 +7,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-datepicker-sample-1', styleUrls: ['./datepicker-sample-1.component.scss'], templateUrl: './datepicker-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDatePickerComponent, FormsModule, IgxLabelDirective] }) export class DatepickerSample1Component { diff --git a/src/app/scheduling/datepicker/datepicker-sample-2/datepicker-sample-2.component.ts b/src/app/scheduling/datepicker/datepicker-sample-2/datepicker-sample-2.component.ts index 2b2e1c3e9b..072d3e5a6b 100644 --- a/src/app/scheduling/datepicker/datepicker-sample-2/datepicker-sample-2.component.ts +++ b/src/app/scheduling/datepicker/datepicker-sample-2/datepicker-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -6,6 +6,7 @@ import { IgxLabelDirective } from 'igniteui-angular/input-group'; selector: 'app-datepicker-sample-2', styleUrls: ['./datepicker-sample-2.component.scss'], templateUrl: './datepicker-sample-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDatePickerComponent, IgxLabelDirective] }) export class DatepickerSample2Component { diff --git a/src/app/scheduling/datepicker/datepicker-sample-3/datepicker-sample-3.component.ts b/src/app/scheduling/datepicker/datepicker-sample-3/datepicker-sample-3.component.ts index 75444ac23e..83b9ccac25 100644 --- a/src/app/scheduling/datepicker/datepicker-sample-3/datepicker-sample-3.component.ts +++ b/src/app/scheduling/datepicker/datepicker-sample-3/datepicker-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; import { FormsModule } from '@angular/forms'; @@ -6,6 +6,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-datepicker-sample-3', styleUrls: ['./datepicker-sample-3.component.scss'], templateUrl: './datepicker-sample-3.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDatePickerComponent, FormsModule] }) export class DatepickerSample3Component { diff --git a/src/app/scheduling/datepicker/datepicker-sample-4/datepicker-sample-4.component.ts b/src/app/scheduling/datepicker/datepicker-sample-4/datepicker-sample-4.component.ts index 44ecb0623f..3f1d9c41ff 100644 --- a/src/app/scheduling/datepicker/datepicker-sample-4/datepicker-sample-4.component.ts +++ b/src/app/scheduling/datepicker/datepicker-sample-4/datepicker-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -6,6 +6,7 @@ import { IgxLabelDirective } from 'igniteui-angular/input-group'; selector: 'app-datepicker-sample-4', styleUrls: ['./datepicker-sample-4.component.scss'], templateUrl: './datepicker-sample-4.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDatePickerComponent, IgxLabelDirective] }) export class DatepickerSample4Component { diff --git a/src/app/scheduling/datepicker/datepicker-sample-5/datepicker-sample-5.component.ts b/src/app/scheduling/datepicker/datepicker-sample-5/datepicker-sample-5.component.ts index 9a65e86b18..81afad8e1b 100644 --- a/src/app/scheduling/datepicker/datepicker-sample-5/datepicker-sample-5.component.ts +++ b/src/app/scheduling/datepicker/datepicker-sample-5/datepicker-sample-5.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject } from '@angular/core'; +import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; import { DateParser } from '../../../date-parser'; import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -10,6 +10,7 @@ import { TitleCasePipe } from '@angular/common'; selector: 'app-datepicker-sample-5', styleUrls: ['./datepicker-sample-5.component.scss'], templateUrl: './datepicker-sample-5.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDatePickerComponent, IgxLabelDirective, IgxCalendarHeaderTemplateDirective, IgxCalendarSubheaderTemplateDirective, TitleCasePipe] }) export class DatepickerSample5Component implements OnInit { diff --git a/src/app/scheduling/datepicker/datepicker-sample-6/datepicker-sample-6.component.ts b/src/app/scheduling/datepicker/datepicker-sample-6/datepicker-sample-6.component.ts index 5465637e99..ec1ef8f94f 100644 --- a/src/app/scheduling/datepicker/datepicker-sample-6/datepicker-sample-6.component.ts +++ b/src/app/scheduling/datepicker/datepicker-sample-6/datepicker-sample-6.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; import { IgxLabelDirective, IgxPrefixDirective } from 'igniteui-angular/input-group'; import { IgxPickerToggleComponent } from 'igniteui-angular/core'; @@ -8,6 +8,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-datepicker-sample-6', styleUrls: ['./datepicker-sample-6.component.scss'], templateUrl: './datepicker-sample-6.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDatePickerComponent, IgxLabelDirective, IgxPickerToggleComponent, IgxPrefixDirective, IgxIconComponent] }) export class DatepickerSample6Component { diff --git a/src/app/scheduling/datepicker/datepicker-sample-7/datepicker-sample-7.component.ts b/src/app/scheduling/datepicker/datepicker-sample-7/datepicker-sample-7.component.ts index 252837c45d..d6df39a665 100644 --- a/src/app/scheduling/datepicker/datepicker-sample-7/datepicker-sample-7.component.ts +++ b/src/app/scheduling/datepicker/datepicker-sample-7/datepicker-sample-7.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; import { IgxLabelDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; @@ -10,6 +10,7 @@ import { DatePipe } from '@angular/common'; selector: 'app-datepicker-sample-7', styleUrls: ['./datepicker-sample-7.component.scss'], templateUrl: './datepicker-sample-7.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDatePickerComponent, IgxLabelDirective, IgxPickerToggleComponent, IgxSuffixDirective, IgxIconComponent, IgxSnackbarComponent, DatePipe] }) diff --git a/src/app/scheduling/datepicker/datepicker-sample-8/datepicker-sample-8.component.ts b/src/app/scheduling/datepicker/datepicker-sample-8/datepicker-sample-8.component.ts index 0e0d3323f5..a372d29709 100644 --- a/src/app/scheduling/datepicker/datepicker-sample-8/datepicker-sample-8.component.ts +++ b/src/app/scheduling/datepicker/datepicker-sample-8/datepicker-sample-8.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxCalendarComponent, IgxCalendarView } from 'igniteui-angular/calendar'; import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -9,6 +9,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-datepicker-sample-8', styleUrls: ['./datepicker-sample-8.component.scss'], templateUrl: './datepicker-sample-8.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDatePickerComponent, FormsModule, IgxLabelDirective, IgxButtonDirective] }) diff --git a/src/app/scheduling/datepicker/datepicker-sample-9/datepicker-sample-9.component.ts b/src/app/scheduling/datepicker/datepicker-sample-9/datepicker-sample-9.component.ts index df81e070cc..ceeda6ce3c 100644 --- a/src/app/scheduling/datepicker/datepicker-sample-9/datepicker-sample-9.component.ts +++ b/src/app/scheduling/datepicker/datepicker-sample-9/datepicker-sample-9.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, Pipe, PipeTransform, ViewChild, forwardRef } from '@angular/core'; +import { Component, OnInit, Pipe, PipeTransform, ViewChild, forwardRef, ChangeDetectionStrategy } from '@angular/core'; import { IgxCalendarComponent } from 'igniteui-angular/calendar'; import { IgxAutocompleteDirective, IgxDropDownComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; @@ -12,6 +12,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-datepicker-sample-9', styleUrls: ['./datepicker-sample-9.component.scss'], templateUrl: './datepicker-sample-9.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxInputGroupComponent, IgxToggleActionDirective, diff --git a/src/app/scheduling/datepicker/datepicker-styling-sample/datepicker-styling-sample.component.ts b/src/app/scheduling/datepicker/datepicker-styling-sample/datepicker-styling-sample.component.ts index a9d44f6284..f17bcf5b1b 100644 --- a/src/app/scheduling/datepicker/datepicker-styling-sample/datepicker-styling-sample.component.ts +++ b/src/app/scheduling/datepicker/datepicker-styling-sample/datepicker-styling-sample.component.ts @@ -1,16 +1,16 @@ -import { Component, ElementRef, inject } from '@angular/core'; -import { IgxOverlayService } from 'igniteui-angular/core'; -import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; +import { Component, ElementRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { IgxOverlayService } from 'igniteui-angular/core'; +import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @Component({ selector: 'app-datepicker-sample-1', styleUrls: ['./datepicker-styling-sample.component.scss'], templateUrl: './datepicker-styling-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDatePickerComponent, IgxLabelDirective] }) -export class DatepickerStylingSampleComponent { - element = inject(ElementRef); - private overlayService = inject(IgxOverlayService); - +export class DatepickerStylingSampleComponent { element = inject(ElementRef); + private overlayService = inject(IgxOverlayService); + } diff --git a/src/app/scheduling/datepicker/reactive-form/reactive-form.component.ts b/src/app/scheduling/datepicker/reactive-form/reactive-form.component.ts index 2002aaa6f0..460a04bfc3 100644 --- a/src/app/scheduling/datepicker/reactive-form/reactive-form.component.ts +++ b/src/app/scheduling/datepicker/reactive-form/reactive-form.component.ts @@ -1,4 +1,4 @@ -import { Component, inject } from '@angular/core'; +import { Component, inject, ChangeDetectionStrategy } from '@angular/core'; import { FormBuilder, FormGroup, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms'; import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -8,6 +8,7 @@ import { IgxTimePickerComponent } from 'igniteui-angular/time-picker'; selector: 'app-datetimepicker-reactive-form', styleUrls: ['./reactive-form.component.scss'], templateUrl: './reactive-form.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, ReactiveFormsModule, IgxDatePickerComponent, IgxLabelDirective, IgxTimePickerComponent] }) export class DateTimePickerRFSampleComponent { diff --git a/src/app/scheduling/datepicker/template-driven-form/template-driven-form.component.ts b/src/app/scheduling/datepicker/template-driven-form/template-driven-form.component.ts index 1ae6d4dbee..036683ee8e 100644 --- a/src/app/scheduling/datepicker/template-driven-form/template-driven-form.component.ts +++ b/src/app/scheduling/datepicker/template-driven-form/template-driven-form.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxTimePickerComponent } from 'igniteui-angular/time-picker'; @@ -8,6 +8,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-datetimepicker-template-driven-form', styleUrls: ['./template-driven-form.component.scss'], templateUrl: './template-driven-form.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDatePickerComponent, FormsModule, IgxLabelDirective, IgxTimePickerComponent] }) export class DateTimePickerTDFSampleComponent { diff --git a/src/app/scheduling/daterangepicker/daterangepicker-basic/daterangepicker-basic.ts b/src/app/scheduling/daterangepicker/daterangepicker-basic/daterangepicker-basic.ts index c009f9d80d..cd059b6e96 100644 --- a/src/app/scheduling/daterangepicker/daterangepicker-basic/daterangepicker-basic.ts +++ b/src/app/scheduling/daterangepicker/daterangepicker-basic/daterangepicker-basic.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { DateRange } from 'igniteui-angular/core'; import { IgxDateRangePickerComponent } from 'igniteui-angular/date-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -8,6 +8,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-basic-rangedatepicker', styleUrls: ['./daterangepicker-basic.scss'], templateUrl: './daterangepicker-basic.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDateRangePickerComponent, FormsModule, IgxLabelDirective] }) export class BasicDateRangePickerComponent { diff --git a/src/app/scheduling/daterangepicker/daterangepicker-flight-booking/daterangepicker-flight-booking.ts b/src/app/scheduling/daterangepicker/daterangepicker-flight-booking/daterangepicker-flight-booking.ts index 801881195b..b7ddecda6a 100644 --- a/src/app/scheduling/daterangepicker/daterangepicker-flight-booking/daterangepicker-flight-booking.ts +++ b/src/app/scheduling/daterangepicker/daterangepicker-flight-booking/daterangepicker-flight-booking.ts @@ -1,4 +1,4 @@ -import { Component, Pipe, PipeTransform } from '@angular/core'; +import { Component, Pipe, PipeTransform, ChangeDetectionStrategy } from '@angular/core'; import { DateRange } from 'igniteui-angular/core'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; import { IgxHintDirective, IgxLabelDirective, IgxPrefixDirective } from 'igniteui-angular/input-group'; @@ -12,6 +12,7 @@ import { PipeWithoutTownFrom as PipeWithoutTownFrom_1 } from '../../datepicker/d selector: 'app-flight-booking', styleUrls: ['./daterangepicker-flight-booking.scss'], templateUrl: './daterangepicker-flight-booking.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, IgxSelectComponent, IgxPrefixDirective, IgxIconComponent, IgxSelectItemComponent, IgxDateRangePickerComponent, IgxLabelDirective, IgxHintDirective, PipeWithoutTownFrom_1] }) export class FlightBookingComponent { diff --git a/src/app/scheduling/daterangepicker/daterangepicker-mode/daterangepicker-mode.ts b/src/app/scheduling/daterangepicker/daterangepicker-mode/daterangepicker-mode.ts index 07c556932a..d4f216f903 100644 --- a/src/app/scheduling/daterangepicker/daterangepicker-mode/daterangepicker-mode.ts +++ b/src/app/scheduling/daterangepicker/daterangepicker-mode/daterangepicker-mode.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { DateRange } from 'igniteui-angular/core'; import { IgxDateRangePickerComponent } from 'igniteui-angular/date-picker'; @@ -6,6 +6,7 @@ import { IgxDateRangePickerComponent } from 'igniteui-angular/date-picker'; selector: 'app-mode-rangedatepicker', styleUrls: ['./daterangepicker-mode.scss'], templateUrl: './daterangepicker-mode.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDateRangePickerComponent] }) export class DateRangePickerModeComponent { diff --git a/src/app/scheduling/daterangepicker/daterangepicker-range-buttons/daterangepicker-range-buttons.ts b/src/app/scheduling/daterangepicker/daterangepicker-range-buttons/daterangepicker-range-buttons.ts index 08dd6701c7..e54cf15aee 100644 --- a/src/app/scheduling/daterangepicker/daterangepicker-range-buttons/daterangepicker-range-buttons.ts +++ b/src/app/scheduling/daterangepicker/daterangepicker-range-buttons/daterangepicker-range-buttons.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnInit, ViewChild, inject } from '@angular/core'; +import { Component, ElementRef, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { CustomDateRange, DateRange, IgxPickerActionsDirective, OverlaySettings } from 'igniteui-angular/core'; import { IgxDateRangePickerComponent } from 'igniteui-angular/date-picker'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -9,6 +9,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-rangdatepicker-range-buttons', styleUrls: ['./daterangepicker-range-buttons.scss'], templateUrl: './daterangepicker-range-buttons.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDateRangePickerComponent, FormsModule, IgxPickerActionsDirective, IgxButtonDirective] }) export class DateRangePickerRangeButtonsComponent { diff --git a/src/app/scheduling/daterangepicker/daterangepicker-start-end/daterangepicker-start-end.ts b/src/app/scheduling/daterangepicker/daterangepicker-start-end/daterangepicker-start-end.ts index b2a83c0756..4b4f723cb8 100644 --- a/src/app/scheduling/daterangepicker/daterangepicker-start-end/daterangepicker-start-end.ts +++ b/src/app/scheduling/daterangepicker/daterangepicker-start-end/daterangepicker-start-end.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { DateRange, IgxPickerClearComponent, IgxPickerToggleComponent } from 'igniteui-angular/core'; import { IgxDateRangeEndComponent, IgxDateRangePickerComponent, IgxDateRangeStartComponent } from 'igniteui-angular/date-picker'; import { IgxInputDirective, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; @@ -10,6 +10,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-rangedatepicker-start-end', styleUrls: ['./daterangepicker-start-end.scss'], templateUrl: './daterangepicker-start-end.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDateRangePickerComponent, FormsModule, IgxDateRangeStartComponent, IgxInputDirective, IgxDateTimeEditorDirective, IgxPickerToggleComponent, IgxPrefixDirective, IgxIconComponent, IgxDateRangeEndComponent, IgxSuffixDirective, IgxPickerClearComponent] diff --git a/src/app/scheduling/daterangepicker/daterangepicker-styling/daterangepicker-styling.ts b/src/app/scheduling/daterangepicker/daterangepicker-styling/daterangepicker-styling.ts index a748cb408a..766a923a7f 100644 --- a/src/app/scheduling/daterangepicker/daterangepicker-styling/daterangepicker-styling.ts +++ b/src/app/scheduling/daterangepicker/daterangepicker-styling/daterangepicker-styling.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, inject } from '@angular/core'; +import { Component, ElementRef, inject, ChangeDetectionStrategy } from '@angular/core'; import { DateRange, IgxPickerClearComponent, IgxPickerToggleComponent } from 'igniteui-angular/core'; import { IgxDateRangeEndComponent, IgxDateRangePickerComponent, IgxDateRangeStartComponent } from 'igniteui-angular/date-picker'; import { IgxInputDirective, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; @@ -10,6 +10,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-styled-rangedatepicker', styleUrls: ['./daterangepicker-styling.scss'], templateUrl: './daterangepicker-styling.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDateRangePickerComponent, FormsModule, IgxDateRangeStartComponent, IgxInputDirective, IgxDateTimeEditorDirective, IgxPickerToggleComponent, IgxPrefixDirective, IgxIconComponent, IgxDateRangeEndComponent, IgxSuffixDirective, IgxPickerClearComponent] }) diff --git a/src/app/scheduling/daterangepicker/daterangepicker-validation/daterangepicker-validation.ts b/src/app/scheduling/daterangepicker/daterangepicker-validation/daterangepicker-validation.ts index 0d3da3c11e..dbfe2a834d 100644 --- a/src/app/scheduling/daterangepicker/daterangepicker-validation/daterangepicker-validation.ts +++ b/src/app/scheduling/daterangepicker/daterangepicker-validation/daterangepicker-validation.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { DateRange, IgxPickerClearComponent, IgxPickerToggleComponent } from 'igniteui-angular/core'; import { IgxDateRangeEndComponent, IgxDateRangePickerComponent, IgxDateRangeStartComponent } from 'igniteui-angular/date-picker'; import { IgxInputDirective, IgxLabelDirective, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; @@ -10,6 +10,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-daterangepicker-validation', styleUrls: ['./daterangepicker-validation.scss'], templateUrl: './daterangepicker-validation.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDateRangePickerComponent, FormsModule, IgxLabelDirective, IgxDateRangeStartComponent, IgxPickerToggleComponent, IgxPrefixDirective, IgxIconComponent, IgxInputDirective, IgxDateTimeEditorDirective, IgxDateRangeEndComponent, IgxSuffixDirective, IgxPickerClearComponent] diff --git a/src/app/scheduling/datetimeeditor/datetime-advanced/datetime-advanced.ts b/src/app/scheduling/datetimeeditor/datetime-advanced/datetime-advanced.ts index 9ecd05d2c5..0309532adc 100644 --- a/src/app/scheduling/datetimeeditor/datetime-advanced/datetime-advanced.ts +++ b/src/app/scheduling/datetimeeditor/datetime-advanced/datetime-advanced.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { DatePart } from 'igniteui-angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxDateTimeEditorDirective } from 'igniteui-angular/directives'; @@ -9,6 +9,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-datetime-advanced', styleUrls: ['./datetime-advanced.scss'], templateUrl: './datetime-advanced.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, FormsModule, IgxInputDirective, IgxDateTimeEditorDirective, IgxSuffixDirective, IgxIconComponent] }) diff --git a/src/app/scheduling/datetimeeditor/datetime-basic/datetime-basic.component.ts b/src/app/scheduling/datetimeeditor/datetime-basic/datetime-basic.component.ts index 2ec29c4c11..5994e52bd5 100644 --- a/src/app/scheduling/datetimeeditor/datetime-basic/datetime-basic.component.ts +++ b/src/app/scheduling/datetimeeditor/datetime-basic/datetime-basic.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxDateTimeEditorDirective, IgxTextSelectionDirective } from 'igniteui-angular/directives'; @@ -6,6 +6,7 @@ import { IgxDateTimeEditorDirective, IgxTextSelectionDirective } from 'igniteui- selector: 'app-datetime-basic', styleUrls: ['./datetime-basic.component.scss'], templateUrl: './datetime-basic.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, IgxInputDirective, IgxDateTimeEditorDirective, IgxTextSelectionDirective] }) export class DateTimeBasicComponent { diff --git a/src/app/scheduling/monthpicker/monthpicker-sample-1/monthpicker-sample-1.component.ts b/src/app/scheduling/monthpicker/monthpicker-sample-1/monthpicker-sample-1.component.ts index 636b53a085..7bb5e06595 100644 --- a/src/app/scheduling/monthpicker/monthpicker-sample-1/monthpicker-sample-1.component.ts +++ b/src/app/scheduling/monthpicker/monthpicker-sample-1/monthpicker-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxCardComponent } from 'igniteui-angular/card'; import { IgxMonthPickerComponent } from 'igniteui-angular/calendar'; @@ -6,6 +6,7 @@ import { IgxMonthPickerComponent } from 'igniteui-angular/calendar'; selector: 'app-monthpicker-sample-1', styleUrls: ['./monthpicker-sample-1.component.scss'], templateUrl: './monthpicker-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxMonthPickerComponent] }) export class MonthpickerSample1Component { diff --git a/src/app/scheduling/monthpicker/monthpicker-sample-3/monthpicker-sample-3.component.ts b/src/app/scheduling/monthpicker/monthpicker-sample-3/monthpicker-sample-3.component.ts index 06a8d3d0b1..3b7d3d5714 100644 --- a/src/app/scheduling/monthpicker/monthpicker-sample-3/monthpicker-sample-3.component.ts +++ b/src/app/scheduling/monthpicker/monthpicker-sample-3/monthpicker-sample-3.component.ts @@ -1,5 +1,5 @@ import { registerLocaleData } from '@angular/common'; -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { IFormattingOptions, IgxMonthPickerComponent } from 'igniteui-angular/calendar'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; import { IgxPrefixDirective } from 'igniteui-angular/input-group'; @@ -14,6 +14,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-monthpicker-sample-3', styleUrls: ['./monthpicker-sample-3.component.scss'], templateUrl: './monthpicker-sample-3.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSelectComponent, FormsModule, IgxPrefixDirective, IgxSelectItemComponent, IgxCardComponent, IgxMonthPickerComponent] }) export class MonthpickerSample3Component implements OnInit { diff --git a/src/app/scheduling/monthpicker/monthpicker-styling/monthpicker-styling.component.ts b/src/app/scheduling/monthpicker/monthpicker-styling/monthpicker-styling.component.ts index 25d542b6ea..bba47ad35c 100644 --- a/src/app/scheduling/monthpicker/monthpicker-styling/monthpicker-styling.component.ts +++ b/src/app/scheduling/monthpicker/monthpicker-styling/monthpicker-styling.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxMonthPickerComponent } from 'igniteui-angular/calendar'; @Component({ selector: 'app-monthpicker-styling', styleUrls: ['./monthpicker-styling.component.scss'], templateUrl: './monthpicker-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxMonthPickerComponent] }) export class MonthpickerStylingComponent { diff --git a/src/app/scheduling/monthpicker/monthpicker-tailwind-styling/monthpicker-tailwind-styling.component.ts b/src/app/scheduling/monthpicker/monthpicker-tailwind-styling/monthpicker-tailwind-styling.component.ts index aaad7b1884..5fa56c6ff5 100644 --- a/src/app/scheduling/monthpicker/monthpicker-tailwind-styling/monthpicker-tailwind-styling.component.ts +++ b/src/app/scheduling/monthpicker/monthpicker-tailwind-styling/monthpicker-tailwind-styling.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxMonthPickerComponent } from 'igniteui-angular/calendar'; @Component({ selector: 'app-monthpicker-tailwind-styling', styleUrls: ['./monthpicker-tailwind-styling.component.scss'], templateUrl: './monthpicker-tailwind-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxMonthPickerComponent] }) export class MonthpickerTailwindStylingComponent { diff --git a/src/app/scheduling/timepicker/timepicker-dropdown/timepicker-dropdown.component.ts b/src/app/scheduling/timepicker/timepicker-dropdown/timepicker-dropdown.component.ts index 1f635f1f61..32dcbdcb97 100644 --- a/src/app/scheduling/timepicker/timepicker-dropdown/timepicker-dropdown.component.ts +++ b/src/app/scheduling/timepicker/timepicker-dropdown/timepicker-dropdown.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { PickerInteractionMode } from 'igniteui-angular/core'; import { IgxTimePickerComponent } from 'igniteui-angular/time-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -8,6 +8,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-timepicker-dropdown', styleUrls: ['./timepicker-dropdown.component.scss'], templateUrl: './timepicker-dropdown.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTimePickerComponent, FormsModule, IgxLabelDirective] }) export class TimepickerDropdownComponent { diff --git a/src/app/scheduling/timepicker/timepicker-sample-1/timepicker-sample-1.component.ts b/src/app/scheduling/timepicker/timepicker-sample-1/timepicker-sample-1.component.ts index b6e8616c95..663547e5bb 100644 --- a/src/app/scheduling/timepicker/timepicker-sample-1/timepicker-sample-1.component.ts +++ b/src/app/scheduling/timepicker/timepicker-sample-1/timepicker-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxTimePickerComponent } from 'igniteui-angular/time-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -6,6 +6,7 @@ import { IgxLabelDirective } from 'igniteui-angular/input-group'; selector: 'app-timepicker', styleUrls: ['./timepicker-sample-1.component.scss'], templateUrl: './timepicker-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTimePickerComponent, IgxLabelDirective] }) export class TimePickerSample1Component { } diff --git a/src/app/scheduling/timepicker/timepicker-sample-4/timepicker-sample-4.component.ts b/src/app/scheduling/timepicker/timepicker-sample-4/timepicker-sample-4.component.ts index d9de592040..5108619b46 100644 --- a/src/app/scheduling/timepicker/timepicker-sample-4/timepicker-sample-4.component.ts +++ b/src/app/scheduling/timepicker/timepicker-sample-4/timepicker-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxTimePickerComponent } from 'igniteui-angular/time-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxToastComponent } from 'igniteui-angular/toast'; @@ -8,6 +8,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-timepicker', styleUrls: ['./timepicker-sample-4.component.scss'], templateUrl: './timepicker-sample-4.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTimePickerComponent, FormsModule, IgxLabelDirective, IgxToastComponent] }) export class TimePickerSample4Component { diff --git a/src/app/scheduling/timepicker/timepicker-sample-5/timepicker-sample-5.component.ts b/src/app/scheduling/timepicker/timepicker-sample-5/timepicker-sample-5.component.ts index 95ae0fa555..d30d6d08fd 100644 --- a/src/app/scheduling/timepicker/timepicker-sample-5/timepicker-sample-5.component.ts +++ b/src/app/scheduling/timepicker/timepicker-sample-5/timepicker-sample-5.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxTimePickerComponent } from 'igniteui-angular/time-picker'; import { IgxHintDirective, IgxLabelDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxPickerToggleComponent } from 'igniteui-angular/core'; @@ -9,6 +9,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-timepicker-sample-5', styleUrls: ['./timepicker-sample-5.component.scss'], templateUrl: './timepicker-sample-5.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTimePickerComponent, FormsModule, IgxLabelDirective, IgxPickerToggleComponent, IgxSuffixDirective, IgxIconComponent, IgxHintDirective] }) diff --git a/src/app/scheduling/timepicker/timepicker-sample-6/timepicker-sample-6.component.ts b/src/app/scheduling/timepicker/timepicker-sample-6/timepicker-sample-6.component.ts index ef8e6d3812..e9c7033840 100644 --- a/src/app/scheduling/timepicker/timepicker-sample-6/timepicker-sample-6.component.ts +++ b/src/app/scheduling/timepicker/timepicker-sample-6/timepicker-sample-6.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxTimePickerComponent } from 'igniteui-angular/time-picker'; import { IgxPickerActionsDirective, IgxPickerToggleComponent } from 'igniteui-angular/core'; import { IgxHintDirective, IgxPrefixDirective } from 'igniteui-angular/input-group'; @@ -10,6 +10,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-timepicker-sample-6', styleUrls: ['./timepicker-sample-6.component.scss'], templateUrl: './timepicker-sample-6.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTimePickerComponent, FormsModule, IgxPickerToggleComponent, IgxPrefixDirective, IgxIconComponent, IgxHintDirective, IgxButtonDirective, IgxPickerActionsDirective] }) export class TimePickerSample6Component { diff --git a/src/app/scheduling/timepicker/timepicker-styling/timepicker-styling.component.ts b/src/app/scheduling/timepicker/timepicker-styling/timepicker-styling.component.ts index 6e7fedb60c..55025dd7c9 100644 --- a/src/app/scheduling/timepicker/timepicker-styling/timepicker-styling.component.ts +++ b/src/app/scheduling/timepicker/timepicker-styling/timepicker-styling.component.ts @@ -1,16 +1,16 @@ -import { Component, ElementRef, inject } from '@angular/core'; -import { IgxTimePickerComponent } from 'igniteui-angular/time-picker'; -import { IgxLabelDirective } from 'igniteui-angular/input-group'; +import { Component, ElementRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { IgxTimePickerComponent } from 'igniteui-angular/time-picker'; +import { IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-timepicker', styleUrls: ['./timepicker-styling.component.scss'], templateUrl: './timepicker-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTimePickerComponent, IgxLabelDirective, IgxButtonDirective] }) -export class TimePickerStylingComponent { - element = inject(ElementRef); - +export class TimePickerStylingComponent { element = inject(ElementRef); + } diff --git a/src/app/services/export-csv/csv-export-sample-1/csv-export-sample-1.component.ts b/src/app/services/export-csv/csv-export-sample-1/csv-export-sample-1.component.ts index ec8c586bfa..e517a3c37a 100644 --- a/src/app/services/export-csv/csv-export-sample-1/csv-export-sample-1.component.ts +++ b/src/app/services/export-csv/csv-export-sample-1/csv-export-sample-1.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, ViewChild, inject } from '@angular/core'; +import { Component, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxCsvExporterService } from 'igniteui-angular/grids/core'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../../directives/prevent-s selector: 'app-csv-export-sample-1', styleUrls: ['./csv-export-sample-1.component.scss'], templateUrl: './csv-export-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarExporterComponent] }) export class CsvExportSample1Component { diff --git a/src/app/services/export-csv/csv-export-tree-grid-sample/csv-export-tree-grid-sample.component.ts b/src/app/services/export-csv/csv-export-tree-grid-sample/csv-export-tree-grid-sample.component.ts index 7d4113ed97..0843623b62 100644 --- a/src/app/services/export-csv/csv-export-tree-grid-sample/csv-export-tree-grid-sample.component.ts +++ b/src/app/services/export-csv/csv-export-tree-grid-sample/csv-export-tree-grid-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent } from 'igniteui-angular/grids/core'; import { ORDERS_DATA } from '../../../tree-grid/data/orders'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../../directives/prevent-s selector: 'app-csv-export-tree-grid-sample', styleUrls: ['./csv-export-tree-grid-sample.component.scss'], templateUrl: './csv-export-tree-grid-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective] }) export class TreeGridCsvExportSample1Component implements OnInit { diff --git a/src/app/services/export-csv/csv-export.component.ts b/src/app/services/export-csv/csv-export.component.ts index 563ae4e5f6..e79e2d5f6d 100644 --- a/src/app/services/export-csv/csv-export.component.ts +++ b/src/app/services/export-csv/csv-export.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, inject } from '@angular/core'; +import { Component, inject, ChangeDetectionStrategy } from '@angular/core'; import { CsvFileTypes, IgxCsvExporterOptions, IgxCsvExporterService } from 'igniteui-angular/grids/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -8,6 +8,7 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-csv-export', styleUrls: ['./csv-export.component.scss'], templateUrl: './csv-export.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class CsvExportComponent { diff --git a/src/app/services/export-excel/excel-export-sample-1/excel-export-sample-1.component.ts b/src/app/services/export-excel/excel-export-sample-1/excel-export-sample-1.component.ts index 38c1b842e4..78b34b3edf 100644 --- a/src/app/services/export-excel/excel-export-sample-1/excel-export-sample-1.component.ts +++ b/src/app/services/export-excel/excel-export-sample-1/excel-export-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, inject } from '@angular/core'; +import { Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { GridColumnDataType, ISortingExpression, SortingDirection } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxExcelExporterService } from 'igniteui-angular/grids/core'; @@ -9,6 +9,7 @@ import { INVOICE_DATA } from '../data/invoiceData'; selector: 'app-excel-export-sample-1', styleUrls: ['./excel-export-sample-1.component.scss'], templateUrl: './excel-export-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarExporterComponent, IgxColumnComponent] }) export class ExcelExportSample1Component implements OnInit { diff --git a/src/app/services/export-excel/excel-export-tree-grid-sample/excel-export-tree-grid-sample.component.ts b/src/app/services/export-excel/excel-export-tree-grid-sample/excel-export-tree-grid-sample.component.ts index 1801ddc52a..71eeab5245 100644 --- a/src/app/services/export-excel/excel-export-tree-grid-sample/excel-export-tree-grid-sample.component.ts +++ b/src/app/services/export-excel/excel-export-tree-grid-sample/excel-export-tree-grid-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent } from 'igniteui-angular/grids/core'; import { ORDERS_DATA } from '../../../tree-grid/data/orders'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../../directives/prevent-s selector: 'app-excel-export-tree-grid-sample', styleUrls: ['./excel-export-tree-grid-sample.component.scss'], templateUrl: './excel-export-tree-grid-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective] }) export class TreeGridExcelExportSample1Component implements OnInit { diff --git a/src/app/services/export-excel/excel-export.component.ts b/src/app/services/export-excel/excel-export.component.ts index 8e794f05c3..ba11a0043d 100644 --- a/src/app/services/export-excel/excel-export.component.ts +++ b/src/app/services/export-excel/excel-export.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, inject } from '@angular/core'; +import { Component, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxExcelExporterOptions, IgxExcelExporterService } from 'igniteui-angular/grids/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -8,6 +8,7 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-excel-export', styleUrls: ['./excel-export.component.scss'], templateUrl: './excel-export.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class ExcelExportComponent { diff --git a/src/app/services/export-pdf-custom-font/export-pdf-custom-font.component.ts b/src/app/services/export-pdf-custom-font/export-pdf-custom-font.component.ts index 72b7656675..79a5b0de49 100644 --- a/src/app/services/export-pdf-custom-font/export-pdf-custom-font.component.ts +++ b/src/app/services/export-pdf-custom-font/export-pdf-custom-font.component.ts @@ -17,6 +17,7 @@ import notoSansFontData from './fonts/noto-sans.json'; selector: 'app-export-pdf-custom-font', templateUrl: './export-pdf-custom-font.component.html', styleUrls: ['./export-pdf-custom-font.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush, imports: [IgxGridComponent, IgxColumnComponent] }) export class ExportPdfCustomFontComponent { diff --git a/src/app/services/export-pdf/pdf-export.component.ts b/src/app/services/export-pdf/pdf-export.component.ts index facaa6d22b..9bad4eb401 100644 --- a/src/app/services/export-pdf/pdf-export.component.ts +++ b/src/app/services/export-pdf/pdf-export.component.ts @@ -1,4 +1,4 @@ -import { Component, inject, signal } from '@angular/core'; +import { Component, inject, signal, ChangeDetectionStrategy } from '@angular/core'; import { IgxPdfExporterOptions, IgxPdfExporterService } from 'igniteui-angular/grids/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -6,6 +6,7 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-pdf-export', styleUrls: ['./pdf-export.component.scss'], templateUrl: './pdf-export.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class PdfExportComponent { diff --git a/src/app/services/localization-samples-old/localization-all-resources/localization-all-resources.component.ts b/src/app/services/localization-samples-old/localization-all-resources/localization-all-resources.component.ts index ff938ae36f..2e312b4e82 100644 --- a/src/app/services/localization-samples-old/localization-all-resources/localization-all-resources.component.ts +++ b/src/app/services/localization-samples-old/localization-all-resources/localization-all-resources.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { registerLocaleData } from '@angular/common'; import localeBG from '@angular/common/locales/bg'; import localeCS from '@angular/common/locales/cs'; @@ -37,6 +37,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-localization-all-resources-old', styleUrls: ['./localization-all-resources.component.scss'], templateUrl: 'localization-all-resources.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxSelectComponent, FormsModule, IgxSelectItemComponent, IgxColumnComponent] }) export class LocalizationAllResourcesOldComponent implements OnInit { diff --git a/src/app/services/localization-samples-old/localization-sample-1/localization-sample-1.component.ts b/src/app/services/localization-samples-old/localization-sample-1/localization-sample-1.component.ts index 733c80728b..0cccf33203 100644 --- a/src/app/services/localization-samples-old/localization-sample-1/localization-sample-1.component.ts +++ b/src/app/services/localization-samples-old/localization-sample-1/localization-sample-1.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { DATA } from '../../../data/nwindData'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../../directives/prevent-s selector: 'app-localization-sample-1', styleUrls: ['./localization-sample-1.component.scss'], templateUrl: 'localization-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) diff --git a/src/app/services/localization-samples-old/localization-sample-2/localization-sample-2.component.ts b/src/app/services/localization-samples-old/localization-sample-2/localization-sample-2.component.ts index 3583b37ffa..14031e9c2d 100644 --- a/src/app/services/localization-samples-old/localization-sample-2/localization-sample-2.component.ts +++ b/src/app/services/localization-samples-old/localization-sample-2/localization-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { GridResourceStringsEN, TimePickerResourceStringsEN, changei18n } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -12,6 +12,7 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-localization-sample-2', styleUrls: ['./localization-sample-2.component.scss'], templateUrl: 'localization-sample-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxTimePickerComponent, IgxLabelDirective, CurrencyPipe] }) diff --git a/src/app/services/localization-samples-old/localization-sample-3/localization-sample-3.component.ts b/src/app/services/localization-samples-old/localization-sample-3/localization-sample-3.component.ts index 0d36aed14a..1280c706f5 100644 --- a/src/app/services/localization-samples-old/localization-sample-3/localization-sample-3.component.ts +++ b/src/app/services/localization-samples-old/localization-sample-3/localization-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { DATA } from '../../../data/nwindData'; @@ -8,6 +8,7 @@ import { IgxPreventDocumentScrollDirective } from '../../../directives/prevent-s selector: 'app-localization-sample-3', styleUrls: ['./localization-sample-3.component.scss'], templateUrl: 'localization-sample-3.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) diff --git a/src/app/services/localization-samples/localization-all-resources/localization-all-resources.component.ts b/src/app/services/localization-samples/localization-all-resources/localization-all-resources.component.ts index dc481d6fa7..58fa060a89 100644 --- a/src/app/services/localization-samples/localization-all-resources/localization-all-resources.component.ts +++ b/src/app/services/localization-samples/localization-all-resources/localization-all-resources.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { DATA } from '../../../data/nwindData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { GridResourceStringsEN, IGridResourceStrings, registerI18n, setCurrentI18n } from 'igniteui-angular/core'; @@ -18,6 +18,7 @@ import { selector: 'app-localization-all-resources', styleUrls: ['./localization-all-resources.component.scss'], templateUrl: 'localization-all-resources.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxSelectComponent, FormsModule, IgxSelectItemComponent, IgxColumnComponent] }) export class LocalizationAllResourcesComponent implements OnInit { diff --git a/src/app/services/transaction/transaction-base/transaction-base.component.ts b/src/app/services/transaction/transaction-base/transaction-base.component.ts index bd525280ce..ee252f40ba 100644 --- a/src/app/services/transaction/transaction-base/transaction-base.component.ts +++ b/src/app/services/transaction/transaction-base/transaction-base.component.ts @@ -1,4 +1,4 @@ -import { Component, inject } from '@angular/core'; +import { Component, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxTransactionService, State, Transaction, TransactionType } from 'igniteui-angular/core'; import { IgxCardComponent } from 'igniteui-angular/card'; import { IgxListActionDirective, IgxListComponent, IgxListItemComponent, IgxListLineSubTitleDirective, IgxListLineTitleDirective } from 'igniteui-angular/list'; @@ -13,6 +13,7 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-transaction-base', styleUrls: ['./transaction-base.component.scss'], templateUrl: 'transaction-base.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxCardComponent, IgxListComponent, IgxListItemComponent, NgClass, IgxListLineTitleDirective, IgxListLineSubTitleDirective, IgxIconComponent, IgxListActionDirective, TransactionBasePipe] }) export class TransactionBaseComponent { diff --git a/src/app/theming/angular/angular-sample.component.ts b/src/app/theming/angular/angular-sample.component.ts index 2eef1d86c8..d3c7e4d222 100644 --- a/src/app/theming/angular/angular-sample.component.ts +++ b/src/app/theming/angular/angular-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ViewChild, inject } from '@angular/core'; +import { Component, HostBinding, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxDialogActionsDirective, IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxOverlayOutletDirective } from 'igniteui-angular/core'; import { IgxButtonDirective, IgxDividerDirective, IgxIconButtonDirective, IgxLayoutDirective } from 'igniteui-angular/directives'; @@ -21,6 +21,7 @@ import { MatInput } from '@angular/material/input'; selector: 'app-angular-sample', styleUrls: ['./angular-sample.component.scss'], templateUrl: './angular-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [MatToolbar, IgxButtonDirective, MatMenuTrigger, IgxIconComponent, MatMenu, MatMenuItem, IgxLayoutDirective, IgxAvatarComponent, IgxIconButtonDirective, IgxCardComponent, IgxCardMediaDirective, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardActionsComponent, MatButton, IgxDialogComponent, IgxDialogActionsDirective, IgxSuffixDirective, IgxOverlayOutletDirective, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelBodyComponent, MatSlider, MatSliderThumb, IgxDividerDirective, MatStepper, MatStep, FormsModule, ReactiveFormsModule, MatStepLabel, MatFormField, MatLabel, MatInput, MatStepperNext, MatStepperPrevious] }) @@ -60,7 +61,7 @@ export class AngularMaterialComponent implements OnInit { private toggleOverlayClasses(theme: 'light' | 'dark') { const overlayClasses = this.overlayContainer.getContainerElement().classList; overlayClasses.add('mat-menu'); - + switch (theme) { case 'light': overlayClasses.remove('dark-menu-theme'); diff --git a/src/app/theming/animations/animations-sample-1/animations-sample-1.component.ts b/src/app/theming/animations/animations-sample-1/animations-sample-1.component.ts index 28d8c36771..383c595b10 100644 --- a/src/app/theming/animations/animations-sample-1/animations-sample-1.component.ts +++ b/src/app/theming/animations/animations-sample-1/animations-sample-1.component.ts @@ -1,5 +1,5 @@ import { AnimationReferenceMetadata } from '@angular/animations'; -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { AbsolutePosition, IgxOverlayService } from 'igniteui-angular/core'; import { IListItemClickEventArgs, IgxListComponent, IgxListItemComponent, IgxListModule } from 'igniteui-angular/list'; import { IgxDialogComponent, IgxDialogModule } from 'igniteui-angular/dialog'; @@ -30,6 +30,7 @@ import { blink, fadeIn, fadeOut, flipBottom, flipHorBck, flipHorFwd, flipLeft, f selector: 'app-animations-sample-1', styleUrls: ['./animations-sample-1.component.scss'], templateUrl: './animations-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxListItemComponent, IgxDialogComponent] }) export class AnimationsSampleComponent { diff --git a/src/app/theming/animations/animations-sample-2/animations-sample-2.component.ts b/src/app/theming/animations/animations-sample-2/animations-sample-2.component.ts index 2cef8863d3..71a7d86ce8 100644 --- a/src/app/theming/animations/animations-sample-2/animations-sample-2.component.ts +++ b/src/app/theming/animations/animations-sample-2/animations-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardMediaDirective } from 'igniteui-angular/card'; import { IgxDividerDirective, IgxFlexDirective, IgxIconButtonDirective, IgxLayoutDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxSuffixDirective } from 'igniteui-angular/input-group'; @@ -7,6 +7,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-animations-sample-2', styleUrls: ['./animations-sample-2.component.scss'], templateUrl: './animations-sample-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxLayoutDirective, IgxFlexDirective, IgxCardHeaderComponent, IgxCardMediaDirective, IgxCardContentDirective, IgxDividerDirective, IgxCardActionsComponent, IgxIconButtonDirective, IgxRippleDirective, IgxSuffixDirective, IgxIconComponent] }) export class AnimationsSample2Component { diff --git a/src/app/theming/bootstrap/bootstrap-sample.component.scss b/src/app/theming/bootstrap/bootstrap-sample.component.scss index 93508a365a..a361dba19a 100644 --- a/src/app/theming/bootstrap/bootstrap-sample.component.scss +++ b/src/app/theming/bootstrap/bootstrap-sample.component.scss @@ -17,8 +17,9 @@ $custom-dark-palette: palette( $dark-primary: color($custom-dark-palette, "primary"); $dark-secondary: color($custom-dark-palette, "secondary"); -.d-flex { - align-items: center; +.d-flex.align-items-center { + width: 100%; + padding: 0 16px; } .card-wrapper { @@ -163,8 +164,4 @@ $dark-secondary: color($custom-dark-palette, "secondary"); ::ng-deep{ /* Importing Bootstrap .scss file. */ @import "bootstrap/scss/bootstrap"; - - .collapse { - visibility: visible; - } } diff --git a/src/app/theming/bootstrap/bootstrap-sample.component.ts b/src/app/theming/bootstrap/bootstrap-sample.component.ts index 5a7c73bfea..884729e1cc 100644 --- a/src/app/theming/bootstrap/bootstrap-sample.component.ts +++ b/src/app/theming/bootstrap/bootstrap-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ViewChild } from '@angular/core'; +import { Component, HostBinding, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxDialogActionsDirective, IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxOverlayOutletDirective } from 'igniteui-angular/core'; import { IgxButtonDirective, IgxFlexDirective, IgxIconButtonDirective, IgxLayoutDirective } from 'igniteui-angular/directives'; @@ -13,6 +13,7 @@ import { NgbDropdown, NgbDropdownToggle, NgbDropdownMenu, NgbDropdownItem, NgbRa selector: 'app-bootstrap-sample', styleUrls: ['./bootstrap-sample.component.scss'], templateUrl: './bootstrap-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, NgbDropdown, NgbDropdownToggle, NgbDropdownMenu, NgbDropdownItem, IgxAvatarComponent, IgxIconButtonDirective, IgxIconComponent, IgxLayoutDirective, IgxCardComponent, IgxFlexDirective, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardContentDirective, NgbRating, IgxCardActionsComponent, IgxDialogComponent, IgxDialogActionsDirective, IgxSuffixDirective, IgxOverlayOutletDirective, NgbAccordionDirective, NgbAccordionItem, NgbAccordionHeader, NgbAccordionToggle, NgbAccordionButton, NgbCollapse, NgbAccordionCollapse, NgbAccordionBody, IgxListComponent, IgxListItemComponent, IgxListLineTitleDirective, IgxListActionDirective] }) diff --git a/src/app/theming/default-theme-sample/default-theme-sample.component.ts b/src/app/theming/default-theme-sample/default-theme-sample.component.ts index e22ec3c47b..ad1ae3d082 100644 --- a/src/app/theming/default-theme-sample/default-theme-sample.component.ts +++ b/src/app/theming/default-theme-sample/default-theme-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit, ViewChild } from '@angular/core'; +import { Component, Input, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { CloseScrollStrategy, ConnectedPositioningStrategy, HorizontalAlignment, IgxOverlayOutletDirective, OverlaySettings, VerticalAlignment } from 'igniteui-angular/core'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxDropDownComponent } from 'igniteui-angular/drop-down'; @@ -19,6 +19,7 @@ import { DatePipe } from '@angular/common'; selector: 'app-default-theme-sample', styleUrls: ['./default-theme-sample.component.scss'], templateUrl: './default-theme-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDialogComponent, IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxDatePickerComponent, IgxOverlayOutletDirective, IgxLayoutDirective, IgxButtonDirective, IgxGridComponent, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxIconButtonDirective, IgxIconComponent, IgxSnackbarComponent, DatePipe] }) export class DefaultThemeSampleComponent implements OnInit { diff --git a/src/app/theming/display-density/display-density.component.ts b/src/app/theming/display-density/display-density.component.ts index 2b1b534889..295a2ffcda 100644 --- a/src/app/theming/display-density/display-density.component.ts +++ b/src/app/theming/display-density/display-density.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit } from '@angular/core'; +import { Component, HostBinding, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxHintDirective, IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -8,6 +8,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-display-density', styleUrls: ['./display-density.component.scss'], templateUrl: './display-density.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxInputGroupComponent, FormsModule, IgxInputDirective, IgxLabelDirective, IgxPrefixDirective, IgxSuffixDirective, IgxIconComponent, IgxHintDirective] }) diff --git a/src/app/theming/roundness/roundness-sample.component.ts b/src/app/theming/roundness/roundness-sample.component.ts index 0d0d276c06..7aa25e7f1d 100644 --- a/src/app/theming/roundness/roundness-sample.component.ts +++ b/src/app/theming/roundness/roundness-sample.component.ts @@ -1,4 +1,4 @@ -import { Component } from "@angular/core"; +import { Component, ChangeDetectionStrategy } from "@angular/core"; import { IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent } from 'igniteui-angular/card'; import { IgxChipComponent } from 'igniteui-angular/chips'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -8,6 +8,7 @@ import { IgxPrefixDirective } from 'igniteui-angular/input-group'; selector: "app-chip-simple", styleUrls: ["./roundness-sample.component.scss"], templateUrl: "./roundness-sample.component.html", + changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxCardComponent, IgxCardHeaderComponent, diff --git a/src/app/theming/shadows/card-sample-shadow/card-sample-shadow.ts b/src/app/theming/shadows/card-sample-shadow/card-sample-shadow.ts index 019ce24cd4..26a2b30166 100644 --- a/src/app/theming/shadows/card-sample-shadow/card-sample-shadow.ts +++ b/src/app/theming/shadows/card-sample-shadow/card-sample-shadow.ts @@ -1,4 +1,4 @@ -import {Component} from '@angular/core'; +import {Component, ChangeDetectionStrategy} from '@angular/core'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent } from 'igniteui-angular/card'; import { IgxButtonDirective, IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,6 +7,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-card-sample-shadow', styleUrls: ['./card-sample-shadow.scss'], templateUrl: './card-sample-shadow.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxCardHeaderComponent, IgxCardContentDirective, IgxCardActionsComponent, IgxIconButtonDirective, IgxRippleDirective, IgxIconComponent, IgxButtonDirective] }) export class CardSampleShadowComponent { } diff --git a/src/app/theming/shadows/shadows-sample-1/shadows-sample.component.ts b/src/app/theming/shadows/shadows-sample-1/shadows-sample.component.ts index bf11922522..3d51a8007a 100644 --- a/src/app/theming/shadows/shadows-sample-1/shadows-sample.component.ts +++ b/src/app/theming/shadows/shadows-sample-1/shadows-sample.component.ts @@ -1,8 +1,9 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; @Component({ selector: 'app-shadows-sample', styleUrls: ['./shadows-sample.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, templateUrl: './shadows-sample.component.html' }) export class ShadowsSampleComponent { diff --git a/src/app/theming/shadows/shadows-sample-2/shadows-sample-2.component.ts b/src/app/theming/shadows/shadows-sample-2/shadows-sample-2.component.ts index 8b672dd175..5626ecab5b 100644 --- a/src/app/theming/shadows/shadows-sample-2/shadows-sample-2.component.ts +++ b/src/app/theming/shadows/shadows-sample-2/shadows-sample-2.component.ts @@ -1,8 +1,9 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; @Component({ selector: 'app-shadows-sample-2', styleUrls: ['./shadows-sample-2.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, templateUrl: './shadows-sample-2.component.html' }) export class ShadowsSample2Component { diff --git a/src/app/theming/styles/dark-theme.scss b/src/app/theming/styles/dark-theme.scss index 0464750d53..db22c73dd2 100644 --- a/src/app/theming/styles/dark-theme.scss +++ b/src/app/theming/styles/dark-theme.scss @@ -57,8 +57,8 @@ $header-border-color: color($dark-theme-palette, "primary", 600) // Define dark theme for the paginator $dark-paginator-theme: paginator-theme( - $foreground: color($dark-theme-palette, "secondary", 700), - $background: color($dark-theme-palette, "primary", 500), + $text-color: color($dark-theme-palette, "secondary", 700), + $background-color: color($dark-theme-palette, "primary", 500), $border-color: color($dark-theme-palette, "secondary", 500) ); diff --git a/src/app/theming/styles/themes.scss b/src/app/theming/styles/themes.scss index 9ab35163ab..7c2f28d156 100644 --- a/src/app/theming/styles/themes.scss +++ b/src/app/theming/styles/themes.scss @@ -203,14 +203,14 @@ $black-grid-theme: grid-theme( // Define light theme for the paginator $light-paginator-theme: paginator-theme( - $background:color($light-theme-palette, "primary", 100), + $background-color:color($light-theme-palette, "primary", 100), $border-color: color($light-theme-palette, "secondary", 500) ); // Define dark theme for the paginator $dark-paginator-theme: paginator-theme( - $foreground: color($dark-theme-palette, "secondary", 700), - $background:color($dark-theme-palette, "primary", 500), + $text-color: color($dark-theme-palette, "secondary", 700), + $background-color:color($dark-theme-palette, "primary", 500), $border-color: color($dark-theme-palette, "secondary", 500) ); diff --git a/src/app/theming/tailwind/tailwind-sample.component.ts b/src/app/theming/tailwind/tailwind-sample.component.ts index 0596d9ba61..73fad6dda5 100644 --- a/src/app/theming/tailwind/tailwind-sample.component.ts +++ b/src/app/theming/tailwind/tailwind-sample.component.ts @@ -1,9 +1,10 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; @Component({ standalone: true, selector: 'app-tailwind-sample', styleUrls: ['./tailwind-sample.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, templateUrl: './tailwind-sample.component.html' }) diff --git a/src/app/tree-grid/column-group-selection/column-group-selection.component.ts b/src/app/tree-grid/column-group-selection/column-group-selection.component.ts index 15b3e056ec..0169341040 100644 --- a/src/app/tree-grid/column-group-selection/column-group-selection.component.ts +++ b/src/app/tree-grid/column-group-selection/column-group-selection.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detailed'; @@ -8,6 +8,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-column-group-selection', templateUrl: './column-group-selection.component.html', styleUrls: ['./column-group-selection.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnGroupComponent] }) export class TreeGridColumnGroupSelectionComponent implements OnInit { diff --git a/src/app/tree-grid/column-selection-styles/tree-grid-column-selection-style.component.ts b/src/app/tree-grid/column-selection-styles/tree-grid-column-selection-style.component.ts index 22e6b14d4a..9a9ce9114f 100644 --- a/src/app/tree-grid/column-selection-styles/tree-grid-column-selection-style.component.ts +++ b/src/app/tree-grid/column-selection-styles/tree-grid-column-selection-style.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { ORDERS_DATA } from '../data/orders'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-column-selection-style', templateUrl: './tree-grid-column-selection-style.component.html', styleUrls: ['./tree-grid-column-selection-style.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridColumnSelectionStylesComponent implements OnInit, AfterViewInit { diff --git a/src/app/tree-grid/column-selection/tree-grid-column-selection.component.ts b/src/app/tree-grid/column-selection/tree-grid-column-selection.component.ts index 98411d02c7..19b04e4d6c 100644 --- a/src/app/tree-grid/column-selection/tree-grid-column-selection.component.ts +++ b/src/app/tree-grid/column-selection/tree-grid-column-selection.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; @@ -12,6 +12,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-tree-grid-column-selection', templateUrl: './tree-grid-column-selection.component.html', styleUrls: ['./tree-grid-column-selection.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxSelectComponent, FormsModule, IgxLabelDirective, IgxSelectItemComponent, IgxColumnComponent] }) export class TreeGridColumnSelectionComponent implements OnInit, AfterViewInit { diff --git a/src/app/tree-grid/tgrid-editing-lifecycle-sample/tgrid-editing-lifecycle.component.ts b/src/app/tree-grid/tgrid-editing-lifecycle-sample/tgrid-editing-lifecycle.component.ts index eebf08d051..2ceff0466a 100644 --- a/src/app/tree-grid/tgrid-editing-lifecycle-sample/tgrid-editing-lifecycle.component.ts +++ b/src/app/tree-grid/tgrid-editing-lifecycle-sample/tgrid-editing-lifecycle.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, Renderer2, ViewChild, inject } from '@angular/core'; +import { Component, ElementRef, Renderer2, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { generateEmployeeFlatData } from '../data/employees-flat'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -11,6 +11,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tgrid-editing-lifecycle', templateUrl: 'tgrid-editing-lifecycle.component.html', styleUrls: ['tgrid-editing-lifecycle.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxButtonDirective, IgxIconComponent] }) export class TGridEditingLifecycleComponent { diff --git a/src/app/tree-grid/tgrid-keyboard-guide/tgrid-keyboardnav-guide.component.ts b/src/app/tree-grid/tgrid-keyboard-guide/tgrid-keyboardnav-guide.component.ts index 62d84f1701..4aabf11b4f 100644 --- a/src/app/tree-grid/tgrid-keyboard-guide/tgrid-keyboardnav-guide.component.ts +++ b/src/app/tree-grid/tgrid-keyboard-guide/tgrid-keyboardnav-guide.component.ts @@ -1,7 +1,7 @@ /* eslint-disable @angular-eslint/component-class-suffix */ /* eslint-disable @typescript-eslint/naming-convention */ import { animate, state, style, transition, trigger } from '@angular/animations'; -import { ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild, inject } from '@angular/core'; +import { ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { CellType, IActiveNodeChangeEventArgs, IgxCellTemplateDirective, IgxColumnComponent, IgxColumnGroupComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { IgxEmptyListTemplateDirective, IgxListComponent, IgxListItemComponent, IgxListLineSubTitleDirective, IgxListLineTitleDirective } from 'igniteui-angular/list'; @@ -176,6 +176,7 @@ const summaryCombinations: Item[] = [ ]) ]) ], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPaginatorComponent, IgxGridToolbarComponent, IgxColumnComponent, IgxColumnGroupComponent, IgxCellTemplateDirective, IgxListComponent, IgxListItemComponent, NgClass, IgxListLineTitleDirective, IgxListLineSubTitleDirective, IgxCheckboxComponent, IgxEmptyListTemplateDirective] }) export class TGridKeyboardnavGuide implements OnInit, OnDestroy { diff --git a/src/app/tree-grid/tree-grid-action-strip/tree-grid-action-strip-sample.ts b/src/app/tree-grid/tree-grid-action-strip/tree-grid-action-strip-sample.ts index de79964706..ca8eea8c75 100644 --- a/src/app/tree-grid/tree-grid-action-strip/tree-grid-action-strip-sample.ts +++ b/src/app/tree-grid/tree-grid-action-strip/tree-grid-action-strip-sample.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent, IgxGridPinningActionsComponent, RowType } from 'igniteui-angular/grids/core'; import { Transaction } from 'igniteui-angular/core'; @@ -13,6 +13,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-row-action-strip', styleUrls: [`tree-grid-action-strip-sample.scss`], templateUrl: 'tree-grid-action-strip-sample.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxActionStripComponent, IgxGridPinningActionsComponent, IgxIconButtonDirective, IgxRippleDirective, IgxIconComponent] }) export class TreeGridActionStripSampleComponent { diff --git a/src/app/tree-grid/tree-grid-add-row-sample/tree-grid-add-row-sample.component.ts b/src/app/tree-grid/tree-grid-add-row-sample/tree-grid-add-row-sample.component.ts index 2d701a2489..e2cbab4d85 100644 --- a/src/app/tree-grid/tree-grid-add-row-sample/tree-grid-add-row-sample.component.ts +++ b/src/app/tree-grid/tree-grid-add-row-sample/tree-grid-add-row-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxActionStripComponent } from 'igniteui-angular/action-strip'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridEditingActionsComponent } from 'igniteui-angular/grids/core'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-add-row-sample', styleUrls: ['./tree-grid-add-row-sample.component.scss'], templateUrl: './tree-grid-add-row-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxIconComponent, IgxActionStripComponent, IgxGridEditingActionsComponent] }) export class TreeGridAddRowSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-advanced-filtering-sample/tree-grid-advanced-filtering-sample.component.ts b/src/app/tree-grid/tree-grid-advanced-filtering-sample/tree-grid-advanced-filtering-sample.component.ts index 3928d7ed36..2c93336a8b 100644 --- a/src/app/tree-grid/tree-grid-advanced-filtering-sample/tree-grid-advanced-filtering-sample.component.ts +++ b/src/app/tree-grid/tree-grid-advanced-filtering-sample/tree-grid-advanced-filtering-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { generateEmployeeFlatData } from '../data/employees-flat'; @@ -8,6 +8,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-advanced-filtering-sample', styleUrls: ['./tree-grid-advanced-filtering-sample.component.scss'], templateUrl: './tree-grid-advanced-filtering-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxColumnComponent] }) export class TreeGridAdvancedFilteringSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-advanced-filtering-style/tree-grid-advanced-filtering-style.component.ts b/src/app/tree-grid/tree-grid-advanced-filtering-style/tree-grid-advanced-filtering-style.component.ts index afc8883e60..3999f76b92 100644 --- a/src/app/tree-grid/tree-grid-advanced-filtering-style/tree-grid-advanced-filtering-style.component.ts +++ b/src/app/tree-grid/tree-grid-advanced-filtering-style/tree-grid-advanced-filtering-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { generateEmployeeFlatData } from '../data/employees-flat'; @@ -8,6 +8,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-advanced-filtering-style', styleUrls: ['./tree-grid-advanced-filtering-style.component.scss'], templateUrl: './tree-grid-advanced-filtering-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxColumnComponent] }) export class TreeGridAdvancedFilteringStyleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-batch-editing/tree-grid-batch-editing-sample.component.ts b/src/app/tree-grid/tree-grid-batch-editing/tree-grid-batch-editing-sample.component.ts index a49d90808b..ae922d435c 100644 --- a/src/app/tree-grid/tree-grid-batch-editing/tree-grid-batch-editing-sample.component.ts +++ b/src/app/tree-grid/tree-grid-batch-editing/tree-grid-batch-editing-sample.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -14,6 +14,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-batch-editing-sample', styleUrls: ['tree-grid-batch-editing-sample.component.scss'], templateUrl: 'tree-grid-batch-editing-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxButtonDirective, IgxDialogComponent, IgxGridComponent] }) export class TreeGridBatchEditingSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-cell-merge-custom-sample/tree-grid-cell-merge-custom-sample.component.ts b/src/app/tree-grid/tree-grid-cell-merge-custom-sample/tree-grid-cell-merge-custom-sample.component.ts index 8aca61e784..5dea9b93b4 100644 --- a/src/app/tree-grid/tree-grid-cell-merge-custom-sample/tree-grid-cell-merge-custom-sample.component.ts +++ b/src/app/tree-grid/tree-grid-cell-merge-custom-sample/tree-grid-cell-merge-custom-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { GridCellMergeMode, IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; @@ -12,6 +12,7 @@ import { generateEmployeeDetailedFlatData2 } from '../data/employees-flat-detail selector: 'app-tree-grid-cell-merge-custom-sample', styleUrls: ['./tree-grid-cell-merge-custom-sample.component.scss'], templateUrl: './tree-grid-cell-merge-custom-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxTreeGridComponent, IgxPreventDocumentScrollDirective, diff --git a/src/app/tree-grid/tree-grid-cell-merge-sample/tree-grid-cell-merge-sample.component.ts b/src/app/tree-grid/tree-grid-cell-merge-sample/tree-grid-cell-merge-sample.component.ts index 82408a45f1..cad88ac58c 100644 --- a/src/app/tree-grid/tree-grid-cell-merge-sample/tree-grid-cell-merge-sample.component.ts +++ b/src/app/tree-grid/tree-grid-cell-merge-sample/tree-grid-cell-merge-sample.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, inject, ViewChild } from '@angular/core'; +import { ChangeDetectorRef, Component, inject, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { GridCellMergeMode, IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; @@ -12,6 +12,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-tree-grid-cell-merge-sample', styleUrls: ['./tree-grid-cell-merge-sample.component.scss'], templateUrl: './tree-grid-cell-merge-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxTreeGridComponent, IgxPreventDocumentScrollDirective, diff --git a/src/app/tree-grid/tree-grid-cellSelection-sample/tree-grid-cellSelection.component.ts b/src/app/tree-grid/tree-grid-cellSelection-sample/tree-grid-cellSelection.component.ts index c900d45531..b0ad4ab2ff 100644 --- a/src/app/tree-grid/tree-grid-cellSelection-sample/tree-grid-cellSelection.component.ts +++ b/src/app/tree-grid/tree-grid-cellSelection-sample/tree-grid-cellSelection.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -12,6 +12,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-cell-selection', styleUrls: ['./tree-grid-cellSelection.component.scss'], templateUrl: 'tree-grid-cellSelection.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxSnackbarComponent, IgxIconComponent] }) export class TreeGridCellSelectionComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-clipboard-operations-sample/tree-grid-clipboard-operations-sample.component.ts b/src/app/tree-grid/tree-grid-clipboard-operations-sample/tree-grid-clipboard-operations-sample.component.ts index 556387b1a8..9de6f1a55a 100644 --- a/src/app/tree-grid/tree-grid-clipboard-operations-sample/tree-grid-clipboard-operations-sample.component.ts +++ b/src/app/tree-grid/tree-grid-clipboard-operations-sample/tree-grid-clipboard-operations-sample.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { EMPLOYEE_DATA } from './data'; import { IgxHintDirective, IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -13,6 +13,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-clipboard-operations-sample', styleUrls: ['tree-grid-clipboard-operations-sample.component.scss'], templateUrl: './tree-grid-clipboard-operations-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxIconComponent, IgxHintDirective, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxSwitchComponent, IgxButtonDirective, IgxRippleDirective, IgxColumnComponent] }) export class TreeGridClipboardSampleComponent { diff --git a/src/app/tree-grid/tree-grid-collapsible-groups/tree-grid-collapsible-column-groups.component.ts b/src/app/tree-grid/tree-grid-collapsible-groups/tree-grid-collapsible-column-groups.component.ts index 82a2a87486..fabd8ce6d0 100644 --- a/src/app/tree-grid/tree-grid-collapsible-groups/tree-grid-collapsible-column-groups.component.ts +++ b/src/app/tree-grid/tree-grid-collapsible-groups/tree-grid-collapsible-column-groups.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { GridSelectionMode, IgxCollapsibleIndicatorTemplateDirective, IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-multi-column-headers-sample', styleUrls: ['./tree-grid-collapsible-column-groups.component.scss'], templateUrl: './tree-grid-collapsible-column-groups.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnGroupComponent, IgxCollapsibleIndicatorTemplateDirective, IgxIconComponent, IgxTooltipTargetDirective, IgxTooltipDirective, IgxColumnComponent] }) export class TreeGridMultiCollapsibleColumnGroupsComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-column-hiding-sample/tree-grid-column-hiding-sample.component.ts b/src/app/tree-grid/tree-grid-column-hiding-sample/tree-grid-column-hiding-sample.component.ts index 07543a7f6b..98b412e41f 100644 --- a/src/app/tree-grid/tree-grid-column-hiding-sample/tree-grid-column-hiding-sample.component.ts +++ b/src/app/tree-grid/tree-grid-column-hiding-sample/tree-grid-column-hiding-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detailed'; import { IgxColumnActionsComponent, IgxColumnComponent, IgxColumnHidingDirective } from 'igniteui-angular/grids/core'; import { IgxRadioComponent } from 'igniteui-angular/radio'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-column-hiding-sample', styleUrls: ['./tree-grid-column-hiding-sample.component.scss'], templateUrl: './tree-grid-column-hiding-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxColumnActionsComponent, IgxColumnHidingDirective, IgxRadioComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridColumnHidingSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-column-hiding-toolbar-sample/tree-grid-column-hiding-toolbar-sample.component.ts b/src/app/tree-grid/tree-grid-column-hiding-toolbar-sample/tree-grid-column-hiding-toolbar-sample.component.ts index 3586615b41..81ad65a36e 100644 --- a/src/app/tree-grid/tree-grid-column-hiding-toolbar-sample/tree-grid-column-hiding-toolbar-sample.component.ts +++ b/src/app/tree-grid/tree-grid-column-hiding-toolbar-sample/tree-grid-column-hiding-toolbar-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnInit } from '@angular/core'; +import { AfterViewInit, Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detailed'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -8,6 +8,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-column-hiding-toolbar-sample', styleUrls: ['./tree-grid-column-hiding-toolbar-sample.component.scss'], templateUrl: './tree-grid-column-hiding-toolbar-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxColumnComponent] }) export class TreeGridColumnHidingToolbarSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-column-hiding-toolbar-style/tree-grid-column-hiding-toolbar-style.component.ts b/src/app/tree-grid/tree-grid-column-hiding-toolbar-style/tree-grid-column-hiding-toolbar-style.component.ts index 9a3db91072..2c25f6140e 100644 --- a/src/app/tree-grid/tree-grid-column-hiding-toolbar-style/tree-grid-column-hiding-toolbar-style.component.ts +++ b/src/app/tree-grid/tree-grid-column-hiding-toolbar-style/tree-grid-column-hiding-toolbar-style.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnInit } from '@angular/core'; +import { AfterViewInit, Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detailed'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -8,6 +8,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-column-hiding-toolbar-style', styleUrls: ['./tree-grid-column-hiding-toolbar-style.component.scss'], templateUrl: './tree-grid-column-hiding-toolbar-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxColumnComponent] }) export class TreeGridColumnHidingToolbarStyleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-column-moving-sample/tree-grid-column-moving-sample.component.ts b/src/app/tree-grid/tree-grid-column-moving-sample/tree-grid-column-moving-sample.component.ts index 4d999e2c1c..1459ceb0a3 100644 --- a/src/app/tree-grid/tree-grid-column-moving-sample/tree-grid-column-moving-sample.component.ts +++ b/src/app/tree-grid/tree-grid-column-moving-sample/tree-grid-column-moving-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { ColumnType } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellHeaderTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -11,6 +11,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-column-moving-sample', styleUrls: ['./tree-grid-column-moving-sample.component.scss'], templateUrl: './tree-grid-column-moving-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCellHeaderTemplateDirective, IgxIconComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent] }) export class TreeGridColumnMovingSampleComponent { diff --git a/src/app/tree-grid/tree-grid-column-moving-styled-sample/tree-grid-column-moving-styled-sample.component.ts b/src/app/tree-grid/tree-grid-column-moving-styled-sample/tree-grid-column-moving-styled-sample.component.ts index f9002840a2..6a7efdf1d3 100644 --- a/src/app/tree-grid/tree-grid-column-moving-styled-sample/tree-grid-column-moving-styled-sample.component.ts +++ b/src/app/tree-grid/tree-grid-column-moving-styled-sample/tree-grid-column-moving-styled-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { ColumnType } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellHeaderTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -11,6 +11,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-column-moving-styled-sample', styleUrls: ['./tree-grid-column-moving-styled-sample.component.scss'], templateUrl: './tree-grid-column-moving-styled-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCellHeaderTemplateDirective, IgxIconComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent] }) export class TreeGridColumnMovingStyledSampleComponent { diff --git a/src/app/tree-grid/tree-grid-column-pinning-sample/tree-grid-column-pinning-sample.component.ts b/src/app/tree-grid/tree-grid-column-pinning-sample/tree-grid-column-pinning-sample.component.ts index a0c1ac92b2..5bbe137e6d 100644 --- a/src/app/tree-grid/tree-grid-column-pinning-sample/tree-grid-column-pinning-sample.component.ts +++ b/src/app/tree-grid/tree-grid-column-pinning-sample/tree-grid-column-pinning-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, ViewChild, inject } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { ColumnType } from 'igniteui-angular/core'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -12,6 +12,7 @@ const FILTERING_ICONS_FONT_SET = "filtering-icons"; selector: 'app-tree-grid-column-pinning-sample', styleUrls: ['./tree-grid-column-pinning-sample.component.scss'], templateUrl: './tree-grid-column-pinning-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCellHeaderTemplateDirective, IgxIconComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridColumnPinningSampleComponent implements AfterViewInit { diff --git a/src/app/tree-grid/tree-grid-column-pinning-sample/tree-grid-toolbar-pinning.component.ts b/src/app/tree-grid/tree-grid-column-pinning-sample/tree-grid-toolbar-pinning.component.ts index e13c4985a7..5e07ab851f 100644 --- a/src/app/tree-grid/tree-grid-column-pinning-sample/tree-grid-toolbar-pinning.component.ts +++ b/src/app/tree-grid/tree-grid-column-pinning-sample/tree-grid-toolbar-pinning.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, OnInit, inject } from '@angular/core'; +import { Component, ViewChild, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detailed'; @@ -11,6 +11,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-sample', styleUrls: ['tree-grid-toolbar-pinning.component.scss'], templateUrl: 'tree-grid-toolbar-pinning.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [NgClass, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarPinningComponent, IgxColumnComponent] }) diff --git a/src/app/tree-grid/tree-grid-column-resizing-sample/tree-grid-column-resizing-sample.component.ts b/src/app/tree-grid/tree-grid-column-resizing-sample/tree-grid-column-resizing-sample.component.ts index 01a4928b8e..f39504b6f2 100644 --- a/src/app/tree-grid/tree-grid-column-resizing-sample/tree-grid-column-resizing-sample.component.ts +++ b/src/app/tree-grid/tree-grid-column-resizing-sample/tree-grid-column-resizing-sample.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detailed'; @@ -8,6 +8,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-column-resizing-sample', styleUrls: ['./tree-grid-column-resizing-sample.component.scss'], templateUrl: './tree-grid-column-resizing-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridColumnResizingSampleComponent { diff --git a/src/app/tree-grid/tree-grid-conditional-cell-style-2/tree-grid-conditional-cell-style-2.component.ts b/src/app/tree-grid/tree-grid-conditional-cell-style-2/tree-grid-conditional-cell-style-2.component.ts index 27241b1213..c40d29f618 100644 --- a/src/app/tree-grid/tree-grid-conditional-cell-style-2/tree-grid-conditional-cell-style-2.component.ts +++ b/src/app/tree-grid/tree-grid-conditional-cell-style-2/tree-grid-conditional-cell-style-2.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxHintDirective, IgxInputDirective, IgxInputGroupComponent } from 'igniteui-angular/input-group'; @@ -11,6 +11,7 @@ import { JsonPipe } from '@angular/common'; selector: 'app-grid-conditional-cell-style-2', styleUrls: ['./tree-grid-conditional-cell-style-2.component.scss'], templateUrl: './tree-grid-conditional-cell-style-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxInputDirective, IgxHintDirective, IgxButtonDirective, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, JsonPipe] }) export class TreeGridConditionalCellStyle2Component implements OnInit { diff --git a/src/app/tree-grid/tree-grid-conditional-cell-style-sample/tree-grid-conditional-cell-style-sample.component.ts b/src/app/tree-grid/tree-grid-conditional-cell-style-sample/tree-grid-conditional-cell-style-sample.component.ts index 1c620c0429..8a3b5da53d 100644 --- a/src/app/tree-grid/tree-grid-conditional-cell-style-sample/tree-grid-conditional-cell-style-sample.component.ts +++ b/src/app/tree-grid/tree-grid-conditional-cell-style-sample/tree-grid-conditional-cell-style-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { ORDERS_DATA } from '../data/orders'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-conditional-cell-style-sample', styleUrls: ['./tree-grid-conditional-cell-style-sample.component.scss'], templateUrl: './tree-grid-conditional-cell-style-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) diff --git a/src/app/tree-grid/tree-grid-conditional-row-selectors/tree-grid-conditional-row-selectors.component.ts b/src/app/tree-grid/tree-grid-conditional-row-selectors/tree-grid-conditional-row-selectors.component.ts index ebf06565f4..3ebc8b32a1 100644 --- a/src/app/tree-grid/tree-grid-conditional-row-selectors/tree-grid-conditional-row-selectors.component.ts +++ b/src/app/tree-grid/tree-grid-conditional-row-selectors/tree-grid-conditional-row-selectors.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { IRowSelectionEventArgs, IgxColumnComponent, IgxRowSelectorDirective } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-conditional-row-selectors', styleUrls: ['./tree-grid-conditional-row-selectors.component.scss'], templateUrl: 'tree-grid-conditional-row-selectors.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxRowSelectorDirective, IgxCheckboxComponent] }) diff --git a/src/app/tree-grid/tree-grid-disable-summaries/tree-grid-disable-summaries.component.ts b/src/app/tree-grid/tree-grid-disable-summaries/tree-grid-disable-summaries.component.ts index e0c70cf243..1401ab624e 100644 --- a/src/app/tree-grid/tree-grid-disable-summaries/tree-grid-disable-summaries.component.ts +++ b/src/app/tree-grid/tree-grid-disable-summaries/tree-grid-disable-summaries.component.ts @@ -134,6 +134,7 @@ class DeliveredSummary { selector: "app-tree-grid-summary-sample", styleUrls: ["./tree-grid-disable-summaries.component.scss"], templateUrl: "./tree-grid-disable-summaries.component.html", + changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxTreeGridComponent, IgxPreventDocumentScrollDirective, diff --git a/src/app/tree-grid/tree-grid-displaydensity-sample/tree-grid-displaydensity-sample.component.ts b/src/app/tree-grid/tree-grid-displaydensity-sample/tree-grid-displaydensity-sample.component.ts index 0c2f97787e..290e98c3a4 100644 --- a/src/app/tree-grid/tree-grid-displaydensity-sample/tree-grid-displaydensity-sample.component.ts +++ b/src/app/tree-grid/tree-grid-displaydensity-sample/tree-grid-displaydensity-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ViewChild } from '@angular/core'; +import { Component, HostBinding, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxColumnGroupComponent, IgxNumberSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxSummaryResult } from 'igniteui-angular/core'; @@ -28,6 +28,7 @@ class CustomNumberSummary { selector: 'app-tree-grid-displaydensity-sample', styleUrls: ['./tree-grid-displaydensity-sample.component.scss'], templateUrl: './tree-grid-displaydensity-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnGroupComponent, IgxCellTemplateDirective, DatePipe] }) export class TreeGridDisplaydensitySampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-editing-events/tree-grid-editing-events.component.ts b/src/app/tree-grid/tree-grid-editing-events/tree-grid-editing-events.component.ts index c755d5014a..e06120d847 100644 --- a/src/app/tree-grid/tree-grid-editing-events/tree-grid-editing-events.component.ts +++ b/src/app/tree-grid/tree-grid-editing-events/tree-grid-editing-events.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IGridEditEventArgs, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxToastComponent } from 'igniteui-angular/toast'; import { VerticalAlignment } from 'igniteui-angular/core'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-editing-events', templateUrl: 'tree-grid-editing-events.component.html', styleUrls: ['tree-grid-editing-events.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxToastComponent] }) export class TreeGridEditingEventsComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-editing-sample/tree-grid-editing-sample.component.ts b/src/app/tree-grid/tree-grid-editing-sample/tree-grid-editing-sample.component.ts index b2b54cc26e..f02e755261 100644 --- a/src/app/tree-grid/tree-grid-editing-sample/tree-grid-editing-sample.component.ts +++ b/src/app/tree-grid/tree-grid-editing-sample/tree-grid-editing-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxSummaryResult } from 'igniteui-angular/core'; @@ -36,6 +36,7 @@ class CustomNumberSummary { selector: 'app-tree-grid-editing-sample', styleUrls: ['./tree-grid-editing-sample.component.scss'], templateUrl: './tree-grid-editing-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxIconComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxIconButtonDirective, IgxDialogComponent, IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxDatePickerComponent, IgxCheckboxComponent] }) export class TreeGridEditingSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-editing-style/tree-grid-editing-sample.component.ts b/src/app/tree-grid/tree-grid-editing-style/tree-grid-editing-sample.component.ts index fce61da1d7..d9a6f1d6f9 100644 --- a/src/app/tree-grid/tree-grid-editing-style/tree-grid-editing-sample.component.ts +++ b/src/app/tree-grid/tree-grid-editing-style/tree-grid-editing-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-editing-sample', styleUrls: ['./tree-grid-editing-sample.component.scss'], templateUrl: './tree-grid-editing-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxIconComponent] }) export class TreeGridEditingStyleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-employees-sample/tree-grid-employees-sample.component.ts b/src/app/tree-grid/tree-grid-employees-sample/tree-grid-employees-sample.component.ts index 9eae464d37..49709c870b 100644 --- a/src/app/tree-grid/tree-grid-employees-sample/tree-grid-employees-sample.component.ts +++ b/src/app/tree-grid/tree-grid-employees-sample/tree-grid-employees-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { GridSelectionMode, IgxCSVTextDirective, IgxColumnComponent, IgxExcelTextDirective, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-employees-sample', styleUrls: ['./tree-grid-employees-sample.component.scss'], templateUrl: './tree-grid-employees-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxExcelTextDirective, IgxCSVTextDirective, IgxColumnComponent] }) export class TreeGridEmployeesSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-excel-style-filtering-load-on-demand/tree-grid-excel-style-filtering-load-on-demand.component.ts b/src/app/tree-grid/tree-grid-excel-style-filtering-load-on-demand/tree-grid-excel-style-filtering-load-on-demand.component.ts index 7e58fd3cca..225decf03b 100644 --- a/src/app/tree-grid/tree-grid-excel-style-filtering-load-on-demand/tree-grid-excel-style-filtering-load-on-demand.component.ts +++ b/src/app/tree-grid/tree-grid-excel-style-filtering-load-on-demand/tree-grid-excel-style-filtering-load-on-demand.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject } from '@angular/core'; +import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; import { ColumnType, IFilteringExpressionsTree } from 'igniteui-angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -11,6 +11,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro styleUrls: ['./tree-grid-excel-style-filtering-load-on-demand.component.scss'], templateUrl: './tree-grid-excel-style-filtering-load-on-demand.component.html', providers: [RemoteValuesService], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxIconComponent] }) export class TreeGridExcelStyleFilteringLoadOnDemandComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-excel-style-filtering-sample-1/tree-grid-excel-style-filtering-sample-1.component.ts b/src/app/tree-grid/tree-grid-excel-style-filtering-sample-1/tree-grid-excel-style-filtering-sample-1.component.ts index 511bc406f6..bc9ba4c35a 100644 --- a/src/app/tree-grid/tree-grid-excel-style-filtering-sample-1/tree-grid-excel-style-filtering-sample-1.component.ts +++ b/src/app/tree-grid/tree-grid-excel-style-filtering-sample-1/tree-grid-excel-style-filtering-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ViewChild } from '@angular/core'; +import { Component, HostBinding, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { TreeGridFilteringStrategy } from 'igniteui-angular/core'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; @@ -11,6 +11,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-excel-style-filtering-sample-1', styleUrls: ['./tree-grid-excel-style-filtering-sample-1.component.scss'], templateUrl: 'tree-grid-excel-style-filtering-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxColumnComponent, IgxCellTemplateDirective] }) diff --git a/src/app/tree-grid/tree-grid-excel-style-filtering-sample-2/tree-grid-excel-style-filtering-sample-2.component.ts b/src/app/tree-grid/tree-grid-excel-style-filtering-sample-2/tree-grid-excel-style-filtering-sample-2.component.ts index ae4602b29e..134361f243 100644 --- a/src/app/tree-grid/tree-grid-excel-style-filtering-sample-2/tree-grid-excel-style-filtering-sample-2.component.ts +++ b/src/app/tree-grid/tree-grid-excel-style-filtering-sample-2/tree-grid-excel-style-filtering-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { ORDERS_DATA } from '../data/orders'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-excel-style-filtering-sample-2', styleUrls: ['./tree-grid-excel-style-filtering-sample-2.component.scss'], templateUrl: 'tree-grid-excel-style-filtering-sample-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxColumnComponent, IgxCellTemplateDirective] }) diff --git a/src/app/tree-grid/tree-grid-excel-style-filtering-sample-3/tree-grid-excel-style-filtering-sample-3.component.ts b/src/app/tree-grid/tree-grid-excel-style-filtering-sample-3/tree-grid-excel-style-filtering-sample-3.component.ts index 197b3298f6..0419b9074e 100644 --- a/src/app/tree-grid/tree-grid-excel-style-filtering-sample-3/tree-grid-excel-style-filtering-sample-3.component.ts +++ b/src/app/tree-grid/tree-grid-excel-style-filtering-sample-3/tree-grid-excel-style-filtering-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxExcelStyleColumnOperationsTemplateDirective, IgxExcelStyleFilterOperationsTemplateDirective, IgxExcelStyleHeaderComponent, IgxExcelStyleHeaderIconDirective, IgxExcelStyleSearchComponent, IgxExcelStyleSortingComponent, IgxGridExcelStyleFilteringComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent } from 'igniteui-angular/grids/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-excel-style-filtering-sample-3', styleUrls: ['./tree-grid-excel-style-filtering-sample-3.component.scss'], templateUrl: 'tree-grid-excel-style-filtering-sample-3.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxExcelStyleHeaderIconDirective, IgxIconComponent, IgxGridExcelStyleFilteringComponent, IgxExcelStyleColumnOperationsTemplateDirective, IgxExcelStyleHeaderComponent, IgxExcelStyleSortingComponent, IgxExcelStyleFilterOperationsTemplateDirective, IgxExcelStyleSearchComponent, IgxColumnComponent, IgxCellTemplateDirective] }) diff --git a/src/app/tree-grid/tree-grid-excel-style-filtering-style/tree-grid-excel-style-filtering-style.component.ts b/src/app/tree-grid/tree-grid-excel-style-filtering-style/tree-grid-excel-style-filtering-style.component.ts index a27701a5af..6c12db07bd 100644 --- a/src/app/tree-grid/tree-grid-excel-style-filtering-style/tree-grid-excel-style-filtering-style.component.ts +++ b/src/app/tree-grid/tree-grid-excel-style-filtering-style/tree-grid-excel-style-filtering-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { ORDERS_DATA } from '../data/orders'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-excel-style-filtering-style', styleUrls: ['./tree-grid-excel-style-filtering-style.component.scss'], templateUrl: 'tree-grid-excel-style-filtering-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) export class TreeGridExcelStyleFilteringStyleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-export-visualization/tree-grid-export-visualization.component.ts b/src/app/tree-grid/tree-grid-export-visualization/tree-grid-export-visualization.component.ts index 30da3785ad..ad5fbc8d7c 100644 --- a/src/app/tree-grid/tree-grid-export-visualization/tree-grid-export-visualization.component.ts +++ b/src/app/tree-grid/tree-grid-export-visualization/tree-grid-export-visualization.component.ts @@ -1,4 +1,4 @@ -import { Component, inject, ChangeDetectorRef } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { ORDERS_DATA } from '../data/orders'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent } from 'igniteui-angular/grids/core'; @@ -10,10 +10,10 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-tree-grid-export-visualization', templateUrl: './tree-grid-export-visualization.component.html', styleUrls: ['./tree-grid-export-visualization.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxButtonDirective, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, CurrencyPipe] }) export class TreeGridExportVisualizationComponent { - private cdr = inject(ChangeDetectorRef); public localData = []; private data = ORDERS_DATA; @@ -37,9 +37,6 @@ export class TreeGridExportVisualizationComponent { longRunning(toolbar: any) { toolbar.showProgress = true; - setTimeout(() => { - toolbar.showProgress = false; - this.cdr.markForCheck(); - }, 5000); + setTimeout(() => toolbar.showProgress = false, 5000); } } diff --git a/src/app/tree-grid/tree-grid-external-advanced-filtering/tree-grid-external-advanced-filtering.component.ts b/src/app/tree-grid/tree-grid-external-advanced-filtering/tree-grid-external-advanced-filtering.component.ts index 8494f8152a..4099abddd9 100644 --- a/src/app/tree-grid/tree-grid-external-advanced-filtering/tree-grid-external-advanced-filtering.component.ts +++ b/src/app/tree-grid/tree-grid-external-advanced-filtering/tree-grid-external-advanced-filtering.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { ORDERS_DATA } from '../data/orders'; import { IgxAdvancedFilteringDialogComponent, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-external-advanced-filtering', templateUrl: './tree-grid-external-advanced-filtering.component.html', styleUrls: ['./tree-grid-external-advanced-filtering.component.scss'], + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAdvancedFilteringDialogComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) export class TreeGridExternalAdvancedFilteringComponent { diff --git a/src/app/tree-grid/tree-grid-external-excel-style-filtering/tree-grid-external-excel-style-filtering.component.ts b/src/app/tree-grid/tree-grid-external-excel-style-filtering/tree-grid-external-excel-style-filtering.component.ts index ec52d497c5..ceb5b638b9 100644 --- a/src/app/tree-grid/tree-grid-external-excel-style-filtering/tree-grid-external-excel-style-filtering.component.ts +++ b/src/app/tree-grid/tree-grid-external-excel-style-filtering/tree-grid-external-excel-style-filtering.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, OnInit } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy, OnInit } from '@angular/core'; import { ORDERS_DATA } from '../data/orders'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -8,6 +8,7 @@ import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scroll.directive'; @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-tree-grid-external-excel-style-filtering', templateUrl: './tree-grid-external-excel-style-filtering.component.html', styleUrls: ['./tree-grid-external-excel-style-filtering.component.scss'], diff --git a/src/app/tree-grid/tree-grid-external-outlet/tree-grid-external-outlet-sample.component.ts b/src/app/tree-grid/tree-grid-external-outlet/tree-grid-external-outlet-sample.component.ts index 91aae84917..83b3f283cc 100644 --- a/src/app/tree-grid/tree-grid-external-outlet/tree-grid-external-outlet-sample.component.ts +++ b/src/app/tree-grid/tree-grid-external-outlet/tree-grid-external-outlet-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { ORDERS_DATA } from '../data/orders'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent } from 'igniteui-angular/grids/core'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-external-outlet', styleUrls: ['./tree-grid-external-outlet-sample.component.scss'], templateUrl: 'tree-grid-external-outlet-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxOverlayOutletDirective] }) diff --git a/src/app/tree-grid/tree-grid-filtering-custom-sample/tree-grid-filtering-custom-sample.component.ts b/src/app/tree-grid/tree-grid-filtering-custom-sample/tree-grid-filtering-custom-sample.component.ts index 82ebd800dd..e014240e4b 100644 --- a/src/app/tree-grid/tree-grid-filtering-custom-sample/tree-grid-filtering-custom-sample.component.ts +++ b/src/app/tree-grid/tree-grid-filtering-custom-sample/tree-grid-filtering-custom-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { IFilteringOperation, IgxBooleanFilteringOperand, IgxStringFilteringOperand } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-filtering-custom-sample', styleUrls: ['./tree-grid-filtering-custom-sample.component.scss'], templateUrl: './tree-grid-filtering-custom-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) export class TreeGridFilteringCustomSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-filtering-sample/tree-grid-filtering-sample.component.ts b/src/app/tree-grid/tree-grid-filtering-sample/tree-grid-filtering-sample.component.ts index 7b9b960939..34b9e0fe40 100644 --- a/src/app/tree-grid/tree-grid-filtering-sample/tree-grid-filtering-sample.component.ts +++ b/src/app/tree-grid/tree-grid-filtering-sample/tree-grid-filtering-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxStringFilteringOperand } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxInputDirective, IgxInputGroupComponent } from 'igniteui-angular/input-group'; @@ -11,6 +11,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-filtering-sample', styleUrls: ['./tree-grid-filtering-sample.component.scss'], templateUrl: 'tree-grid-filtering-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxInputDirective, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) diff --git a/src/app/tree-grid/tree-grid-filtering-style/tree-grid-filtering-style.component.ts b/src/app/tree-grid/tree-grid-filtering-style/tree-grid-filtering-style.component.ts index eacfbd76d5..5be2ca820a 100644 --- a/src/app/tree-grid/tree-grid-filtering-style/tree-grid-filtering-style.component.ts +++ b/src/app/tree-grid/tree-grid-filtering-style/tree-grid-filtering-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { ORDERS_DATA } from '../data/orders'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-filtering-style', styleUrls: ['./tree-grid-filtering-style.component.scss'], templateUrl: './tree-grid-filtering-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) export class TreeGridFilteringStyleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-filtering-template-sample/tree-grid-filtering-template-sample.component.ts b/src/app/tree-grid/tree-grid-filtering-template-sample/tree-grid-filtering-template-sample.component.ts index 5c5498c13d..887b5a4674 100644 --- a/src/app/tree-grid/tree-grid-filtering-template-sample/tree-grid-filtering-template-sample.component.ts +++ b/src/app/tree-grid/tree-grid-filtering-template-sample/tree-grid-filtering-template-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { ColumnType, GridColumnDataType, IgxDateFilteringOperand, IgxNumberFilteringOperand, IgxPickerClearComponent, IgxPickerToggleComponent, IgxStringFilteringOperand } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxFilterCellTemplateDirective } from 'igniteui-angular/grids/core'; @@ -13,6 +13,7 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-tree-grid-filtering-template-sample', styleUrls: ['./tree-grid-filtering-template-sample.component.scss'], templateUrl: 'tree-grid-filtering-template-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxFilterCellTemplateDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, IgxInputDirective, IgxSuffixDirective, IgxDatePickerComponent, IgxPickerToggleComponent, IgxPickerClearComponent, CurrencyPipe] }) diff --git a/src/app/tree-grid/tree-grid-formatted-filtering-strategy/tree-grid-formatted-filtering-strategy.component.ts b/src/app/tree-grid/tree-grid-formatted-filtering-strategy/tree-grid-formatted-filtering-strategy.component.ts index 3db0bca449..9410d2eb79 100644 --- a/src/app/tree-grid/tree-grid-formatted-filtering-strategy/tree-grid-formatted-filtering-strategy.component.ts +++ b/src/app/tree-grid/tree-grid-formatted-filtering-strategy/tree-grid-formatted-filtering-strategy.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { TreeGridFormattedValuesFilteringStrategy } from 'igniteui-angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-formatted-filtering-strategy', styleUrls: ['./tree-grid-formatted-filtering-strategy.component.scss'], templateUrl: 'tree-grid-formatted-filtering-strategy.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) diff --git a/src/app/tree-grid/tree-grid-group-by-load-on-demand-sample/tree-grid-group-by-load-on-demand-sample.component.ts b/src/app/tree-grid/tree-grid-group-by-load-on-demand-sample/tree-grid-group-by-load-on-demand-sample.component.ts index d8eb3943fd..8fdc63a579 100644 --- a/src/app/tree-grid/tree-grid-group-by-load-on-demand-sample/tree-grid-group-by-load-on-demand-sample.component.ts +++ b/src/app/tree-grid/tree-grid-group-by-load-on-demand-sample/tree-grid-group-by-load-on-demand-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit, ViewChild } from '@angular/core'; +import { Component, Input, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { DefaultSortingStrategy, IGroupingExpression } from 'igniteui-angular/core'; import { IgxTreeGridComponent, IgxTreeGridGroupByAreaComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-group-by-load-on-demand-sample', styleUrls: ['./tree-grid-group-by-load-on-demand-sample.component.scss'], templateUrl: './tree-grid-group-by-load-on-demand-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxTreeGridGroupByAreaComponent, IgxColumnComponent] }) diff --git a/src/app/tree-grid/tree-grid-keyboard-navigation/tree-grid-keyboard-navigation-sample.component.ts b/src/app/tree-grid/tree-grid-keyboard-navigation/tree-grid-keyboard-navigation-sample.component.ts index 440cb7a71f..17993eb8bf 100644 --- a/src/app/tree-grid/tree-grid-keyboard-navigation/tree-grid-keyboard-navigation-sample.component.ts +++ b/src/app/tree-grid/tree-grid-keyboard-navigation/tree-grid-keyboard-navigation-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { CellType, GridSelectionMode, IGridKeydownEventArgs, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-keyboard-navigation-sample', styleUrls: ['./tree-grid-keyboard-navigation-sample.component.scss'], templateUrl: './tree-grid-keyboard-navigation-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent] }) export class TreeGridKBNavigationComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-load-on-demand-sample/tree-grid-load-on-demand-sample.component.ts b/src/app/tree-grid/tree-grid-load-on-demand-sample/tree-grid-load-on-demand-sample.component.ts index 28f0e4834c..24f65e9b00 100644 --- a/src/app/tree-grid/tree-grid-load-on-demand-sample/tree-grid-load-on-demand-sample.component.ts +++ b/src/app/tree-grid/tree-grid-load-on-demand-sample/tree-grid-load-on-demand-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { TreeGridLoadOnDemandService } from './remoteService'; @@ -8,6 +8,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-load-on-demand-sample', styleUrls: ['./tree-grid-load-on-demand-sample.component.scss'], templateUrl: './tree-grid-load-on-demand-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridLoadOnDemandSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-multi-cell-selection-style/tree-grid-multi-cell-selection-style.component.ts b/src/app/tree-grid/tree-grid-multi-cell-selection-style/tree-grid-multi-cell-selection-style.component.ts index 269f9f376e..85d8e447c6 100644 --- a/src/app/tree-grid/tree-grid-multi-cell-selection-style/tree-grid-multi-cell-selection-style.component.ts +++ b/src/app/tree-grid/tree-grid-multi-cell-selection-style/tree-grid-multi-cell-selection-style.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { ORDERS_DATA } from '../data/orders'; @@ -8,6 +8,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-multi-cell-selection-style-sample', styleUrls: ['./tree-grid-multi-cell-selection-style.component.scss'], templateUrl: './tree-grid-multi-cell-selection-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridMultiCellSelectionStyleComponent { diff --git a/src/app/tree-grid/tree-grid-multi-cell-selection/tree-grid-multi-cell-selection.component.ts b/src/app/tree-grid/tree-grid-multi-cell-selection/tree-grid-multi-cell-selection.component.ts index 07e47bad26..d2d7240327 100644 --- a/src/app/tree-grid/tree-grid-multi-cell-selection/tree-grid-multi-cell-selection.component.ts +++ b/src/app/tree-grid/tree-grid-multi-cell-selection/tree-grid-multi-cell-selection.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation } from '@angular/core'; +import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxToastComponent } from 'igniteui-angular/toast'; @@ -12,6 +12,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-multi-cell-selection-sample', styleUrls: ['./tree-grid-multi-cell-selection.component.scss'], templateUrl: './tree-grid-multi-cell-selection.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxGridComponent, IgxToastComponent] }) export class TreeGridMultiCellSelectionComponent { diff --git a/src/app/tree-grid/tree-grid-multi-column-header-template-sample/tree-grid-multi-column-header-template-sample.component.ts b/src/app/tree-grid/tree-grid-multi-column-header-template-sample/tree-grid-multi-column-header-template-sample.component.ts index 51abd2d449..c4f428bd14 100644 --- a/src/app/tree-grid/tree-grid-multi-column-header-template-sample/tree-grid-multi-column-header-template-sample.component.ts +++ b/src/app/tree-grid/tree-grid-multi-column-header-template-sample/tree-grid-multi-column-header-template-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-multi-column-header-template-sample', styleUrls: ['./tree-grid-multi-column-header-template-sample.component.scss'], templateUrl: './tree-grid-multi-column-header-template-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnGroupComponent] }) export class TreeGridMultiColumnHeaderTemplateSampleComponent { diff --git a/src/app/tree-grid/tree-grid-multi-column-headers-export/tree-grid-multi-column-headers-export.component.ts b/src/app/tree-grid/tree-grid-multi-column-headers-export/tree-grid-multi-column-headers-export.component.ts index ab97f99b4b..62f0eb2cc8 100644 --- a/src/app/tree-grid/tree-grid-multi-column-headers-export/tree-grid-multi-column-headers-export.component.ts +++ b/src/app/tree-grid/tree-grid-multi-column-headers-export/tree-grid-multi-column-headers-export.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent, IgxColumnGroupComponent, IgxExporterEvent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @@ -10,6 +10,7 @@ import { FormsModule } from '@angular/forms'; selector: 'app-tree-grid-multi-column-headers-export-sample', styleUrls: ['./tree-grid-multi-column-headers-export.component.scss'], templateUrl: './tree-grid-multi-column-headers-export.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxSwitchComponent, FormsModule, IgxGridToolbarPinningComponent, IgxGridToolbarHidingComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxColumnGroupComponent] }) export class TreeGridMultiColumnHeadersExportComponent { diff --git a/src/app/tree-grid/tree-grid-multi-column-headers-sample/tree-grid-multi-column-headers-sample.component.ts b/src/app/tree-grid/tree-grid-multi-column-headers-sample/tree-grid-multi-column-headers-sample.component.ts index 7273c5fb70..e304f6a915 100644 --- a/src/app/tree-grid/tree-grid-multi-column-headers-sample/tree-grid-multi-column-headers-sample.component.ts +++ b/src/app/tree-grid/tree-grid-multi-column-headers-sample/tree-grid-multi-column-headers-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-multi-column-headers-sample', styleUrls: ['./tree-grid-multi-column-headers-sample.component.scss'], templateUrl: './tree-grid-multi-column-headers-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnGroupComponent, IgxButtonDirective] }) export class TreeGridMultiColumnHeadersSampleComponent { diff --git a/src/app/tree-grid/tree-grid-multi-column-headers-styling/tree-grid-multi-column-headers-styling.component.ts b/src/app/tree-grid/tree-grid-multi-column-headers-styling/tree-grid-multi-column-headers-styling.component.ts index dbd590f562..097ea0dfba 100644 --- a/src/app/tree-grid/tree-grid-multi-column-headers-styling/tree-grid-multi-column-headers-styling.component.ts +++ b/src/app/tree-grid/tree-grid-multi-column-headers-styling/tree-grid-multi-column-headers-styling.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detailed'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; @@ -8,6 +8,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-multi-column-headers-styling', styleUrls: ['./tree-grid-multi-column-headers-styling.component.scss'], templateUrl: './tree-grid-multi-column-headers-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnGroupComponent] }) export class TreeGridMultiColumnHeadersStylingComponent { diff --git a/src/app/tree-grid/tree-grid-multi-row-drag/tree-grid-multi-row-drag.component.ts b/src/app/tree-grid/tree-grid-multi-row-drag/tree-grid-multi-row-drag.component.ts index 3881c33fa2..b98056d38f 100644 --- a/src/app/tree-grid/tree-grid-multi-row-drag/tree-grid-multi-row-drag.component.ts +++ b/src/app/tree-grid/tree-grid-multi-row-drag/tree-grid-multi-row-drag.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent, IgxRowDragGhostDirective } from 'igniteui-angular/grids/core'; import { IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -11,6 +11,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-multi-row-drag', styleUrls: ['tree-grid-multi-row-drag.component.scss'], templateUrl: 'tree-grid-multi-row-drag.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDropDirective, IgxIconComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxRowDragGhostDirective] }) export class TreeGridMultiRowDragComponent { diff --git a/src/app/tree-grid/tree-grid-pager-sample/tree-grid-pager-sample.component.ts b/src/app/tree-grid/tree-grid-pager-sample/tree-grid-pager-sample.component.ts index 8216487ded..062eb128e2 100644 --- a/src/app/tree-grid/tree-grid-pager-sample/tree-grid-pager-sample.component.ts +++ b/src/app/tree-grid/tree-grid-pager-sample/tree-grid-pager-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, AfterViewInit, PLATFORM_ID, inject } from '@angular/core'; +import { Component, OnInit, ViewChild, AfterViewInit, PLATFORM_ID, inject, ChangeDetectionStrategy } from '@angular/core'; import { IPaginatorResourceStrings } from 'igniteui-angular/core'; import { IgxPageNavigationComponent, IgxPageSizeSelectorComponent, IgxPaginatorComponent, IgxPaginatorContentDirective } from 'igniteui-angular/paginator'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -14,6 +14,7 @@ import { isPlatformBrowser } from '@angular/common'; selector: 'app-tree-grid-pager-sample', styleUrls: ['./tree-grid-pager-sample.component.scss'], templateUrl: './tree-grid-pager-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxPaginatorContentDirective, IgxPageSizeSelectorComponent, IgxPageNavigationComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxSwitchComponent, FormsModule] }) export class TreeGridPagerSampleComponent implements OnInit, AfterViewInit { diff --git a/src/app/tree-grid/tree-grid-paging-sample/tree-grid-paging-sample.component.ts b/src/app/tree-grid/tree-grid-paging-sample/tree-grid-paging-sample.component.ts index 5992fb9ae1..b99f3df167 100644 --- a/src/app/tree-grid/tree-grid-paging-sample/tree-grid-paging-sample.component.ts +++ b/src/app/tree-grid/tree-grid-paging-sample/tree-grid-paging-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ViewEncapsulation } from '@angular/core'; +import { Component, OnInit, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -11,6 +11,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-paging-sample', styleUrls: ['./tree-grid-paging-sample.component.scss'], templateUrl: 'tree-grid-paging-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective] }) diff --git a/src/app/tree-grid/tree-grid-paging-style/tree-grid-paging-style-sample.component.ts b/src/app/tree-grid/tree-grid-paging-style/tree-grid-paging-style-sample.component.ts index a42c3d8a7f..6470b2eb9e 100644 --- a/src/app/tree-grid/tree-grid-paging-style/tree-grid-paging-style-sample.component.ts +++ b/src/app/tree-grid/tree-grid-paging-style/tree-grid-paging-style-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { ORDERS_DATA } from '../data/orders'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-paging-sample', styleUrls: ['./tree-grid-paging-style-sample.component.scss'], templateUrl: 'tree-grid-paging-style-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective] }) diff --git a/src/app/tree-grid/tree-grid-remote-filtering-sample/tree-grid-remote-filtering-sample.component.ts b/src/app/tree-grid/tree-grid-remote-filtering-sample/tree-grid-remote-filtering-sample.component.ts index 8fc99074c5..9ff17480c5 100644 --- a/src/app/tree-grid/tree-grid-remote-filtering-sample/tree-grid-remote-filtering-sample.component.ts +++ b/src/app/tree-grid/tree-grid-remote-filtering-sample/tree-grid-remote-filtering-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild, inject } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { NoopFilteringStrategy } from 'igniteui-angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -16,6 +16,7 @@ const DEBOUNCE_TIME = 300; selector: 'app-tree-grid-remote-filtering-sample', styleUrls: ['./tree-grid-remote-filtering-sample.component.scss'], templateUrl: './tree-grid-remote-filtering-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxIconComponent, AsyncPipe] }) export class TreeGridRemoteFilteringSampleComponent implements OnInit, AfterViewInit, OnDestroy { diff --git a/src/app/tree-grid/tree-grid-remote-paging-default-template/tree-grid-remote-paging-default-template.component.ts b/src/app/tree-grid/tree-grid-remote-paging-default-template/tree-grid-remote-paging-default-template.component.ts index 80da548f23..87f3a47180 100644 --- a/src/app/tree-grid/tree-grid-remote-paging-default-template/tree-grid-remote-paging-default-template.component.ts +++ b/src/app/tree-grid/tree-grid-remote-paging-default-template/tree-grid-remote-paging-default-template.component.ts @@ -1,5 +1,5 @@ import { formatNumber, AsyncPipe } from '@angular/common'; -import { AfterViewInit, ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild, ViewEncapsulation, inject } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild, ViewEncapsulation, inject, ChangeDetectionStrategy } from '@angular/core'; import { GridPagingMode, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -14,6 +14,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-remote-paging-default-template', styleUrls: ['./tree-grid-remote-paging-default-template.component.scss'], templateUrl: './tree-grid-remote-paging-default-template.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxIconComponent, AsyncPipe] }) export class TreeGridRemotePagingDefaultTemplateComponent implements OnInit, AfterViewInit, OnDestroy { diff --git a/src/app/tree-grid/tree-grid-remote-paging-sample/tree-grid-remote-paging-sample.component.ts b/src/app/tree-grid/tree-grid-remote-paging-sample/tree-grid-remote-paging-sample.component.ts index 8a013dd4e9..6f22ef1850 100644 --- a/src/app/tree-grid/tree-grid-remote-paging-sample/tree-grid-remote-paging-sample.component.ts +++ b/src/app/tree-grid/tree-grid-remote-paging-sample/tree-grid-remote-paging-sample.component.ts @@ -1,5 +1,5 @@ import { formatNumber, AsyncPipe } from '@angular/common'; -import { AfterViewInit, Component, OnDestroy, OnInit, ViewChild, ViewEncapsulation, inject } from '@angular/core'; +import { AfterViewInit, Component, OnDestroy, OnInit, ViewChild, ViewEncapsulation, inject, ChangeDetectionStrategy } from '@angular/core'; import { GridPagingMode, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -14,6 +14,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-remote-paging-grid-sample', styleUrls: ['./tree-grid-remote-paging-sample.component.scss'], templateUrl: './tree-grid-remote-paging-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxIconComponent, IgxPaginatorComponent, IgxPaginatorContentDirective, IgxPageSizeSelectorComponent, IgxPageNavigationComponent, AsyncPipe] }) export class TreeGridRemotePagingSampleComponent implements OnInit, AfterViewInit, OnDestroy { diff --git a/src/app/tree-grid/tree-grid-resize-line-styling-sample/tree-grid-resize-line-styling-sample.component.ts b/src/app/tree-grid/tree-grid-resize-line-styling-sample/tree-grid-resize-line-styling-sample.component.ts index 90a6340953..02028b6ae3 100644 --- a/src/app/tree-grid/tree-grid-resize-line-styling-sample/tree-grid-resize-line-styling-sample.component.ts +++ b/src/app/tree-grid/tree-grid-resize-line-styling-sample/tree-grid-resize-line-styling-sample.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detailed'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -8,6 +8,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-resize-line-styling-sample', styleUrls: ['./tree-grid-resize-line-styling-sample.component.scss'], templateUrl: './tree-grid-resize-line-styling-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridResizeLineStylingSampleComponent { diff --git a/src/app/tree-grid/tree-grid-row-drag-base/tree-grid-row-drag-base.component.ts b/src/app/tree-grid/tree-grid-row-drag-base/tree-grid-row-drag-base.component.ts index 7deb4993d4..989839dcd6 100644 --- a/src/app/tree-grid/tree-grid-row-drag-base/tree-grid-row-drag-base.component.ts +++ b/src/app/tree-grid/tree-grid-row-drag-base/tree-grid-row-drag-base.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent, RowType } from 'igniteui-angular/grids/core'; @@ -18,6 +18,7 @@ enum DragIcon { selector: 'app-tree-grid-row-drag-base', styleUrls: ['tree-grid-row-drag-base.component.scss'], templateUrl: 'tree-grid-row-drag-base.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDropDirective, IgxIconComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent] }) export class TreeGridRowDragBaseComponent { diff --git a/src/app/tree-grid/tree-grid-row-drag/tree-grid-row-drag.component.ts b/src/app/tree-grid/tree-grid-row-drag/tree-grid-row-drag.component.ts index b347464755..e3e7a26d28 100644 --- a/src/app/tree-grid/tree-grid-row-drag/tree-grid-row-drag.component.ts +++ b/src/app/tree-grid/tree-grid-row-drag/tree-grid-row-drag.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent, IgxDragIndicatorIconDirective, RowType } from 'igniteui-angular/grids/core'; @@ -18,6 +18,7 @@ enum DragIcon { selector: 'app-tree-grid-row-drag', styleUrls: ['tree-grid-row-drag.component.scss'], templateUrl: 'tree-grid-row-drag.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDropDirective, IgxIconComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxDragIndicatorIconDirective] }) export class TreeGridRowDragComponent { diff --git a/src/app/tree-grid/tree-grid-row-edit-style/tree-grid-row-edit-style.component.ts b/src/app/tree-grid/tree-grid-row-edit-style/tree-grid-row-edit-style.component.ts index 5e076efd01..70586d83f6 100644 --- a/src/app/tree-grid/tree-grid-row-edit-style/tree-grid-row-edit-style.component.ts +++ b/src/app/tree-grid/tree-grid-row-edit-style/tree-grid-row-edit-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent, IgxRowEditActionsDirective, IgxRowEditTabStopDirective, IgxRowEditTextDirective } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; @@ -11,6 +11,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-row-edit-style', styleUrls: ['tree-grid-row-edit-style.component.scss'], templateUrl: 'tree-grid-row-edit-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowEditTextDirective, IgxRowEditActionsDirective, IgxIconButtonDirective, IgxRowEditTabStopDirective, IgxIconComponent] }) export class TreeGridRowEditStyleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-row-edit/tree-grid-row-editing-sample.component.ts b/src/app/tree-grid/tree-grid-row-edit/tree-grid-row-editing-sample.component.ts index ee40774d08..53edc9dc2b 100644 --- a/src/app/tree-grid/tree-grid-row-edit/tree-grid-row-editing-sample.component.ts +++ b/src/app/tree-grid/tree-grid-row-edit/tree-grid-row-editing-sample.component.ts @@ -1,5 +1,5 @@ /* eslint-disable max-len */ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { generateEmployeeFlatData, IEmployee } from '../data/employees-flat'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-row-editing-sample', styleUrls: ['tree-grid-row-editing-sample.component.scss'], templateUrl: 'tree-grid-row-editing-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridRowEditSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-row-pinning-extra-column/tree-grid-row-pinning-extra-column.component.ts b/src/app/tree-grid/tree-grid-row-pinning-extra-column/tree-grid-row-pinning-extra-column.component.ts index 431eafea05..963a98ec6d 100644 --- a/src/app/tree-grid/tree-grid-row-pinning-extra-column/tree-grid-row-pinning-extra-column.component.ts +++ b/src/app/tree-grid/tree-grid-row-pinning-extra-column/tree-grid-row-pinning-extra-column.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnInit, ViewChild, inject } from '@angular/core'; +import { AfterViewInit, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { ColumnPinningPosition } from 'igniteui-angular/core'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -15,6 +15,7 @@ const FILTERING_ICONS_FONT_SET = 'filtering-icons'; selector: 'app-tree-grid-row-pinning-extra-column', styleUrls: ['tree-grid-row-pinning-extra-column.component.scss'], templateUrl: 'tree-grid-row-pinning-extra-column.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxIconComponent] }) export class TreeGridRowPinningExtraColumnSampleComponent implements OnInit, AfterViewInit { diff --git a/src/app/tree-grid/tree-grid-row-pinning-styling/tree-grid-row-pinning-styling.component.ts b/src/app/tree-grid/tree-grid-row-pinning-styling/tree-grid-row-pinning-styling.component.ts index bcfc331cf1..401c4dce38 100644 --- a/src/app/tree-grid/tree-grid-row-pinning-styling/tree-grid-row-pinning-styling.component.ts +++ b/src/app/tree-grid/tree-grid-row-pinning-styling/tree-grid-row-pinning-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { ColumnPinningPosition } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IPinningConfig, IgxColumnComponent, IgxGridPinningActionsComponent, RowPinningPosition } from 'igniteui-angular/grids/core'; @@ -11,6 +11,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-row-pinning-styling', styleUrls: ['tree-grid-row-pinning-styling.component.scss'], templateUrl: 'tree-grid-row-pinning-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxActionStripComponent, IgxGridPinningActionsComponent] }) export class TreeGridRowPinningStylingSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-row-pinning/tree-grid-row-pinning.component.ts b/src/app/tree-grid/tree-grid-row-pinning/tree-grid-row-pinning.component.ts index f8edae13c7..c1023e41af 100644 --- a/src/app/tree-grid/tree-grid-row-pinning/tree-grid-row-pinning.component.ts +++ b/src/app/tree-grid/tree-grid-row-pinning/tree-grid-row-pinning.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { ColumnPinningPosition } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IPinningConfig, IgxColumnComponent, IgxGridEditingActionsComponent, IgxGridPinningActionsComponent, RowPinningPosition } from 'igniteui-angular/grids/core'; @@ -12,6 +12,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-row-pinning', styleUrls: ['tree-grid-row-pinning.component.scss'], templateUrl: 'tree-grid-row-pinning.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxActionStripComponent, IgxGridPinningActionsComponent, IgxGridEditingActionsComponent] }) export class TreeGridRowPinningSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-row-reorder/tree-grid-row-reorder.component.ts b/src/app/tree-grid/tree-grid-row-reorder/tree-grid-row-reorder.component.ts index 4a2d0709b3..62a3a94cd7 100644 --- a/src/app/tree-grid/tree-grid-row-reorder/tree-grid-row-reorder.component.ts +++ b/src/app/tree-grid/tree-grid-row-reorder/tree-grid-row-reorder.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { GridSelectionMode, IgxColumnComponent, RowType } from 'igniteui-angular/grids/core'; @@ -11,6 +11,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-row-reorder', styleUrls: ['tree-grid-row-reorder.component.scss'], templateUrl: 'tree-grid-row-reorder.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxDropDirective, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent] }) export class TreeGridRowReorderComponent { diff --git a/src/app/tree-grid/tree-grid-rowClasses-sample/tree-grid-rowClasses.component.ts b/src/app/tree-grid/tree-grid-rowClasses-sample/tree-grid-rowClasses.component.ts index 4f7615de38..cf9bf27700 100644 --- a/src/app/tree-grid/tree-grid-rowClasses-sample/tree-grid-rowClasses.component.ts +++ b/src/app/tree-grid/tree-grid-rowClasses-sample/tree-grid-rowClasses.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent, RowType } from 'igniteui-angular/grids/core'; import { generateEmployeeFlatData, IEmployee } from '../data/employees-flat'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-row-classes-sample', styleUrls: ['tree-grid-rowClasses.component.scss'], templateUrl: 'tree-grid-rowClasses.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridRowClassesComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-rowStyles-sample/tree-grid-rowStyle.component.ts b/src/app/tree-grid/tree-grid-rowStyles-sample/tree-grid-rowStyle.component.ts index b18c2bcc1a..aaffb10371 100644 --- a/src/app/tree-grid/tree-grid-rowStyles-sample/tree-grid-rowStyle.component.ts +++ b/src/app/tree-grid/tree-grid-rowStyles-sample/tree-grid-rowStyle.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent, RowType } from 'igniteui-angular/grids/core'; import { generateEmployeeFlatData, IEmployee } from '../data/employees-flat'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-row-styles-sample', styleUrls: ['tree-grid-rowStyle.component.scss'], templateUrl: 'tree-grid-rowStyle.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridRowStylesComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-sample-both-pinning/tree-grid-both-sides-pinning.component.ts b/src/app/tree-grid/tree-grid-sample-both-pinning/tree-grid-both-sides-pinning.component.ts index 520c1b8983..1bbb638ec9 100644 --- a/src/app/tree-grid/tree-grid-sample-both-pinning/tree-grid-both-sides-pinning.component.ts +++ b/src/app/tree-grid/tree-grid-sample-both-pinning/tree-grid-both-sides-pinning.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core'; +import { Component, OnInit, TemplateRef, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; import { ColumnPinningPosition, ColumnType } from 'igniteui-angular/core'; import { IPinningConfig, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -11,6 +11,7 @@ import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detaile selector: 'app-tree-grid-sample', styleUrls: ['tree-grid-both-sides-pinning.component.scss'], templateUrl: 'tree-grid-both-sides-pinning.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxTreeGridComponent, IgxGridToolbarComponent, diff --git a/src/app/tree-grid/tree-grid-sample-right-pinning/tree-grid-right-pinning.component.ts b/src/app/tree-grid/tree-grid-sample-right-pinning/tree-grid-right-pinning.component.ts index 00338b5c0b..9ff79271c0 100644 --- a/src/app/tree-grid/tree-grid-sample-right-pinning/tree-grid-right-pinning.component.ts +++ b/src/app/tree-grid/tree-grid-sample-right-pinning/tree-grid-right-pinning.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core'; +import { Component, OnInit, TemplateRef, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; import { ColumnPinningPosition } from 'igniteui-angular/core'; import { IPinningConfig, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -10,6 +10,7 @@ import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detaile selector: 'app-tree-grid-sample', styleUrls: ['tree-grid-right-pinning.component.scss'], templateUrl: 'tree-grid-right-pinning.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarPinningComponent, IgxColumnComponent] }) diff --git a/src/app/tree-grid/tree-grid-save-state/about.component.ts b/src/app/tree-grid/tree-grid-save-state/about.component.ts index 344dcf0177..0239f7c566 100644 --- a/src/app/tree-grid/tree-grid-save-state/about.component.ts +++ b/src/app/tree-grid/tree-grid-save-state/about.component.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { RouterLink } from '@angular/router'; @Component({ selector: 'app-about', templateUrl: './about.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, RouterLink] }) export class TGridAboutComponent { diff --git a/src/app/tree-grid/tree-grid-save-state/tGrid-state.component.ts b/src/app/tree-grid/tree-grid-save-state/tGrid-state.component.ts index 01844d2142..c7069bf9e8 100644 --- a/src/app/tree-grid/tree-grid-save-state/tGrid-state.component.ts +++ b/src/app/tree-grid/tree-grid-save-state/tGrid-state.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ViewChildren, QueryList, AfterViewInit, inject } from '@angular/core'; +import { Component, OnInit, ViewChild, ViewChildren, QueryList, AfterViewInit, inject, ChangeDetectionStrategy } from '@angular/core'; import { Router, RouterLink } from '@angular/router'; import { FilteringExpressionsTree, FilteringLogic } from 'igniteui-angular/core'; import { GridFeatures, IGridState, IGridStateOptions, IgxColumnComponent, IgxGridStateDirective } from 'igniteui-angular/grids/core'; @@ -16,6 +16,7 @@ import { EMPLOYEE_DATA } from './data'; selector: 'app-tgrid', styleUrls: ['./tGrid-state.component.scss'], templateUrl: './tGrid-state.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxIconComponent, RouterLink, IgxCheckboxComponent, IgxTreeGridComponent, IgxGridStateDirective, IgxPaginatorComponent, IgxColumnComponent] }) diff --git a/src/app/tree-grid/tree-grid-search-sample/tree-grid-search-sample.component.ts b/src/app/tree-grid/tree-grid-search-sample/tree-grid-search-sample.component.ts index 2827e076ef..562bcd4e30 100644 --- a/src/app/tree-grid/tree-grid-search-sample/tree-grid-search-sample.component.ts +++ b/src/app/tree-grid/tree-grid-search-sample/tree-grid-search-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxInputDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -14,6 +14,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-search-sample', styleUrls: ['./tree-grid-search-sample.component.scss'], templateUrl: './tree-grid-search-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxChipsAreaComponent, IgxChipComponent, IgxIconButtonDirective, IgxRippleDirective, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridSearchSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-selection-sample/tree-grid-selection-sample.component.ts b/src/app/tree-grid/tree-grid-selection-sample/tree-grid-selection-sample.component.ts index 954802ffda..33945b738b 100644 --- a/src/app/tree-grid/tree-grid-selection-sample/tree-grid-selection-sample.component.ts +++ b/src/app/tree-grid/tree-grid-selection-sample/tree-grid-selection-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { GridSelectionMode, IRowSelectionEventArgs, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -14,6 +14,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-selection-sample', styleUrls: ['./tree-grid-selection-sample.component.scss'], templateUrl: './tree-grid-selection-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxButtonGroupComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxSnackbarComponent, IgxIconComponent] }) export class TreeGridSelectionSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-selection-template-numbers/tree-grid-selection-template-numbers.component.ts b/src/app/tree-grid/tree-grid-selection-template-numbers/tree-grid-selection-template-numbers.component.ts index 6dfe1cf7f0..1fc5c84dfe 100644 --- a/src/app/tree-grid/tree-grid-selection-template-numbers/tree-grid-selection-template-numbers.component.ts +++ b/src/app/tree-grid/tree-grid-selection-template-numbers/tree-grid-selection-template-numbers.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { generateEmployeeFlatData } from '../data/employees-flat'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-selection-template-numbers', styleUrls: ['./tree-grid-selection-template-numbers.component.scss'], templateUrl: './tree-grid-selection-template-numbers.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxHeadSelectorDirective, IgxRowSelectorDirective, IgxCheckboxComponent] }) export class TreeGridSelectionTemplateNumbersSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-sorting-sample/tree-grid-contextmenu/tree-grid-contextmenu.component.ts b/src/app/tree-grid/tree-grid-sorting-sample/tree-grid-contextmenu/tree-grid-contextmenu.component.ts index cf2f415a66..b76fa4d896 100644 --- a/src/app/tree-grid/tree-grid-sorting-sample/tree-grid-contextmenu/tree-grid-contextmenu.component.ts +++ b/src/app/tree-grid/tree-grid-sorting-sample/tree-grid-contextmenu/tree-grid-contextmenu.component.ts @@ -1,4 +1,4 @@ -import { Component, Input } from '@angular/core'; +import { Component, Input, ChangeDetectionStrategy } from '@angular/core'; import { SortingDirection } from 'igniteui-angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { NgStyle } from '@angular/common'; @@ -7,6 +7,7 @@ import { NgStyle } from '@angular/common'; selector: 'app-tree-grid-contextmenu', styleUrls: ['./tree-grid-contextmenu.component.scss'], templateUrl: './tree-grid-contextmenu.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [NgStyle, IgxIconComponent] }) export class TreeGridContextmenuComponent { diff --git a/src/app/tree-grid/tree-grid-sorting-sample/tree-grid-sorting-sample.component.ts b/src/app/tree-grid/tree-grid-sorting-sample/tree-grid-sorting-sample.component.ts index 528e8b8cb1..7c7fc509cc 100644 --- a/src/app/tree-grid/tree-grid-sorting-sample/tree-grid-sorting-sample.component.ts +++ b/src/app/tree-grid/tree-grid-sorting-sample/tree-grid-sorting-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, AfterViewInit } from '@angular/core'; +import { Component, OnInit, ViewChild, AfterViewInit, ChangeDetectionStrategy } from '@angular/core'; import { DefaultSortingStrategy, ISortingOptions, SortingDirection } from 'igniteui-angular/core'; import { IgxTreeGridComponent, IgxTreeGridGroupByAreaComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; @@ -15,6 +15,7 @@ import { TreeGridContextmenuComponent } from './tree-grid-contextmenu/tree-grid- selector: 'app-tree-grid-sorting-sample', styleUrls: ['./tree-grid-sorting-sample.component.scss'], templateUrl: 'tree-grid-sorting-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxButtonDirective, IgxGridToolbarActionsComponent, IgxSimpleComboComponent, FormsModule, IgxComboClearIconDirective, IgxComboItemDirective, IgxTreeGridGroupByAreaComponent, IgxColumnComponent, IgxCellTemplateDirective, TreeGridContextmenuComponent, UpperCasePipe] }) diff --git a/src/app/tree-grid/tree-grid-sorting-styling/tree-grid-sorting-styling.component.ts b/src/app/tree-grid/tree-grid-sorting-styling/tree-grid-sorting-styling.component.ts index a8e9de0d38..57e20c0ae5 100644 --- a/src/app/tree-grid/tree-grid-sorting-styling/tree-grid-sorting-styling.component.ts +++ b/src/app/tree-grid/tree-grid-sorting-styling/tree-grid-sorting-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { DefaultSortingStrategy, SortingDirection } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-sorting-styling', styleUrls: ['./tree-grid-sorting-styling.component.scss'], templateUrl: 'tree-grid-sorting-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) diff --git a/src/app/tree-grid/tree-grid-style/tree-grid-style.component.ts b/src/app/tree-grid/tree-grid-style/tree-grid-style.component.ts index 653f39c22b..c6786423d5 100644 --- a/src/app/tree-grid/tree-grid-style/tree-grid-style.component.ts +++ b/src/app/tree-grid/tree-grid-style/tree-grid-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { EMPLOYEE_FLAT_AVATARS_DATA } from '../data/employees-flat-avatars'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-style', styleUrls: ['./tree-grid-style.component.scss'], templateUrl: './tree-grid-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent] }) export class TreeGridStyleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-summary-export/tree-grid-summary-export.component.ts b/src/app/tree-grid/tree-grid-summary-export/tree-grid-summary-export.component.ts index 4c8318e0f8..067fecabff 100644 --- a/src/app/tree-grid/tree-grid-summary-export/tree-grid-summary-export.component.ts +++ b/src/app/tree-grid/tree-grid-summary-export/tree-grid-summary-export.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, inject } from '@angular/core'; +import { Component, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { ColumnType } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -12,6 +12,7 @@ import { DatePipe } from '@angular/common'; selector: 'app-tree-grid-summary-export', styleUrls: ['./tree-grid-summary-export.component.scss'], templateUrl: './tree-grid-summary-export.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxCellHeaderTemplateDirective, IgxIconComponent, DatePipe] }) export class TreeGridSummaryExportComponent { diff --git a/src/app/tree-grid/tree-grid-summary-formatter/tree-grid-summary-formatter.component.ts b/src/app/tree-grid/tree-grid-summary-formatter/tree-grid-summary-formatter.component.ts index 142baff8c8..1093a5cd52 100644 --- a/src/app/tree-grid/tree-grid-summary-formatter/tree-grid-summary-formatter.component.ts +++ b/src/app/tree-grid/tree-grid-summary-formatter/tree-grid-summary-formatter.component.ts @@ -1,5 +1,5 @@ import { DatePipe } from '@angular/common'; -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxDateSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxSummaryResult } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -10,6 +10,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-summary-formatter', styleUrls: ['./tree-grid-summary-formatter.component.scss'], templateUrl: 'tree-grid-summary-formatter.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) diff --git a/src/app/tree-grid/tree-grid-summary-sample/tree-grid-summary-sample.component.ts b/src/app/tree-grid/tree-grid-summary-sample/tree-grid-summary-sample.component.ts index bd9858e365..2ca6b33dd3 100644 --- a/src/app/tree-grid/tree-grid-summary-sample/tree-grid-summary-sample.component.ts +++ b/src/app/tree-grid/tree-grid-summary-sample/tree-grid-summary-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { ColumnType } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -11,6 +11,7 @@ import { DatePipe } from '@angular/common'; selector: 'app-tree-grid-summary-sample', styleUrls: ['./tree-grid-summary-sample.component.scss'], templateUrl: './tree-grid-summary-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxCellHeaderTemplateDirective, IgxIconComponent, DatePipe] }) export class TreeGridSummarySampleComponent { diff --git a/src/app/tree-grid/tree-grid-summary-styling/tree-grid-summary-styling.component.ts b/src/app/tree-grid/tree-grid-summary-styling/tree-grid-summary-styling.component.ts index 96908837a8..680d442010 100644 --- a/src/app/tree-grid/tree-grid-summary-styling/tree-grid-summary-styling.component.ts +++ b/src/app/tree-grid/tree-grid-summary-styling/tree-grid-summary-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { ColumnType } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -11,6 +11,7 @@ import { DatePipe } from '@angular/common'; selector: 'app-tree-grid-summary-styling', styleUrls: ['./tree-grid-summary-styling.component.scss'], templateUrl: './tree-grid-summary-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxCellHeaderTemplateDirective, IgxIconComponent, DatePipe] }) export class TreeGridSummaryStylingComponent { diff --git a/src/app/tree-grid/tree-grid-summary2-sample/tree-grid-summary2-sample.component.ts b/src/app/tree-grid/tree-grid-summary2-sample/tree-grid-summary2-sample.component.ts index e5c2dfd9fd..1b2c37938d 100644 --- a/src/app/tree-grid/tree-grid-summary2-sample/tree-grid-summary2-sample.component.ts +++ b/src/app/tree-grid/tree-grid-summary2-sample/tree-grid-summary2-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { DefaultSortingStrategy, GridSummaryCalculationMode, ISortingExpression, IgxSummaryResult, SortingDirection } from 'igniteui-angular/core'; import { GridSummaryPosition, IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -26,6 +26,7 @@ class AvgSummary { selector: 'app-tree-grid-summary2-sample', styleUrls: ['./tree-grid-summary2-sample.component.scss'], templateUrl: './tree-grid-summary2-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxSwitchComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) export class TreeGridSummary2SampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-toolbar-sample-1/tree-grid-toolbar-sample-1.component.ts b/src/app/tree-grid/tree-grid-toolbar-sample-1/tree-grid-toolbar-sample-1.component.ts index 098ef97f2d..85217c9e5e 100644 --- a/src/app/tree-grid/tree-grid-toolbar-sample-1/tree-grid-toolbar-sample-1.component.ts +++ b/src/app/tree-grid/tree-grid-toolbar-sample-1/tree-grid-toolbar-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { EMPLOYEE_FLAT_AVATARS_DATA } from '../data/employees-flat-avatars'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @@ -13,6 +13,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-toolbar-sample-1', styleUrls: ['./tree-grid-toolbar-sample-1.component.scss'], templateUrl: './tree-grid-toolbar-sample-1.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxSwitchComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarAdvancedFilteringComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent] }) export class TreeGridToolbarSample1Component { diff --git a/src/app/tree-grid/tree-grid-toolbar-sample-2/tree-grid-toolbar-sample-2.component.ts b/src/app/tree-grid/tree-grid-toolbar-sample-2/tree-grid-toolbar-sample-2.component.ts index b225017650..c90d97b001 100644 --- a/src/app/tree-grid/tree-grid-toolbar-sample-2/tree-grid-toolbar-sample-2.component.ts +++ b/src/app/tree-grid/tree-grid-toolbar-sample-2/tree-grid-toolbar-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { CsvFileTypes, IColumnExportingEventArgs, @@ -22,6 +22,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-toolbar-sample-2', styleUrls: ['./tree-grid-toolbar-sample-2.component.scss'], templateUrl: './tree-grid-toolbar-sample-2.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent] }) export class TreeGridToolbarSample2Component { @@ -35,7 +36,7 @@ export class TreeGridToolbarSample2Component { public configureExport(args: IGridToolbarExportEventArgs) { // You can customize the exporting from this event const options: IgxExporterOptionsBase = args.options; - + options.fileName = `Report_${new Date().toDateString()}`; if (options instanceof IgxExcelExporterOptions) { diff --git a/src/app/tree-grid/tree-grid-toolbar-sample-3/tree-grid-toolbar-sample-3.component.ts b/src/app/tree-grid/tree-grid-toolbar-sample-3/tree-grid-toolbar-sample-3.component.ts index 165b0d642d..8ef0a9f128 100644 --- a/src/app/tree-grid/tree-grid-toolbar-sample-3/tree-grid-toolbar-sample-3.component.ts +++ b/src/app/tree-grid/tree-grid-toolbar-sample-3/tree-grid-toolbar-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { EMPLOYEE_FLAT_AVATARS_DATA } from '../data/employees-flat-avatars'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -11,6 +11,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-toolbar-sample-3', styleUrls: ['./tree-grid-toolbar-sample-3.component.scss'], templateUrl: './tree-grid-toolbar-sample-3.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxButtonDirective, IgxRippleDirective, IgxIconComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent] }) export class TreeGridToolbarSample3Component { diff --git a/src/app/tree-grid/tree-grid-toolbar-sample-4/tree-grid-toolbar-sample-4.component.ts b/src/app/tree-grid/tree-grid-toolbar-sample-4/tree-grid-toolbar-sample-4.component.ts index 0463d4bb47..2a53282837 100644 --- a/src/app/tree-grid/tree-grid-toolbar-sample-4/tree-grid-toolbar-sample-4.component.ts +++ b/src/app/tree-grid/tree-grid-toolbar-sample-4/tree-grid-toolbar-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { EMPLOYEE_FLAT_AVATARS_DATA } from '../data/employees-flat-avatars'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarAdvancedFilteringComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-toolbar-sample-4', styleUrls: ['./tree-grid-toolbar-sample-4.component.scss'], templateUrl: './tree-grid-toolbar-sample-4.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarAdvancedFilteringComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent] }) export class TreeGridToolbarSample4Component { diff --git a/src/app/tree-grid/tree-grid-toolbar-style/tree-grid-toolbar-style.component.ts b/src/app/tree-grid/tree-grid-toolbar-style/tree-grid-toolbar-style.component.ts index f64edf5e34..d23646847c 100644 --- a/src/app/tree-grid/tree-grid-toolbar-style/tree-grid-toolbar-style.component.ts +++ b/src/app/tree-grid/tree-grid-toolbar-style/tree-grid-toolbar-style.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { EMPLOYEE_FLAT_AVATARS_DATA } from '../data/employees-flat-avatars'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -9,6 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-toolbar-style', styleUrls: ['./tree-grid-toolbar-style.component.scss'], templateUrl: './tree-grid-toolbar-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent] }) export class TreeGridToolbarStyleComponent { diff --git a/src/app/tree-grid/tree-grid-tree-filter-view/tree-grid-tree-filter-view.component.ts b/src/app/tree-grid/tree-grid-tree-filter-view/tree-grid-tree-filter-view.component.ts index 9bf06c8bcd..fa0bcdc1f5 100644 --- a/src/app/tree-grid/tree-grid-tree-filter-view/tree-grid-tree-filter-view.component.ts +++ b/src/app/tree-grid/tree-grid-tree-filter-view/tree-grid-tree-filter-view.component.ts @@ -9,6 +9,7 @@ import { ORDERS_DATA } from '../data/orders'; import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scroll.directive'; @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-tree-grid-tree-filter-view', styleUrls: ['./tree-grid-tree-filter-view.component.scss'], templateUrl: 'tree-grid-tree-filter-view.component.html', diff --git a/src/app/tree-grid/tree-grid-validation-style/tree-grid-validation-style.component.ts b/src/app/tree-grid/tree-grid-validation-style/tree-grid-validation-style.component.ts index dad7ada413..d0b1e9203d 100644 --- a/src/app/tree-grid/tree-grid-validation-style/tree-grid-validation-style.component.ts +++ b/src/app/tree-grid/tree-grid-validation-style/tree-grid-validation-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellValidationErrorDirective, IgxColumnComponent, IgxColumnRequiredValidatorDirective, RowType } from 'igniteui-angular/grids/core'; import { generateEmployeeFlatData, IEmployee } from '../data/employees-flat'; @@ -9,6 +9,7 @@ import { NgTemplateOutlet } from '@angular/common'; selector: 'app-tree-grid-validation-style', styleUrls: ['tree-grid-validation-style.component.scss'], templateUrl: 'tree-grid-validation-style.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnRequiredValidatorDirective, IgxCellValidationErrorDirective, NgTemplateOutlet] }) export class TreeGridValidationStyleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-validator-service-cross-field/tree-grid-validator-service-cross-field.component.ts b/src/app/tree-grid/tree-grid-validator-service-cross-field/tree-grid-validator-service-cross-field.component.ts index fdd189b877..4a1f1c0c53 100644 --- a/src/app/tree-grid/tree-grid-validator-service-cross-field/tree-grid-validator-service-cross-field.component.ts +++ b/src/app/tree-grid/tree-grid-validator-service-cross-field/tree-grid-validator-service-cross-field.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { AbstractControl, FormGroup, ValidationErrors, ValidatorFn, FormsModule, ReactiveFormsModule } from '@angular/forms'; import { ColumnPinningPosition } from 'igniteui-angular/core'; import { CellType, IGridEditEventArgs, IGridFormGroupCreatedEventArgs, IPinningConfig, IgxCellEditorTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent, IgxColumnMaxValidatorDirective, IgxColumnMinValidatorDirective, IgxColumnRequiredValidatorDirective } from 'igniteui-angular/grids/core'; @@ -15,6 +15,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-validator-service-cross-field-component', styleUrls: ['tree-grid-validator-service-cross-field.component.scss'], templateUrl: 'tree-grid-validator-service-cross-field.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnRequiredValidatorDirective, IgxColumnMinValidatorDirective, IgxColumnMaxValidatorDirective, IgxCellEditorTemplateDirective, IgxSelectComponent, ReactiveFormsModule, IgxFocusDirective, IgxSelectItemComponent, IgxCellTemplateDirective, IgxTooltipTargetDirective, IgxTooltipDirective, IgxButtonDirective] }) export class TreeGridValidatorServiceCrossFieldComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-validator-service-extended/tree-grid-validator-service-extended.component.ts b/src/app/tree-grid/tree-grid-validator-service-extended/tree-grid-validator-service-extended.component.ts index 478bcd4f14..a3c07b8285 100644 --- a/src/app/tree-grid/tree-grid-validator-service-extended/tree-grid-validator-service-extended.component.ts +++ b/src/app/tree-grid/tree-grid-validator-service-extended/tree-grid-validator-service-extended.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, Directive, forwardRef, Input, OnInit, ViewChild } from '@angular/core'; +import { Component, Directive, Input, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { AbstractControl, FormGroup, NG_VALIDATORS, ValidationErrors, ValidatorFn, Validators } from '@angular/forms'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IGridFormGroupCreatedEventArgs, IgxCellValidationErrorDirective, IgxColumnComponent, IgxColumnMaxValidatorDirective, IgxColumnMinValidatorDirective, IgxColumnRequiredValidatorDirective } from 'igniteui-angular/grids/core'; @@ -17,7 +17,7 @@ export function phoneFormatValidator(phoneReg: RegExp): ValidatorFn { @Directive({ selector: '[phoneFormat]', - providers: [{ provide: NG_VALIDATORS, useExisting: forwardRef(() => TGridPhoneFormatDirective), multi: true }] + providers: [{ provide: NG_VALIDATORS, useExisting: TGridPhoneFormatDirective, multi: true }] }) export class TGridPhoneFormatDirective extends Validators { @Input('phoneFormat') @@ -33,6 +33,7 @@ export class TGridPhoneFormatDirective extends Validators { selector: 'app-tree-grid-validator-service-extended-component', styleUrls: ['tree-grid-validator-service-extended.component.scss'], templateUrl: 'tree-grid-validator-service-extended.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnMinValidatorDirective, IgxColumnRequiredValidatorDirective, IgxColumnMaxValidatorDirective, TGridPhoneFormatDirective, IgxCellValidationErrorDirective, NgTemplateOutlet, IgxButtonDirective] }) export class TreeGridValidatorServiceExtendedComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-validator-service/tree-grid-validator-service.component.ts b/src/app/tree-grid/tree-grid-validator-service/tree-grid-validator-service.component.ts index d72902bfab..913c8578a8 100644 --- a/src/app/tree-grid/tree-grid-validator-service/tree-grid-validator-service.component.ts +++ b/src/app/tree-grid/tree-grid-validator-service/tree-grid-validator-service.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; import { IgxColumnComponent, IgxColumnMaxValidatorDirective, IgxColumnMinValidatorDirective, IgxColumnRequiredValidatorDirective } from 'igniteui-angular/grids/core'; @@ -11,6 +11,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-validator-service-component', styleUrls: ['tree-grid-validator-service.component.scss'], templateUrl: 'tree-grid-validator-service.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnRequiredValidatorDirective, IgxColumnMinValidatorDirective, IgxColumnMaxValidatorDirective] }) export class TreeGridValidatorServiceComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-virtualization-sample/tree-grid-virtualization-sample.component.ts b/src/app/tree-grid/tree-grid-virtualization-sample/tree-grid-virtualization-sample.component.ts index 13adc3ee67..18d1b8c37b 100644 --- a/src/app/tree-grid/tree-grid-virtualization-sample/tree-grid-virtualization-sample.component.ts +++ b/src/app/tree-grid/tree-grid-virtualization-sample/tree-grid-virtualization-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, inject } from '@angular/core'; +import { Component, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxBadgeComponent } from 'igniteui-angular/badge'; @@ -13,6 +13,7 @@ import { AsyncPipe } from '@angular/common'; selector: 'tree-grid-virtualization-sample', styleUrls: ['./tree-grid-virtualization-sample.component.scss'], templateUrl: 'tree-grid-virtualization-sample.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxBadgeComponent, AsyncPipe] }) diff --git a/src/app/tree-grid/treegrid-allData-summary/treegrid-allData-summary.component.ts b/src/app/tree-grid/treegrid-allData-summary/treegrid-allData-summary.component.ts index c21c1e450d..4296b1149b 100644 --- a/src/app/tree-grid/treegrid-allData-summary/treegrid-allData-summary.component.ts +++ b/src/app/tree-grid/treegrid-allData-summary/treegrid-allData-summary.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; import { IgxColumnComponent, IgxSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxSummaryResult } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -45,6 +45,7 @@ class PTOSummary { selector: 'app-treegrid-all-data-summary-sample', styleUrls: ['./treegrid-allData-summary.component.scss'], templateUrl: './treegrid-allData-summary.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridAllDataSummaryComponent implements OnInit { diff --git a/src/app/tree-grid/treegrid-column-autosizing/treegrid-column-autosizing.component.ts b/src/app/tree-grid/treegrid-column-autosizing/treegrid-column-autosizing.component.ts index 4d4faf9ac5..ae7bdc6492 100644 --- a/src/app/tree-grid/treegrid-column-autosizing/treegrid-column-autosizing.component.ts +++ b/src/app/tree-grid/treegrid-column-autosizing/treegrid-column-autosizing.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, ChangeDetectionStrategy } from '@angular/core'; import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detailed'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -8,6 +8,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'tree-grid-columnAutoSizing-sample', styleUrls: ['./treegrid-column-autosizing.component.scss'], templateUrl: './treegrid-column-autosizing.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridColumnAutoSizingSampleComponent { diff --git a/src/app/tree-grid/treegrid-summary-template/treegrid-summary-template.component.ts b/src/app/tree-grid/treegrid-summary-template/treegrid-summary-template.component.ts index 2f6a4e64bf..0a8893998c 100644 --- a/src/app/tree-grid/treegrid-summary-template/treegrid-summary-template.component.ts +++ b/src/app/tree-grid/treegrid-summary-template/treegrid-summary-template.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit } from '@angular/core'; +import { Component, HostBinding, OnInit, ChangeDetectionStrategy } from '@angular/core'; import { IgxColumnComponent, IgxSummaryOperand, IgxSummaryTemplateDirective } from 'igniteui-angular/grids/core'; import { IgxSummaryResult } from 'igniteui-angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -49,6 +49,7 @@ class PTOSummary { selector: 'app-treegrid-summary-template', styleUrls: ['./treegrid-summary-template.component.scss'], templateUrl: './treegrid-summary-template.component.html', + changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxSwitchComponent, IgxButtonGroupComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxSummaryTemplateDirective] }) export class TreeGridSummaryTemplateComponent implements OnInit { diff --git a/src/main.server.ts b/src/main.server.ts index fbd3e9dbd7..9c6485729a 100644 --- a/src/main.server.ts +++ b/src/main.server.ts @@ -1,7 +1,8 @@ +import { provideZoneChangeDetection } from "@angular/core"; import { bootstrapApplication, BootstrapContext } from '@angular/platform-browser'; import { AppComponent } from './app/app.component'; import { config } from './app/app.config.server'; -const bootstrap = (context: BootstrapContext) => bootstrapApplication(AppComponent, config, context); +const bootstrap = (context: BootstrapContext) => bootstrapApplication(AppComponent, {...config, providers: [provideZoneChangeDetection(), ...config.providers]}, context); export default bootstrap; diff --git a/src/main.ts b/src/main.ts index fcc3112d63..67e1fd621c 100644 --- a/src/main.ts +++ b/src/main.ts @@ -1,4 +1,4 @@ -import { enableProdMode } from '@angular/core'; +import { enableProdMode, provideZoneChangeDetection } from '@angular/core'; import { environment } from './environments/environment'; import { defineCustomElements } from 'igniteui-dockmanager/loader'; import { bootstrapApplication } from '@angular/platform-browser'; @@ -9,6 +9,6 @@ if (environment.production) { enableProdMode(); } -bootstrapApplication(AppComponent, AppConfig).catch(err => console.log(err)); +bootstrapApplication(AppComponent, {...AppConfig, providers: [provideZoneChangeDetection(), ...AppConfig.providers]}).catch(err => console.log(err)); defineCustomElements(window); diff --git a/src/polyfills.ts b/src/polyfills.ts index 1ccbc6ae9f..665b7dacbd 100644 --- a/src/polyfills.ts +++ b/src/polyfills.ts @@ -3,8 +3,9 @@ * You can add your own extra polyfills to this file. * * This file is divided into 2 sections: - * 1. Browser polyfills. These are sorted by browsers. - * 2. Application imports. Files imported before your main file. + * 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers. + * 2. Application imports. Files imported after ZoneJS that should be loaded before your main + * file. * * The current setup is for so-called 'evergreen' browsers; the last versions of browsers that * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera), @@ -28,7 +29,11 @@ // Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove. //import 'core-js/es7/reflect'; // Run `npm install --save web-animations-js`. +/*************************************************************************************************** + * Zone JS is required by Angular itself. + */ import 'hammerjs/hammer'; +import 'zone.js'; // Included with Angular CLI. /*************************************************************************************************** * @angular/animations polyfill diff --git a/src/test.ts b/src/test.ts index a3a396fe2a..b3163668c2 100644 --- a/src/test.ts +++ b/src/test.ts @@ -1,24 +1,30 @@ -// This file is required by karma.conf.js and loads recursively all the .spec and framework files - -import { getTestBed } from '@angular/core/testing'; -import { - BrowserDynamicTestingModule, - platformBrowserDynamicTesting -} from '@angular/platform-browser-dynamic/testing'; - -// Unfortunately there's no typing for the `__karma__` variable. Just declare it as any. -// eslint-disable-next-line @typescript-eslint/naming-convention -declare const __karma__: any; - -// Prevent Karma from running prematurely. -__karma__.loaded = () => {}; - -// First, initialize the Angular testing environment. -getTestBed().initTestEnvironment( - BrowserDynamicTestingModule, +// This file is required by karma.conf.js and loads recursively all the .spec and framework files + +import { getTestBed } from '@angular/core/testing'; +import { + BrowserDynamicTestingModule, + platformBrowserDynamicTesting +} from '@angular/platform-browser-dynamic/testing'; +import 'zone.js/dist/async-test'; +import 'zone.js/dist/fake-async-test'; +import 'zone.js/dist/jasmine-patch'; +import 'zone.js/dist/long-stack-trace-zone'; +import 'zone.js/dist/proxy.js'; +import 'zone.js/dist/sync-test'; + +// Unfortunately there's no typing for the `__karma__` variable. Just declare it as any. +// eslint-disable-next-line @typescript-eslint/naming-convention +declare const __karma__: any; + +// Prevent Karma from running prematurely. +__karma__.loaded = () => {}; + +// First, initialize the Angular testing environment. +getTestBed().initTestEnvironment( + BrowserDynamicTestingModule, platformBrowserDynamicTesting(), { teardown: { destroyAfterEach: false } -} -); -// Finally, start Karma to run the tests. -__karma__.start(); +} +); +// Finally, start Karma to run the tests. +__karma__.start(); From 1c79731252371ebc2396677a47fe0f8efaa78a17 Mon Sep 17 00:00:00 2001 From: Stamen Stoychev Date: Tue, 4 Aug 2026 12:09:31 +0300 Subject: [PATCH 16/17] fix(*): resolving version issue from conflict resolution --- package-lock.json | 50 +++++------------------------------------------ package.json | 2 +- 2 files changed, 6 insertions(+), 46 deletions(-) diff --git a/package-lock.json b/package-lock.json index 177541bf87..098fe362a6 100644 --- a/package-lock.json +++ b/package-lock.json @@ -42,7 +42,7 @@ "igniteui-angular-extras": "^22.0.0", "igniteui-angular-i18n": "^22.0.0", "igniteui-dockmanager": "^1.17.0", - "igniteui-grid-lite": "^0.7.1", + "igniteui-grid-lite": "^0.9.0", "igniteui-i18n-resources": "^1.0.4", "igniteui-live-editing": "^3.5.1", "igniteui-webcomponents": "^7.2.1", @@ -10604,58 +10604,18 @@ "license": "Apache-2.0" }, "node_modules/igniteui-grid-lite": { - "version": "0.7.1", - "resolved": "https://registry.npmjs.org/igniteui-grid-lite/-/igniteui-grid-lite-0.7.1.tgz", - "integrity": "sha512-CUKa9/U5Tn1DDxPMoHPP5RRbTlA/KqiSaHGDaMrrGNRBFbLQAZJnKNR3mlTgHeIk0rWjL6Wyc2bZgjpTWRQxIQ==", + "version": "0.9.0", + "resolved": "https://registry.npmjs.org/igniteui-grid-lite/-/igniteui-grid-lite-0.9.0.tgz", + "integrity": "sha512-pW6MPniC0Up5YmbdB2QVTpPdIp0lkapPfQbnQQmqhtrvGO8Cpf84FQf1s7uMxatCC6FV5w7fgGpriy3t88yNng==", "license": "MIT", "dependencies": { "@lit-labs/virtualizer": "~2.1.0", "@lit/context": "~1.1.5", - "igniteui-webcomponents": "~7.1.0", - "lit": "^3.3.0" - }, - "engines": { - "node": ">=20" - } - }, - "node_modules/igniteui-grid-lite/node_modules/igniteui-webcomponents": { - "version": "7.1.3", - "resolved": "https://registry.npmjs.org/igniteui-webcomponents/-/igniteui-webcomponents-7.1.3.tgz", - "integrity": "sha512-iG4xBzooIOxtnAG8VIg39zKVWoo9jy2iEK3CDLGZYb9hU1LZx+4SAOPFkB9FSp15dgR4ql6kGKYf93T8oK0sdw==", - "license": "MIT", - "dependencies": { - "@floating-ui/dom": "^1.7.0", - "@lit-labs/virtualizer": "^2.1.0", - "@lit/context": "^1.1.0", - "igniteui-i18n-core": "^1.0.1", + "igniteui-webcomponents": "~7.2.0", "lit": "^3.3.0" }, "engines": { "node": ">=22" - }, - "peerDependencies": { - "dompurify": "^3.3.0", - "igniteui-i18n-resources": "^1.0.1", - "marked": "^17.0.0", - "marked-shiki": "^1.2.0", - "shiki": "^3.20.0" - }, - "peerDependenciesMeta": { - "dompurify": { - "optional": true - }, - "igniteui-i18n-resources": { - "optional": true - }, - "marked": { - "optional": true - }, - "marked-shiki": { - "optional": true - }, - "shiki": { - "optional": true - } } }, "node_modules/igniteui-i18n-core": { diff --git a/package.json b/package.json index 734b5d56ef..fb56a53aed 100644 --- a/package.json +++ b/package.json @@ -79,7 +79,7 @@ "igniteui-angular-extras": "^22.0.0", "igniteui-angular-i18n": "^22.0.0", "igniteui-dockmanager": "^1.17.0", - "igniteui-grid-lite": "^0.7.1", + "igniteui-grid-lite": "^0.9.0", "igniteui-i18n-resources": "^1.0.4", "igniteui-live-editing": "^3.5.1", "igniteui-webcomponents": "^7.2.1", From bbc1afc5622a21de3073dfe5f9bb13af38186eb6 Mon Sep 17 00:00:00 2001 From: Stamen Stoychev Date: Tue, 4 Aug 2026 13:45:56 +0300 Subject: [PATCH 17/17] chore(*): resolving issues in package.lock --- package-lock.json | 5662 ++++++++++++++++++++------------------------- 1 file changed, 2529 insertions(+), 3133 deletions(-) diff --git a/package-lock.json b/package-lock.json index 098fe362a6..a7b0d39e7e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -97,215 +97,6 @@ "webpack-bundle-analyzer": "^4.10.0" } }, - "node_modules/@algolia/abtesting": { - "version": "1.18.0", - "resolved": "https://registry.npmjs.org/@algolia/abtesting/-/abtesting-1.18.0.tgz", - "integrity": "sha512-8siuLG+FIns1AjZ/g2SDVwHz9S+ObacDQISEJvS8XsNei1zl3FXqfqQrBpmrG7ACWCyesXHbicMJtvRbg00FEw==", - "dev": true, - "license": "MIT", - "dependencies": { - "@algolia/client-common": "5.52.0", - "@algolia/requester-browser-xhr": "5.52.0", - "@algolia/requester-fetch": "5.52.0", - "@algolia/requester-node-http": "5.52.0" - }, - "engines": { - "node": ">= 14.0.0" - } - }, - "node_modules/@algolia/client-abtesting": { - "version": "5.52.0", - "resolved": "https://registry.npmjs.org/@algolia/client-abtesting/-/client-abtesting-5.52.0.tgz", - "integrity": "sha512-wtwPgyPmO7b7sQPVgoK29c1VpfS08DnnJCmxX/oU1pV2DlMRJCzQcLN7JSloYpodyKHwM8+9wOzlAM0co3TDmA==", - "dev": true, - "license": "MIT", - "dependencies": { - "@algolia/client-common": "5.52.0", - "@algolia/requester-browser-xhr": "5.52.0", - "@algolia/requester-fetch": "5.52.0", - "@algolia/requester-node-http": "5.52.0" - }, - "engines": { - "node": ">= 14.0.0" - } - }, - "node_modules/@algolia/client-analytics": { - "version": "5.52.0", - "resolved": "https://registry.npmjs.org/@algolia/client-analytics/-/client-analytics-5.52.0.tgz", - "integrity": "sha512-9KY36bRl4AH7RjqSeDDOKnjsz4IxQFBEOB8/fWmEbdQe+Isbs5jGzVJu9NEPQ1Tgwxlf8Uf07Swj3jZyMNUZ2g==", - "dev": true, - "license": "MIT", - "dependencies": { - "@algolia/client-common": "5.52.0", - "@algolia/requester-browser-xhr": "5.52.0", - "@algolia/requester-fetch": "5.52.0", - "@algolia/requester-node-http": "5.52.0" - }, - "engines": { - "node": ">= 14.0.0" - } - }, - "node_modules/@algolia/client-common": { - "version": "5.52.0", - "resolved": "https://registry.npmjs.org/@algolia/client-common/-/client-common-5.52.0.tgz", - "integrity": "sha512-3a/qM3dzJqqfTx7Yrw7uGQ98I3Q0rDfb4Vkv0wEzko96l7YQMxfBVz/VbLq2N+c59GweYv6Vhp8mPeqnWJSITw==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">= 14.0.0" - } - }, - "node_modules/@algolia/client-insights": { - "version": "5.52.0", - "resolved": "https://registry.npmjs.org/@algolia/client-insights/-/client-insights-5.52.0.tgz", - "integrity": "sha512-Rki7ACbMcvbQW0BuM84x9dkGHY47ABmv4jU6tYssat2k02p3mIUms2YOLUAMeknhmnFsj6lb6ZzOXdMWMyc1sA==", - "dev": true, - "license": "MIT", - "dependencies": { - "@algolia/client-common": "5.52.0", - "@algolia/requester-browser-xhr": "5.52.0", - "@algolia/requester-fetch": "5.52.0", - "@algolia/requester-node-http": "5.52.0" - }, - "engines": { - "node": ">= 14.0.0" - } - }, - "node_modules/@algolia/client-personalization": { - "version": "5.52.0", - "resolved": "https://registry.npmjs.org/@algolia/client-personalization/-/client-personalization-5.52.0.tgz", - "integrity": "sha512-96s4Uzc3kk+/f4jJXIVVGWP5XlngOGNQ1x6hW9AT59pOixHlOs5tqJg+ZUS/GQ6h/iYP0ceQcmxDQeLyCLTaDQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "@algolia/client-common": "5.52.0", - "@algolia/requester-browser-xhr": "5.52.0", - "@algolia/requester-fetch": "5.52.0", - "@algolia/requester-node-http": "5.52.0" - }, - "engines": { - "node": ">= 14.0.0" - } - }, - "node_modules/@algolia/client-query-suggestions": { - "version": "5.52.0", - "resolved": "https://registry.npmjs.org/@algolia/client-query-suggestions/-/client-query-suggestions-5.52.0.tgz", - "integrity": "sha512-lqeycNpSPe5Qa0OUWpejVvYQjQWV5nQuLT0a4aq7XzRAvCxprV/6Lf841EygdD2nrFnuS58ok7Au1uOtXzpnkg==", - "dev": true, - "license": "MIT", - "dependencies": { - "@algolia/client-common": "5.52.0", - "@algolia/requester-browser-xhr": "5.52.0", - "@algolia/requester-fetch": "5.52.0", - "@algolia/requester-node-http": "5.52.0" - }, - "engines": { - "node": ">= 14.0.0" - } - }, - "node_modules/@algolia/client-search": { - "version": "5.52.0", - "resolved": "https://registry.npmjs.org/@algolia/client-search/-/client-search-5.52.0.tgz", - "integrity": "sha512-ly1wETVGRo30cx61O7fetESN+ElL9c9K+bD/AVgnT1ar4c6v+/Yqjrhdtu6Fm4D0s4NZP081Isf6tunH1wUXHg==", - "dev": true, - "license": "MIT", - "dependencies": { - "@algolia/client-common": "5.52.0", - "@algolia/requester-browser-xhr": "5.52.0", - "@algolia/requester-fetch": "5.52.0", - "@algolia/requester-node-http": "5.52.0" - }, - "engines": { - "node": ">= 14.0.0" - } - }, - "node_modules/@algolia/ingestion": { - "version": "1.52.0", - "resolved": "https://registry.npmjs.org/@algolia/ingestion/-/ingestion-1.52.0.tgz", - "integrity": "sha512-U4EeTvgmluRjj39ykZSAd5X+a6LD5m7/mcOWDmB7hqm1R6QY0yT8jLxpNVEjYhzgEN5hcDGW6X67EWQY8KiYGQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "@algolia/client-common": "5.52.0", - "@algolia/requester-browser-xhr": "5.52.0", - "@algolia/requester-fetch": "5.52.0", - "@algolia/requester-node-http": "5.52.0" - }, - "engines": { - "node": ">= 14.0.0" - } - }, - "node_modules/@algolia/monitoring": { - "version": "1.52.0", - "resolved": "https://registry.npmjs.org/@algolia/monitoring/-/monitoring-1.52.0.tgz", - "integrity": "sha512-FCPnDcILfpTE94u7BVlV4DmnSV5wE3+j25EEF+3dYPrVzkVCSoAHs318oWDGxnxsAgiL4HpL12Jc4XHmw9shpA==", - "dev": true, - "license": "MIT", - "dependencies": { - "@algolia/client-common": "5.52.0", - "@algolia/requester-browser-xhr": "5.52.0", - "@algolia/requester-fetch": "5.52.0", - "@algolia/requester-node-http": "5.52.0" - }, - "engines": { - "node": ">= 14.0.0" - } - }, - "node_modules/@algolia/recommend": { - "version": "5.52.0", - "resolved": "https://registry.npmjs.org/@algolia/recommend/-/recommend-5.52.0.tgz", - "integrity": "sha512-br3DO7n4N8CXwTRbZS0MnB4WQ9YHfNjCwkCEzVR/wek/qNTDQKDb0nROmkFaNZ8ucUqUVKZi074dbwMwRDlK8Q==", - "dev": true, - "license": "MIT", - "dependencies": { - "@algolia/client-common": "5.52.0", - "@algolia/requester-browser-xhr": "5.52.0", - "@algolia/requester-fetch": "5.52.0", - "@algolia/requester-node-http": "5.52.0" - }, - "engines": { - "node": ">= 14.0.0" - } - }, - "node_modules/@algolia/requester-browser-xhr": { - "version": "5.52.0", - "resolved": "https://registry.npmjs.org/@algolia/requester-browser-xhr/-/requester-browser-xhr-5.52.0.tgz", - "integrity": "sha512-b0T/Ca2c9KyEslKsVrGZvbe1UrrKKSdfXhBZ2pbpKahFUzJfziRZ0urbOm7V65O0tO/jwU+Lo/+bIiiyhzGt8w==", - "dev": true, - "license": "MIT", - "dependencies": { - "@algolia/client-common": "5.52.0" - }, - "engines": { - "node": ">= 14.0.0" - } - }, - "node_modules/@algolia/requester-fetch": { - "version": "5.52.0", - "resolved": "https://registry.npmjs.org/@algolia/requester-fetch/-/requester-fetch-5.52.0.tgz", - "integrity": "sha512-ozBT8J/mtD4H4IAojw8QPirlcL2gHrI1BGuZ4/ZXXO/rTE1yQ4VIPJj4mTTbwo4FbkS1MoJsD/DsrqLzhnc4/g==", - "dev": true, - "license": "MIT", - "dependencies": { - "@algolia/client-common": "5.52.0" - }, - "engines": { - "node": ">= 14.0.0" - } - }, - "node_modules/@algolia/requester-node-http": { - "version": "5.52.0", - "resolved": "https://registry.npmjs.org/@algolia/requester-node-http/-/requester-node-http-5.52.0.tgz", - "integrity": "sha512-gyyWcLD22tnabmoit4iukCXuoRc5HYJuUjPSEa8a0D/f/NlRafpWi52AlAaa4Uu/rsl7saHsJFTNjTptWbu2+A==", - "dev": true, - "license": "MIT", - "dependencies": { - "@algolia/client-common": "5.52.0" - }, - "engines": { - "node": ">= 14.0.0" - } - }, "node_modules/@alloc/quick-lru": { "version": "5.2.0", "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz", @@ -333,13 +124,13 @@ } }, "node_modules/@angular-devkit/architect": { - "version": "0.2200.1", - "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.2200.1.tgz", - "integrity": "sha512-Q3DfpgEIiHtG7uSUO8Tsm35rOeUbJfuxM9pi7cCyC8DvC/z1yNYm7/xEitlEYPzJmSLmks3eqlsaGnYhh0VLVg==", + "version": "0.2201.2", + "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.2201.2.tgz", + "integrity": "sha512-RRG3JA3hPH0ypbDIyquZt9DDTP5pOMPgqQ/iLSkok1MZdKiOgpk6FGfXCa1ei72SwlX7lnJdq94d6WWdqpbyKg==", "dev": true, "license": "MIT", "dependencies": { - "@angular-devkit/core": "22.0.1", + "@angular-devkit/core": "22.1.2", "rxjs": "7.8.2" }, "bin": { @@ -352,16 +143,16 @@ } }, "node_modules/@angular-devkit/core": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-22.0.1.tgz", - "integrity": "sha512-77/WsCAbqGkumDfm/kkw2mFh/42DNF0hB02TvivlfiSC/KfK9DsHg7sKvTlNcuY14ZT/3iHhojLyNBc2HytuvQ==", + "version": "22.1.2", + "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-22.1.2.tgz", + "integrity": "sha512-tF1oEE7KPs8I08HJQmH5e4GkLUB3+MXXy8t6gMJULaLFxZYP9K1oXRFLappMpdm9OIbEXOChk23hrho0By9aYg==", "dev": true, "license": "MIT", "dependencies": { "ajv": "8.20.0", "ajv-formats": "3.0.1", "jsonc-parser": "3.3.1", - "picomatch": "4.0.4", + "picomatch": "4.0.5", "rxjs": "7.8.2", "source-map": "0.7.6" }, @@ -380,16 +171,16 @@ } }, "node_modules/@angular-devkit/schematics": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-22.0.1.tgz", - "integrity": "sha512-GWou5meX3vAvqQEkox7xYMT9tIrYBVl0StbP7rGH5yMrzngvi6eyikMiUYnmMvoEoBK9gFNnXaAKeeu2aWvb3Q==", + "version": "22.1.2", + "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-22.1.2.tgz", + "integrity": "sha512-Lw6NvW5rfMUl/2dsuWY8l6wlfWCuYBzCYSSqqliLPDco0doGzBliHwY9uxuzuUKZgOl5TvuVyvEo0t3o4Jj4GA==", "dev": true, "license": "MIT", "dependencies": { - "@angular-devkit/core": "22.0.1", + "@angular-devkit/core": "22.1.2", "jsonc-parser": "3.3.1", - "magic-string": "0.30.21", - "ora": "9.4.0", + "magic-string": "1.0.0", + "ora": "9.4.1", "rxjs": "7.8.2" }, "engines": { @@ -399,9 +190,9 @@ } }, "node_modules/@angular-eslint/builder": { - "version": "22.0.0", - "resolved": "https://registry.npmjs.org/@angular-eslint/builder/-/builder-22.0.0.tgz", - "integrity": "sha512-T2vWQYUhJs6iUlgocHV12OgoxbmN63f17a+tgW+3sYrKN0KAB3xuHsPOoYpRYoWqkVVC44HD441Ju4IDvo8vKg==", + "version": "22.1.0", + "resolved": "https://registry.npmjs.org/@angular-eslint/builder/-/builder-22.1.0.tgz", + "integrity": "sha512-gmdk06PK0whNJlapIQjRnhud2/n+oIIDBIoLUHWFFxhHRs+ZstVc6+81gf+sYDOm1Ehmb0V3nZAg3YpT1Mk0Eg==", "dev": true, "license": "MIT", "dependencies": { @@ -415,21 +206,21 @@ } }, "node_modules/@angular-eslint/bundled-angular-compiler": { - "version": "22.0.0", - "resolved": "https://registry.npmjs.org/@angular-eslint/bundled-angular-compiler/-/bundled-angular-compiler-22.0.0.tgz", - "integrity": "sha512-rv15vGDpGW8zZFaLdhQ+iIO1f0bZds/xvuxoX277hFisXp5Kt6FumJNNIb4g/qxq3xsY46a7fD6R7KvGY3smHg==", + "version": "22.1.0", + "resolved": "https://registry.npmjs.org/@angular-eslint/bundled-angular-compiler/-/bundled-angular-compiler-22.1.0.tgz", + "integrity": "sha512-iOtOQ2jtrtko1rIQo6i+g3ezxGL0lyYv80j4GccFTK1JGh4K+AqYkmaBvfUfNtqoE/7VcKsOoyxaFt6iIpKhaQ==", "dev": true, "license": "MIT" }, "node_modules/@angular-eslint/eslint-plugin": { - "version": "22.0.0", - "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin/-/eslint-plugin-22.0.0.tgz", - "integrity": "sha512-mKLScPZhqG64ic0KIQoxqSqCdkPwtEZuTOuunvc9lYTw05MJSHRUM2yVFODlCGq97c6BN1F6KBk2I+a+KFnr1g==", + "version": "22.1.0", + "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin/-/eslint-plugin-22.1.0.tgz", + "integrity": "sha512-nRwdbUiW7vF0gbwtxw2hRGPZYZCNWOTLZKw4HM+I37o5YFIA0CFLtbyRKgZWs6JZCIqzTYSwCyKNsW41Qw0FwQ==", "dev": true, "license": "MIT", "dependencies": { - "@angular-eslint/bundled-angular-compiler": "22.0.0", - "@angular-eslint/utils": "22.0.0", + "@angular-eslint/bundled-angular-compiler": "22.1.0", + "@angular-eslint/utils": "22.1.0", "ts-api-utils": "^2.1.0" }, "peerDependencies": { @@ -439,19 +230,19 @@ } }, "node_modules/@angular-eslint/eslint-plugin-template": { - "version": "22.0.0", - "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin-template/-/eslint-plugin-template-22.0.0.tgz", - "integrity": "sha512-y6XL5HJ8C31NpBvkVHpU3bWc+Rk9g1zRtHrs39omhuT29eEUcS3zu47HMFV6tf8rHOI97B2Mstg6qYS5XL9ATg==", + "version": "22.1.0", + "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin-template/-/eslint-plugin-template-22.1.0.tgz", + "integrity": "sha512-GK/Mwhwvj+MX6DefD29/IfuYjcai5CsCbYJ6Qb9P6IAzZaQqw+EN+CiXxIwzMnzm2edLcJzAsX8iBk4X7sVi2Q==", "dev": true, "license": "MIT", "dependencies": { - "@angular-eslint/bundled-angular-compiler": "22.0.0", - "@angular-eslint/utils": "22.0.0", + "@angular-eslint/bundled-angular-compiler": "22.1.0", + "@angular-eslint/utils": "22.1.0", "aria-query": "5.3.2", "axobject-query": "4.1.0" }, "peerDependencies": { - "@angular-eslint/template-parser": "22.0.0", + "@angular-eslint/template-parser": "22.1.0", "@typescript-eslint/types": "^8.0.0", "@typescript-eslint/utils": "^8.0.0", "eslint": "^9.0.0 || ^10.0.0", @@ -459,18 +250,18 @@ } }, "node_modules/@angular-eslint/schematics": { - "version": "22.0.0", - "resolved": "https://registry.npmjs.org/@angular-eslint/schematics/-/schematics-22.0.0.tgz", - "integrity": "sha512-gsJQx6c+WIWC5d+NAqn4rRdUzwhinUCTNmCM9x4wygV9DrbAfVG+6OFPEbaDMryNvf0HYDcnGclbIbXjukGCaw==", + "version": "22.1.0", + "resolved": "https://registry.npmjs.org/@angular-eslint/schematics/-/schematics-22.1.0.tgz", + "integrity": "sha512-/Z7MEO9ys9P5w5itM2mpNW4R/QNAVxtDdcU5LVFulSx/lo7zCDx1rZ/tLDuzbN5k5RGQy5ZkdRIs0MoscsGXQQ==", "dev": true, "license": "MIT", "dependencies": { "@angular-devkit/core": ">= 22.0.0 < 23.0.0", "@angular-devkit/schematics": ">= 22.0.0 < 23.0.0", - "@angular-eslint/eslint-plugin": "22.0.0", - "@angular-eslint/eslint-plugin-template": "22.0.0", + "@angular-eslint/eslint-plugin": "22.1.0", + "@angular-eslint/eslint-plugin-template": "22.1.0", "ignore": "7.0.5", - "semver": "7.8.0", + "semver": "7.8.5", "strip-json-comments": "3.1.1" }, "peerDependencies": { @@ -478,13 +269,13 @@ } }, "node_modules/@angular-eslint/template-parser": { - "version": "22.0.0", - "resolved": "https://registry.npmjs.org/@angular-eslint/template-parser/-/template-parser-22.0.0.tgz", - "integrity": "sha512-jU5MKQ24bBB4J99gSSexmUrLm2LvTJZCuCHhNTQ1LavWX4e1lrIxhm+6pJILOm6Cixf8jyNXnHMty6nljX8J+Q==", + "version": "22.1.0", + "resolved": "https://registry.npmjs.org/@angular-eslint/template-parser/-/template-parser-22.1.0.tgz", + "integrity": "sha512-gcufZLI/Rl2fOWtBk2MgMRkH1t+OrbJGxIsfT0w3pVjKm0zwi7njM/dtPbVjCHzsGhx7szQMvY0i0UwTBVYkSw==", "dev": true, "license": "MIT", "dependencies": { - "@angular-eslint/bundled-angular-compiler": "22.0.0", + "@angular-eslint/bundled-angular-compiler": "22.1.0", "eslint-scope": "9.1.2" }, "peerDependencies": { @@ -493,13 +284,13 @@ } }, "node_modules/@angular-eslint/utils": { - "version": "22.0.0", - "resolved": "https://registry.npmjs.org/@angular-eslint/utils/-/utils-22.0.0.tgz", - "integrity": "sha512-VFodMojghnPYm+B3U+HRYrqebPMj8NyobNjVzDdY8V5XIBW+4ivOSEINIz81G48rmm/NZKwj56+bJ88bVX4KIw==", + "version": "22.1.0", + "resolved": "https://registry.npmjs.org/@angular-eslint/utils/-/utils-22.1.0.tgz", + "integrity": "sha512-zDPJqgOxlkG20UJWsVDSvnEtC2MfIP0+yKMaQUBL+2nrEknV/fVLrz7ApnerWiDrGTcAms5si49KV10MarMpRA==", "dev": true, "license": "MIT", "dependencies": { - "@angular-eslint/bundled-angular-compiler": "22.0.0" + "@angular-eslint/bundled-angular-compiler": "22.1.0" }, "peerDependencies": { "@typescript-eslint/utils": "^8.0.0", @@ -508,9 +299,9 @@ } }, "node_modules/@angular/animations": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-22.0.1.tgz", - "integrity": "sha512-5Ydov95+aAmEdzSaiIJdKTOuGEqI+KWRnQOYJVSrjfKyLTeh3hLCW9amoicF8CsvGh7hSnKf4adbNUycG8wfKA==", + "version": "22.1.0", + "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-22.1.0.tgz", + "integrity": "sha512-MHXOXmn9zmkiq234J+pr2Ir4A+z1iiVmQ0WjQ4skvK8GHTjnjeHKb4HrpAo5f7S3W0oenszmkNCddTQ3pvoJPw==", "deprecated": "@angular/animations is deprecated. Use `animate.enter` and `animate.leave` instead. For more information see: https://v22.angular.dev/guide/animations.", "license": "MIT", "dependencies": { @@ -520,41 +311,42 @@ "node": "^22.22.3 || ^24.15.0 || >=26.0.0" }, "peerDependencies": { - "@angular/core": "22.0.1" + "@angular/core": "22.1.0" } }, "node_modules/@angular/build": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular/build/-/build-22.0.1.tgz", - "integrity": "sha512-05oMhBuRy4qycmuhrBpz3y/OxaW0qeguKj7ArUdTFOJvi6Y1kthzcg6bF1cPPVz0TMGnoTwMf9OCHjoT2QHAKA==", + "version": "22.1.2", + "resolved": "https://registry.npmjs.org/@angular/build/-/build-22.1.2.tgz", + "integrity": "sha512-DE/3o17JTel4EBt2BA4DqJYeBBuz5Ef/kf1jL9YZTyJu4SrLr/HI79K14jFr0VRIxzcqG92FdIzfLDxbOesQsg==", "dev": true, "license": "MIT", "dependencies": { "@ampproject/remapping": "2.3.0", - "@angular-devkit/architect": "0.2200.1", - "@babel/core": "7.29.0", - "@babel/helper-annotate-as-pure": "7.27.3", + "@angular-devkit/architect": "0.2201.2", + "@babel/core": "8.0.1", + "@babel/helper-annotate-as-pure": "8.0.0", "@babel/helper-split-export-declaration": "7.24.7", - "@inquirer/confirm": "6.0.12", + "@inquirer/confirm": "6.1.1", "@vitejs/plugin-basic-ssl": "2.3.0", - "beasties": "0.4.2", + "beasties": "0.4.3", "browserslist": "^4.26.0", - "esbuild": "0.28.0", - "https-proxy-agent": "9.0.0", + "esbuild": "0.28.1", + "https-proxy-agent": "9.1.0", "jsonc-parser": "3.3.1", - "listr2": "10.2.1", - "magic-string": "0.30.21", + "listr2": "10.2.2", + "magic-string": "1.0.0", "mrmime": "2.0.1", + "oxc-parser": "0.142.0", "parse5-html-rewriting-stream": "8.0.1", - "picomatch": "4.0.4", - "piscina": "5.1.4", - "rollup": "4.60.2", - "sass": "1.99.0", - "semver": "7.7.4", + "picomatch": "4.0.5", + "piscina": "5.2.0", + "rolldown": "1.2.0", + "sass": "1.101.0", + "semver": "7.8.5", "source-map-support": "0.5.21", - "tinyglobby": "0.2.16", - "vite": "7.3.2", - "watchpack": "2.5.1" + "tinyglobby": "0.2.17", + "vite": "8.1.5", + "watchpack": "2.5.2" }, "engines": { "node": "^22.22.3 || ^24.15.0 || >=26.0.0", @@ -562,7 +354,7 @@ "yarn": ">= 1.13.0" }, "optionalDependencies": { - "lmdb": "3.5.4" + "lmdb": "3.5.6" }, "peerDependencies": { "@angular/compiler": "^22.0.0", @@ -572,12 +364,13 @@ "@angular/platform-browser": "^22.0.0", "@angular/platform-server": "^22.0.0", "@angular/service-worker": "^22.0.0", - "@angular/ssr": "^22.0.1", + "@angular/ssr": "^22.1.2", "istanbul-lib-instrument": "^6.0.0", "karma": "^6.4.0", "less": "^4.2.0", "ng-packagr": "^22.0.0", "postcss": "^8.4.0", + "rollup": "^4.0.0", "tailwindcss": "^2.0.0 || ^3.0.0 || ^4.0.0", "tslib": "^2.3.0", "typescript": ">=6.0 <6.1", @@ -617,6 +410,9 @@ "postcss": { "optional": true }, + "rollup": { + "optional": true + }, "tailwindcss": { "optional": true }, @@ -625,23 +421,34 @@ } } }, - "node_modules/@angular/build/node_modules/semver": { - "version": "7.7.4", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz", - "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==", + "node_modules/@angular/build/node_modules/eventemitter3": { + "version": "5.0.4", + "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.4.tgz", + "integrity": "sha512-mlsTRyGaPBjPedk6Bvw+aqbsXDtoAyAzm5MO7JgU+yVRyMQ5O8bD4Kcci7BS85f93veegeCPkL8R4GLClnjLFw==", "dev": true, - "license": "ISC", - "bin": { - "semver": "bin/semver.js" + "license": "MIT" + }, + "node_modules/@angular/build/node_modules/listr2": { + "version": "10.2.2", + "resolved": "https://registry.npmjs.org/listr2/-/listr2-10.2.2.tgz", + "integrity": "sha512-JtNtbZj8q5BnDMR7trpwvwk3RIrANtIVzEUm8w7amp6xelLgyuq+4WZoTH913XaQAoH/cNdYhaNzBPA2U3xbDw==", + "dev": true, + "license": "MIT", + "dependencies": { + "cli-truncate": "^5.2.0", + "eventemitter3": "^5.0.4", + "log-update": "^6.1.0", + "rfdc": "^1.4.1", + "wrap-ansi": "^10.0.0" }, "engines": { - "node": ">=10" + "node": ">=22.13.0" } }, "node_modules/@angular/cdk": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-22.0.1.tgz", - "integrity": "sha512-hSFqsNEmkT9x1Qc+0aJvAEKFo2DPuS8h/ltOVuDYIyXd57DfD7pSLO3CuxfSUK49YhbhwX/TB2L0IfkrnvtXew==", + "version": "22.1.0", + "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-22.1.0.tgz", + "integrity": "sha512-yfQug47CZ+51mHy0ZLWzi6F/YHfsAF2Z7Jxo3JLM7Aj3Er47hHB8VnrNERwK5tBLs0bE5DoEIm59ga/MI3fVGg==", "license": "MIT", "dependencies": { "parse5": "^8.0.0", @@ -655,30 +462,26 @@ } }, "node_modules/@angular/cli": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-22.0.1.tgz", - "integrity": "sha512-E1b3yroIDkqKpRJ5M/ihQkmgrF+gTlrntLbLWkSE5XReMSGtkog16I3hewI1zV2K4TMdiDZ1lzJvkJ4CgG3wjA==", + "version": "22.1.2", + "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-22.1.2.tgz", + "integrity": "sha512-gzB+iuZzB507DAkZb9s5+Jw8QRzOBolUhHEuAKH74xF6oWlEP5JdexfTgti45SjXaKKqeYpODJFnUmSQQJRhxA==", "dev": true, "license": "MIT", "dependencies": { - "@angular-devkit/architect": "0.2200.1", - "@angular-devkit/core": "22.0.1", - "@angular-devkit/schematics": "22.0.1", - "@inquirer/prompts": "8.4.2", - "@listr2/prompt-adapter-inquirer": "4.2.3", + "@angular-devkit/architect": "0.2201.2", + "@angular-devkit/core": "22.1.2", + "@angular-devkit/schematics": "22.1.2", + "@inquirer/prompts": "8.5.2", + "@listr2/prompt-adapter-inquirer": "4.2.4", "@modelcontextprotocol/sdk": "1.29.0", - "@schematics/angular": "22.0.1", - "@yarnpkg/lockfile": "1.1.0", - "algoliasearch": "5.52.0", - "ini": "6.0.0", + "@schematics/angular": "22.1.2", "jsonc-parser": "3.3.1", - "listr2": "10.2.1", - "npm-package-arg": "13.0.2", - "pacote": "21.5.0", + "listr2": "10.2.2", + "npm-package-arg": "14.0.0", "parse5-html-rewriting-stream": "8.0.1", - "semver": "7.7.4", + "semver": "7.8.5", "yargs": "18.0.0", - "zod": "4.4.2" + "zod": "4.4.3" }, "bin": { "ng": "bin/ng.js" @@ -689,23 +492,34 @@ "yarn": ">= 1.13.0" } }, - "node_modules/@angular/cli/node_modules/semver": { - "version": "7.7.4", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz", - "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==", + "node_modules/@angular/cli/node_modules/eventemitter3": { + "version": "5.0.4", + "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.4.tgz", + "integrity": "sha512-mlsTRyGaPBjPedk6Bvw+aqbsXDtoAyAzm5MO7JgU+yVRyMQ5O8bD4Kcci7BS85f93veegeCPkL8R4GLClnjLFw==", "dev": true, - "license": "ISC", - "bin": { - "semver": "bin/semver.js" + "license": "MIT" + }, + "node_modules/@angular/cli/node_modules/listr2": { + "version": "10.2.2", + "resolved": "https://registry.npmjs.org/listr2/-/listr2-10.2.2.tgz", + "integrity": "sha512-JtNtbZj8q5BnDMR7trpwvwk3RIrANtIVzEUm8w7amp6xelLgyuq+4WZoTH913XaQAoH/cNdYhaNzBPA2U3xbDw==", + "dev": true, + "license": "MIT", + "dependencies": { + "cli-truncate": "^5.2.0", + "eventemitter3": "^5.0.4", + "log-update": "^6.1.0", + "rfdc": "^1.4.1", + "wrap-ansi": "^10.0.0" }, "engines": { - "node": ">=10" + "node": ">=22.13.0" } }, "node_modules/@angular/common": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular/common/-/common-22.0.1.tgz", - "integrity": "sha512-EczDHu+ziop3x2CSh9+hdkegTSjblYvuH0y4aZ8biqh+pGFRni24Qu9kZiV5VrBprIJG5NeiCEA2rT6fJ7w/Nw==", + "version": "22.1.0", + "resolved": "https://registry.npmjs.org/@angular/common/-/common-22.1.0.tgz", + "integrity": "sha512-67L8AS00egxwEKnoMhNDxy+TY+eKOwvwa+os0Odq8nLm7+Qh7JnMVeub8hfncpenOFqlC/RUjO2W9H7Gd2veNA==", "license": "MIT", "dependencies": { "tslib": "^2.3.0" @@ -714,14 +528,14 @@ "node": "^22.22.3 || ^24.15.0 || >=26.0.0" }, "peerDependencies": { - "@angular/core": "22.0.1", + "@angular/core": "22.1.0", "rxjs": "^6.5.3 || ^7.4.0" } }, "node_modules/@angular/compiler": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-22.0.1.tgz", - "integrity": "sha512-J8lcmYXJCGZn1+CHx3LSgq6rtS5Efc1/Nafcd/v8VZN2NrsFIkIlTbnAIUxcwHwYxzZs4X5CGfX+5ZIB4X9rUw==", + "version": "22.1.0", + "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-22.1.0.tgz", + "integrity": "sha512-WCmuPnuXgqnqrkbrwqQRyldi1k3rlzNLVDl8ntINF7XWuJh0KfQLEkRK0FCCmBztWJkbGug4RBVnKTWlKhRzCQ==", "license": "MIT", "dependencies": { "tslib": "^2.3.0" @@ -731,12 +545,12 @@ } }, "node_modules/@angular/compiler-cli": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-22.0.1.tgz", - "integrity": "sha512-fo/tXV3sqw92/qz898ejru6G4wMvstd9gBjb0HRDJv5rR1XnSWHVKJuhrgrHd6tVkNdc8y6odBB9GKecdqqnGg==", + "version": "22.1.0", + "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-22.1.0.tgz", + "integrity": "sha512-jL89dbzkrV8AeLaxedBgT7ErMnbfi2dvwDJuCrUgm3eCNfbcOpGbNxzH+wDgvbRg2Lhj11/u3JPbW50xA6rvvg==", "license": "MIT", "dependencies": { - "@babel/core": "7.29.0", + "@babel/core": "8.0.1", "@jridgewell/sourcemap-codec": "^1.4.14", "chokidar": "^5.0.0", "convert-source-map": "^1.5.1", @@ -753,7 +567,7 @@ "node": "^22.22.3 || ^24.15.0 || >=26.0.0" }, "peerDependencies": { - "@angular/compiler": "22.0.1", + "@angular/compiler": "22.1.0", "typescript": ">=6.0 <6.1" }, "peerDependenciesMeta": { @@ -763,9 +577,9 @@ } }, "node_modules/@angular/core": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular/core/-/core-22.0.1.tgz", - "integrity": "sha512-Sk0fz+LR2q6QhJJtCV9ElN1GzoEX6lOB4difMqpOC0yRh/ue+9iKd+x3RRiL4p+dnAiRLQYAKqsXkYlqUm2SMg==", + "version": "22.1.0", + "resolved": "https://registry.npmjs.org/@angular/core/-/core-22.1.0.tgz", + "integrity": "sha512-X5UaMuOCI4HAvSQIs3QtM+5e0Cni16DRaHUIL3BIBd4ZQNnSH3pZ25TsKQ8Jlu/3hAQ9rzV278kNQcecooGJ7g==", "license": "MIT", "dependencies": { "tslib": "^2.3.0" @@ -774,7 +588,7 @@ "node": "^22.22.3 || ^24.15.0 || >=26.0.0" }, "peerDependencies": { - "@angular/compiler": "22.0.1", + "@angular/compiler": "22.1.0", "rxjs": "^6.5.3 || ^7.4.0", "zone.js": "~0.15.0 || ~0.16.0" }, @@ -788,9 +602,9 @@ } }, "node_modules/@angular/forms": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-22.0.1.tgz", - "integrity": "sha512-9an74j0DtSeY4XMp5crkAdlxmhdRNq6cKlN9dxGch6udEr2SjHDP7hYoNXJ6y5yna5FEa/t+1SltWF0OVPIVxw==", + "version": "22.1.0", + "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-22.1.0.tgz", + "integrity": "sha512-nWlSM/pPp78Sx/fBM/tFEgZxdfZe50LkCE2/hkO22Fi1UM2maGc43LDsu/s6l0q9hFep4Wj+xa30KXDBS7Cn8A==", "license": "MIT", "dependencies": { "@standard-schema/spec": "^1.0.0", @@ -801,16 +615,16 @@ "node": "^22.22.3 || ^24.15.0 || >=26.0.0" }, "peerDependencies": { - "@angular/common": "22.0.1", - "@angular/core": "22.0.1", - "@angular/platform-browser": "22.0.1", + "@angular/common": "22.1.0", + "@angular/core": "22.1.0", + "@angular/platform-browser": "22.1.0", "rxjs": "^6.5.3 || ^7.4.0" } }, "node_modules/@angular/language-service": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular/language-service/-/language-service-22.0.1.tgz", - "integrity": "sha512-qbHtMARISHxLgGmQyMyLBRGA7IUWbTyjpnWysJAOoNiAYOSkIGTTTTLi5Pu6ifuSfG5qdovNxiAzCeEH+xrXIw==", + "version": "22.1.0", + "resolved": "https://registry.npmjs.org/@angular/language-service/-/language-service-22.1.0.tgz", + "integrity": "sha512-5J+j17o9rvJEiTVotsQfHprPCgKrHhYxz+SpiV25p5mG2qOJ9vX465o/ODbFpRapK8eyHqd/HkPRaGafu3nZkg==", "dev": true, "license": "MIT", "engines": { @@ -818,13 +632,12 @@ } }, "node_modules/@angular/localize": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular/localize/-/localize-22.0.1.tgz", - "integrity": "sha512-W7/FQ3aJ+9SFrKSFiAOe8JTBDxepWtJN2q6fgFIg/0GNmA+D2zAnW73S1ExiUVW/YTho7pGkNEsbaC8vvsHEIA==", + "version": "22.1.0", + "resolved": "https://registry.npmjs.org/@angular/localize/-/localize-22.1.0.tgz", + "integrity": "sha512-oT0d+ru2Rdd1UwLTthu/oMvQ8yXSVCcHTkpH7wO8AXjFCsS9OLCzmmiCdnk/UL2ClaNygJi2I4BNEuKtX+dWRA==", "license": "MIT", "dependencies": { - "@babel/core": "7.29.0", - "@types/babel__core": "7.20.5", + "@babel/core": "8.0.1", "tinyglobby": "^0.2.12", "yargs": "^18.0.0" }, @@ -837,20 +650,20 @@ "node": "^22.22.3 || ^24.15.0 || >=26.0.0" }, "peerDependencies": { - "@angular/compiler": "22.0.1", - "@angular/compiler-cli": "22.0.1" + "@angular/compiler": "22.1.0", + "@angular/compiler-cli": "22.1.0" } }, "node_modules/@angular/material": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular/material/-/material-22.0.1.tgz", - "integrity": "sha512-qP28XmDwRjH7Bd/r02a1GaiMd1ao0VgUOAITCrPQB8McrxFC2wDJBR3MBQaSriZnyWpCzj3jGcQWhZpQMoxOFA==", + "version": "22.1.0", + "resolved": "https://registry.npmjs.org/@angular/material/-/material-22.1.0.tgz", + "integrity": "sha512-i3Os8JZg4DejgNTtw8GCLQbbZ8+lv8h/ym6PxRwmYNpegmyGiVSKAZ2JBkEs5f1pmMaTppuG3MF6mXei4xi6Wg==", "license": "MIT", "dependencies": { "tslib": "^2.3.0" }, "peerDependencies": { - "@angular/cdk": "22.0.1", + "@angular/cdk": "22.1.0", "@angular/common": "^22.0.0 || ^23.0.0", "@angular/core": "^22.0.0 || ^23.0.0", "@angular/forms": "^22.0.0 || ^23.0.0", @@ -859,9 +672,9 @@ } }, "node_modules/@angular/platform-browser": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-22.0.1.tgz", - "integrity": "sha512-wbj/ddrMIOHKrONcFlDmHfJKUZq4dX8pzcxsLFTQ6sppUKtzWMrkxtCVkSPJLEzs6OG3OupRrc1yHbL/V+ffsw==", + "version": "22.1.0", + "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-22.1.0.tgz", + "integrity": "sha512-gqUYDUiPfwbaLYdH8WLnOLl3feo3OcNpnMO08HBHaUdi4TLNkC28xwa9fC6ANyYD22QZ5A3abSg8fmR6upWMwg==", "license": "MIT", "dependencies": { "tslib": "^2.3.0" @@ -870,9 +683,9 @@ "node": "^22.22.3 || ^24.15.0 || >=26.0.0" }, "peerDependencies": { - "@angular/animations": "22.0.1", - "@angular/common": "22.0.1", - "@angular/core": "22.0.1" + "@angular/animations": "22.1.0", + "@angular/common": "22.1.0", + "@angular/core": "22.1.0" }, "peerDependenciesMeta": { "@angular/animations": { @@ -881,9 +694,10 @@ } }, "node_modules/@angular/platform-browser-dynamic": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-22.0.1.tgz", - "integrity": "sha512-Z0h2gVNxPoJqzon7OlOhfScuMgPyW4qbJZAZCBMRYC8se+7YP1w81dw5dmqyeqf66pD+NwhkJXL1hOrYKK1m2g==", + "version": "22.1.0", + "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-22.1.0.tgz", + "integrity": "sha512-iLn9vCk6HhxQZhFJIEBjHH1CbyOLEABw0Do3VAzly2YimemitgQEmTLJ5a96qd70rYmpJH6zudhnYqUjyaI6Ig==", + "deprecated": "@angular/platform-browser-dynamic is deprecated. Use `@angular/platform-browser` instead.", "license": "MIT", "dependencies": { "tslib": "^2.3.0" @@ -892,16 +706,16 @@ "node": "^22.22.3 || ^24.15.0 || >=26.0.0" }, "peerDependencies": { - "@angular/common": "22.0.1", - "@angular/compiler": "22.0.1", - "@angular/core": "22.0.1", - "@angular/platform-browser": "22.0.1" + "@angular/common": "22.1.0", + "@angular/compiler": "22.1.0", + "@angular/core": "22.1.0", + "@angular/platform-browser": "22.1.0" } }, "node_modules/@angular/platform-server": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular/platform-server/-/platform-server-22.0.1.tgz", - "integrity": "sha512-oHeRfRWh9aqEokMhQJDweOcFElitFGl0x8RaTto8sQwB/bV6IiWXEQBupGUBUaqJ1FWO2BdlxVFIdtRxAAHg4Q==", + "version": "22.1.0", + "resolved": "https://registry.npmjs.org/@angular/platform-server/-/platform-server-22.1.0.tgz", + "integrity": "sha512-b6Z17lqwtR1SuLBfh2LsGnyFGCPjAdgEXFOYVqV/JOACJCxHFG0TwE6BKYKe8lCgDkC5nQk0uM5pJNv2uC2tUw==", "license": "MIT", "dependencies": { "tslib": "^2.3.0", @@ -911,17 +725,17 @@ "node": "^22.22.3 || ^24.15.0 || >=26.0.0" }, "peerDependencies": { - "@angular/common": "22.0.1", - "@angular/compiler": "22.0.1", - "@angular/core": "22.0.1", - "@angular/platform-browser": "22.0.1", + "@angular/common": "22.1.0", + "@angular/compiler": "22.1.0", + "@angular/core": "22.1.0", + "@angular/platform-browser": "22.1.0", "rxjs": "^6.5.3 || ^7.4.0" } }, "node_modules/@angular/router": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular/router/-/router-22.0.1.tgz", - "integrity": "sha512-NHMkRAgBMKrE7g5lSe1H/espe0NX8axVBy6TtzEh/l7yxTnZiqUIjmRnIDb+LFGPRQVgDu3FxR/fvwQaosOn0w==", + "version": "22.1.0", + "resolved": "https://registry.npmjs.org/@angular/router/-/router-22.1.0.tgz", + "integrity": "sha512-42Bs0g+tV2gE70Lqnt+VD/+DWbvWwQcg8QgXkTIu3A504tYknrZG/wmvki2AJGyZhmyQ46B4pfXLG4WDP8MFSA==", "license": "MIT", "dependencies": { "tslib": "^2.3.0" @@ -930,16 +744,16 @@ "node": "^22.22.3 || ^24.15.0 || >=26.0.0" }, "peerDependencies": { - "@angular/common": "22.0.1", - "@angular/core": "22.0.1", - "@angular/platform-browser": "22.0.1", + "@angular/common": "22.1.0", + "@angular/core": "22.1.0", + "@angular/platform-browser": "22.1.0", "rxjs": "^6.5.3 || ^7.4.0" } }, "node_modules/@angular/ssr": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular/ssr/-/ssr-22.0.1.tgz", - "integrity": "sha512-qZmQ1gi6FlGtvKCb3Br1MBz95yNcrQmH4/yL/Yz43BWyom+JKoKJH0di1mTbsZdEptkmZN1R8nzff6XA9dHdYw==", + "version": "22.1.2", + "resolved": "https://registry.npmjs.org/@angular/ssr/-/ssr-22.1.2.tgz", + "integrity": "sha512-cuTwQHq9f6vrEz0mNOzJxJurAE6mb+os+m1zGPFVIVnRMK3bJhAhHWYRkInOBvsfC1K0cpHtGR/97ctvmiqP0A==", "license": "MIT", "dependencies": { "tslib": "^2.3.0" @@ -957,52 +771,52 @@ } }, "node_modules/@babel/code-frame": { - "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.7.tgz", - "integrity": "sha512-Aup7aUOfpbAUg2ROOJN6Iw5f9DMBlzu0mIkm/malLQFN/YQgO48wCj0Kxa3sEHJvPVFg7siR+qRInwXd2qhQKw==", + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-8.0.0.tgz", + "integrity": "sha512-dYYg153EyN2Ekbqw2zAsbd6/JR+9N2SEoC7YV2GyyqMM7x9bLDTjBD6XBhSMLH0wtIVyJj03jWNriQhaN+eoCw==", "license": "MIT", "dependencies": { - "@babel/helper-validator-identifier": "^7.29.7", - "js-tokens": "^4.0.0", - "picocolors": "^1.1.1" + "@babel/helper-validator-identifier": "^8.0.0", + "js-tokens": "^10.0.0" }, "engines": { - "node": ">=6.9.0" + "node": "^22.18.0 || >=24.11.0" } }, "node_modules/@babel/compat-data": { - "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.7.tgz", - "integrity": "sha512-locTkQyKvwIEgBzVrn8693ebc97F2U8ZHjbXwDXJ5Fn2TCpNwTlKcaKLkdHop5c/icOFE7qt7Q9JC5hnKNa6Gg==", + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-8.0.0.tgz", + "integrity": "sha512-DOjnob/cXOUgDOozCDeq/aK2p5y8dUIVdf6tNhEV1HQRd6I8aQ4f4fbtHRVEvb6lP3BGomrKHiS8ICAASSVQSw==", "license": "MIT", "engines": { - "node": ">=6.9.0" + "node": "^22.18.0 || >=24.11.0" } }, "node_modules/@babel/core": { - "version": "7.29.0", - "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.0.tgz", - "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==", - "license": "MIT", - "dependencies": { - "@babel/code-frame": "^7.29.0", - "@babel/generator": "^7.29.0", - "@babel/helper-compilation-targets": "^7.28.6", - "@babel/helper-module-transforms": "^7.28.6", - "@babel/helpers": "^7.28.6", - "@babel/parser": "^7.29.0", - "@babel/template": "^7.28.6", - "@babel/traverse": "^7.29.0", - "@babel/types": "^7.29.0", - "@jridgewell/remapping": "^2.3.5", + "version": "8.0.1", + "resolved": "https://registry.npmjs.org/@babel/core/-/core-8.0.1.tgz", + "integrity": "sha512-5FgxM4dLQpMJHSiVATk8foW263dVHQHBVpXYiimNECVWG01f4nFyEbQixeT6Mwvg7TayREJ2gpKl3o2RoMdnqw==", + "license": "MIT", + "dependencies": { + "@babel/code-frame": "^8.0.0", + "@babel/generator": "^8.0.0", + "@babel/helper-compilation-targets": "^8.0.0", + "@babel/helpers": "^8.0.0", + "@babel/parser": "^8.0.0", + "@babel/template": "^8.0.0", + "@babel/traverse": "^8.0.0", + "@babel/types": "^8.0.0", + "@types/gensync": "^1.0.5", "convert-source-map": "^2.0.0", - "debug": "^4.1.0", + "empathic": "^2.0.1", "gensync": "^1.0.0-beta.2", + "import-meta-resolve": "^4.2.0", "json5": "^2.2.3", - "semver": "^6.3.1" + "obug": "^2.1.1", + "semver": "^7.7.3" }, "engines": { - "node": ">=6.9.0" + "node": "^22.18.0 || >=24.11.0" }, "funding": { "type": "opencollective", @@ -1015,82 +829,66 @@ "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==", "license": "MIT" }, - "node_modules/@babel/core/node_modules/semver": { - "version": "6.3.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", - "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", - "license": "ISC", - "bin": { - "semver": "bin/semver.js" - } - }, "node_modules/@babel/generator": { - "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.7.tgz", - "integrity": "sha512-DkXD5OJQaAQIdZ1bt3UZdEnHAn9Imd3IVBdX03UFe+ony9Ojw5pzr9YVKGDY1jt+Gcn/FnGkNf8r+Vj5NOJWtQ==", + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-8.0.0.tgz", + "integrity": "sha512-NT9NrVwJsbSV6Y2FSstWa71EETOnzrjkL5/wX3D2mYHtKM+qvqB1DvR4D0Setb/gDBsHzRICifwEWMO8CnTF6g==", "license": "MIT", "dependencies": { - "@babel/parser": "^7.29.7", - "@babel/types": "^7.29.7", + "@babel/parser": "^8.0.0", + "@babel/types": "^8.0.0", "@jridgewell/gen-mapping": "^0.3.12", "@jridgewell/trace-mapping": "^0.3.28", + "@types/jsesc": "^2.5.0", "jsesc": "^3.0.2" }, "engines": { - "node": ">=6.9.0" + "node": "^22.18.0 || >=24.11.0" } }, "node_modules/@babel/helper-annotate-as-pure": { - "version": "7.27.3", - "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz", - "integrity": "sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==", + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-8.0.0.tgz", + "integrity": "sha512-NSpMkMsvvZqzThJ0p1B02cbtA2ObEyfBvq950bmNkyxsxvcxwhvvCB036rKhlEnuBBo30bOrk13u3FzlKSoRrw==", "dev": true, "license": "MIT", "dependencies": { - "@babel/types": "^7.27.3" + "@babel/types": "^8.0.0" }, "engines": { - "node": ">=6.9.0" + "node": "^22.18.0 || >=24.11.0" } }, "node_modules/@babel/helper-compilation-targets": { - "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.29.7.tgz", - "integrity": "sha512-wem6WaBj4NaVYVdNhLPPVacES6ZJ+KBBfSkTMD3YZxbP3rm3Di85tJU5ljaUNhaOynt+Aj0xruhYuzQBt8n71g==", + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-8.0.0.tgz", + "integrity": "sha512-JwculLABZvyPvyLBpwU/E/IbH2uM3mnxNtIJpxnIfb24y1PrdVxK5Dqjle4DpgqpGRnwgC7G8IkzPdSXZrO1Ew==", "license": "MIT", "dependencies": { - "@babel/compat-data": "^7.29.7", - "@babel/helper-validator-option": "^7.29.7", + "@babel/compat-data": "^8.0.0", + "@babel/helper-validator-option": "^8.0.0", "browserslist": "^4.24.0", - "lru-cache": "^5.1.1", - "semver": "^6.3.1" + "lru-cache": "^11.0.0", + "semver": "^7.7.3" }, "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-compilation-targets/node_modules/semver": { - "version": "6.3.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", - "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", - "license": "ISC", - "bin": { - "semver": "bin/semver.js" + "node": "^22.18.0 || >=24.11.0" } }, "node_modules/@babel/helper-globals": { - "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.29.7.tgz", - "integrity": "sha512-3nQVUAtvkKH9zahfWgw96Jc/uFOmjACE1kQz82E2lqWmHBgjzbNlsC22nuQTfahmWeQtTq5nQ/4Nnd2A1wj4zA==", + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-8.0.0.tgz", + "integrity": "sha512-lLozHOM6sWWlxNo8CYqHy4MBZeTvHXNgVPBfPOGsjPKUzHC2Az9QwB6gxdQmpwHl6GlQtbGgS+lj5887guDiLw==", "license": "MIT", "engines": { - "node": ">=6.9.0" + "node": "^22.18.0 || >=24.11.0" } }, "node_modules/@babel/helper-module-imports": { "version": "7.29.7", "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.29.7.tgz", "integrity": "sha512-ejHwrQQYcm9xnTivShn2IDOlIzInN34AXskvq9QicvCtEzq1Vzclu/tKF8Jq1Cg8JG2GL6/EmjgsCT7lXepE3g==", + "dev": true, "license": "MIT", "dependencies": { "@babel/traverse": "^7.29.7", @@ -1100,89 +898,239 @@ "node": ">=6.9.0" } }, - "node_modules/@babel/helper-module-transforms": { + "node_modules/@babel/helper-module-imports/node_modules/@babel/code-frame": { "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.29.7.tgz", - "integrity": "sha512-UPUVSyXbOh627KiCIGQSgwWzGeBKLkaJ9PJEdrngIwMSzxLR4jS4+f1f1jb7VzBbg8nFLaYotvVPFCTqdrmTAg==", + "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.7.tgz", + "integrity": "sha512-Aup7aUOfpbAUg2ROOJN6Iw5f9DMBlzu0mIkm/malLQFN/YQgO48wCj0Kxa3sEHJvPVFg7siR+qRInwXd2qhQKw==", + "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-module-imports": "^7.29.7", "@babel/helper-validator-identifier": "^7.29.7", - "@babel/traverse": "^7.29.7" + "js-tokens": "^4.0.0", + "picocolors": "^1.1.1" }, "engines": { "node": ">=6.9.0" - }, - "peerDependencies": { - "@babel/core": "^7.0.0" } }, - "node_modules/@babel/helper-split-export-declaration": { - "version": "7.24.7", - "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.7.tgz", - "integrity": "sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA==", + "node_modules/@babel/helper-module-imports/node_modules/@babel/generator": { + "version": "7.29.8", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.8.tgz", + "integrity": "sha512-gZbepsdh3WDtgZKWL+vTPh71LSBrm/Y4/QDZBVCcYfmeTEEuoOYwlSy+G1StfJg+/Zy550u/3TATbm7qDbbMtg==", "dev": true, "license": "MIT", "dependencies": { - "@babel/types": "^7.24.7" + "@babel/parser": "^7.29.8", + "@babel/types": "^7.29.8", + "@jridgewell/gen-mapping": "^0.3.12", + "@jridgewell/trace-mapping": "^0.3.28", + "jsesc": "^3.0.2" }, "engines": { "node": ">=6.9.0" } }, - "node_modules/@babel/helper-string-parser": { + "node_modules/@babel/helper-module-imports/node_modules/@babel/helper-globals": { + "version": "7.29.7", + "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.29.7.tgz", + "integrity": "sha512-3nQVUAtvkKH9zahfWgw96Jc/uFOmjACE1kQz82E2lqWmHBgjzbNlsC22nuQTfahmWeQtTq5nQ/4Nnd2A1wj4zA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-module-imports/node_modules/@babel/helper-string-parser": { "version": "7.29.7", "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.29.7.tgz", "integrity": "sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==", + "dev": true, "license": "MIT", "engines": { "node": ">=6.9.0" } }, - "node_modules/@babel/helper-validator-identifier": { + "node_modules/@babel/helper-module-imports/node_modules/@babel/helper-validator-identifier": { "version": "7.29.7", "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.29.7.tgz", "integrity": "sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==", + "dev": true, "license": "MIT", "engines": { "node": ">=6.9.0" } }, - "node_modules/@babel/helper-validator-option": { - "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.29.7.tgz", - "integrity": "sha512-N9ZErrD+yW5geCDtBqnOoxmR8+tNKiGuxKlDpuJxfsqpa2dFcexaziGAE/qoHLiDDreVNMupxGmSoNlyvsA3gw==", + "node_modules/@babel/helper-module-imports/node_modules/@babel/parser": { + "version": "7.29.8", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.8.tgz", + "integrity": "sha512-E8lTAYNB1KW+FH+VGJuZM1ioAx2E6oVlvQFRrf5P8ZZmsiJXYAD9vTFV7yyEURNzgh1dFqMZuO6tUwcARbqFCA==", + "dev": true, "license": "MIT", + "dependencies": { + "@babel/types": "^7.29.8" + }, + "bin": { + "parser": "bin/babel-parser.js" + }, "engines": { - "node": ">=6.9.0" + "node": ">=6.0.0" } }, - "node_modules/@babel/helpers": { + "node_modules/@babel/helper-module-imports/node_modules/@babel/template": { "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.29.7.tgz", - "integrity": "sha512-1k2lAGRMfHTcwuNYcCNUmaUffmQv8KWMfh2iJUUeRlwlwH4FdNG7mfPI10NPfLHJFThE4Tyr4mv7kTNZOiPuBg==", + "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.29.7.tgz", + "integrity": "sha512-puq+Gf35oI24FeN11LkoUQFqv9uwNeWpxXZi/Ji3rRIoKAzKnxRaZ+Gkj0vKS9ZCiTESfng1N9LyOyXvo+m+Gg==", + "dev": true, "license": "MIT", "dependencies": { - "@babel/template": "^7.29.7", + "@babel/code-frame": "^7.29.7", + "@babel/parser": "^7.29.7", "@babel/types": "^7.29.7" }, "engines": { "node": ">=6.9.0" } }, - "node_modules/@babel/parser": { + "node_modules/@babel/helper-module-imports/node_modules/@babel/traverse": { + "version": "7.29.8", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.8.tgz", + "integrity": "sha512-I5z7H3bf/41ktsNVLtpN0wAa336HkqIHQ5BuPLEhTkt1jVSyZpeNKIzTgEWmlxjdg81R0IgUCcaE+Ok3NvrfZg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/code-frame": "^7.29.7", + "@babel/generator": "^7.29.8", + "@babel/helper-globals": "^7.29.7", + "@babel/parser": "^7.29.8", + "@babel/template": "^7.29.7", + "@babel/types": "^7.29.8", + "debug": "^4.3.1" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-module-imports/node_modules/@babel/types": { + "version": "7.29.8", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.8.tgz", + "integrity": "sha512-Vj1jF3cPfxg7OAfoI7QnVKLoILlm2JF9pnVHrX8qx7AHMiYWT+NDAA7jChlNgRS4WTLc/fD1lXLmPixluj+3Gg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-string-parser": "^7.29.7", + "@babel/helper-validator-identifier": "^7.29.7" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-module-imports/node_modules/js-tokens": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", + "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/@babel/helper-split-export-declaration": { + "version": "7.24.7", + "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.7.tgz", + "integrity": "sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/types": "^7.24.7" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-split-export-declaration/node_modules/@babel/helper-string-parser": { + "version": "7.29.7", + "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.29.7.tgz", + "integrity": "sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-split-export-declaration/node_modules/@babel/helper-validator-identifier": { "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.7.tgz", - "integrity": "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg==", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.29.7.tgz", + "integrity": "sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-split-export-declaration/node_modules/@babel/types": { + "version": "7.29.8", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.8.tgz", + "integrity": "sha512-Vj1jF3cPfxg7OAfoI7QnVKLoILlm2JF9pnVHrX8qx7AHMiYWT+NDAA7jChlNgRS4WTLc/fD1lXLmPixluj+3Gg==", + "dev": true, "license": "MIT", "dependencies": { - "@babel/types": "^7.29.7" + "@babel/helper-string-parser": "^7.29.7", + "@babel/helper-validator-identifier": "^7.29.7" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-string-parser": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-8.0.0.tgz", + "integrity": "sha512-6mJgmFFFIIO82vvoLt9XtRC7/TkzXfts1t/SpRX4IHSzMgqoPYCWesVu1udUPUWioAE/2fcG6WuI8zrkE1gwrg==", + "license": "MIT", + "engines": { + "node": "^22.18.0 || >=24.11.0" + } + }, + "node_modules/@babel/helper-validator-identifier": { + "version": "8.0.4", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-8.0.4.tgz", + "integrity": "sha512-4wFaiLd0bVo4cIoTXI3zKI038NIWE/cr3jvBjejOVYVxV/m8Ltav1USiGzG1fmS5J2RhgEOgXNNK46cRPnRsrg==", + "license": "MIT", + "engines": { + "node": "^22.18.0 || >=24.11.0" + } + }, + "node_modules/@babel/helper-validator-option": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-8.0.0.tgz", + "integrity": "sha512-U4Dybxh4WESWHt5XhBeExi4DrY0/DNK1aHpQbsrQXCUbFHuMweT0TpLEWKvaraV2Y6fS+ZXunsZ8zIuZIgvF2Q==", + "license": "MIT", + "engines": { + "node": "^22.18.0 || >=24.11.0" + } + }, + "node_modules/@babel/helpers": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-8.0.0.tgz", + "integrity": "sha512-wfbi91pM3py96oIiJEz7qIpyXDytgr9zQC1HEWwlGNVRAEmItuU/0a41ZUKu1sJGyhhOIpc4t5vk4PYzt8wpsg==", + "license": "MIT", + "dependencies": { + "@babel/template": "^8.0.0", + "@babel/types": "^8.0.0" + }, + "engines": { + "node": "^22.18.0 || >=24.11.0" + } + }, + "node_modules/@babel/parser": { + "version": "8.0.4", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-8.0.4.tgz", + "integrity": "sha512-srpptsAkEbbNIC/q8nT7o+m6CQe8CJUTV/t7MYc9NnWlgYVtHOb7JH6SorxMhN0kuRJjVqXbKClG6xSbPtzz+g==", + "license": "MIT", + "dependencies": { + "@babel/types": "^8.0.4" }, "bin": { "parser": "bin/babel-parser.js" }, "engines": { - "node": ">=6.0.0" + "node": "^22.18.0 || >=24.11.0" } }, "node_modules/@babel/runtime": { @@ -1195,54 +1143,54 @@ } }, "node_modules/@babel/template": { - "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.29.7.tgz", - "integrity": "sha512-puq+Gf35oI24FeN11LkoUQFqv9uwNeWpxXZi/Ji3rRIoKAzKnxRaZ+Gkj0vKS9ZCiTESfng1N9LyOyXvo+m+Gg==", + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/@babel/template/-/template-8.0.0.tgz", + "integrity": "sha512-eAD0QW/AlbamBbw0FeGiwasbCVPq5ncW0HNVyLP3B9czqLyh4gvw+5JTSNt6le9+ziAU7mqDZsKTHf3jTb4chQ==", "license": "MIT", "dependencies": { - "@babel/code-frame": "^7.29.7", - "@babel/parser": "^7.29.7", - "@babel/types": "^7.29.7" + "@babel/code-frame": "^8.0.0", + "@babel/parser": "^8.0.0", + "@babel/types": "^8.0.0" }, "engines": { - "node": ">=6.9.0" + "node": "^22.18.0 || >=24.11.0" } }, "node_modules/@babel/traverse": { - "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.7.tgz", - "integrity": "sha512-EhlfNQtZ+NK22w5BM61ciuiq1m58ed33Wr1Xan//ZRTy6hgjnwyCffRYwzsGXdASJSUJ1guZILsErh1eQcl+zw==", + "version": "8.0.4", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-8.0.4.tgz", + "integrity": "sha512-bZnmqzGG8UZneG1lLxBoWIH0G6Gr1D846Yu4/3XnY6FhCndMR49u26nTY08u/dAxWmLWF9vGQOuC+84FfIUoeg==", "license": "MIT", "dependencies": { - "@babel/code-frame": "^7.29.7", - "@babel/generator": "^7.29.7", - "@babel/helper-globals": "^7.29.7", - "@babel/parser": "^7.29.7", - "@babel/template": "^7.29.7", - "@babel/types": "^7.29.7", - "debug": "^4.3.1" + "@babel/code-frame": "^8.0.0", + "@babel/generator": "^8.0.0", + "@babel/helper-globals": "^8.0.0", + "@babel/parser": "^8.0.4", + "@babel/template": "^8.0.0", + "@babel/types": "^8.0.4", + "obug": "^2.1.1" }, "engines": { - "node": ">=6.9.0" + "node": "^22.18.0 || >=24.11.0" } }, "node_modules/@babel/types": { - "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.7.tgz", - "integrity": "sha512-4zBIxpPzowiZpusoFkyGVwakdRJUyuH5PxQ/PrqghfdFWWasvnCdPfQXHrenDai+gyLARulZjZowCOj6fjT4pA==", + "version": "8.0.4", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-8.0.4.tgz", + "integrity": "sha512-eY+Yn3dCqTGmyiq2QRU66lA5FL8lqqqvecHt0fF3uHONIa7ToYsaCiWV8lOKqAs0Rb2SjixiKFROngnulPtt2g==", "license": "MIT", "dependencies": { - "@babel/helper-string-parser": "^7.29.7", - "@babel/helper-validator-identifier": "^7.29.7" + "@babel/helper-string-parser": "^8.0.0", + "@babel/helper-validator-identifier": "^8.0.4" }, "engines": { - "node": ">=6.9.0" + "node": "^22.18.0 || >=24.11.0" } }, "node_modules/@bufbuild/protobuf": { - "version": "2.12.0", - "resolved": "https://registry.npmjs.org/@bufbuild/protobuf/-/protobuf-2.12.0.tgz", - "integrity": "sha512-B/XlCaFIP8LOwzo+bz5uFzATYokcwCKQcghqnlfwSmM5eX/qTkvDBnDPs+gXtX/RyjxJ4DRikECcPJbyALA8FA==", + "version": "2.13.0", + "resolved": "https://registry.npmjs.org/@bufbuild/protobuf/-/protobuf-2.13.0.tgz", + "integrity": "sha512-acq7c49vxfm1ggJ95P70TX7ABDM0vxr1SYD3BB0o0jnBLB4OAqeHyKuN+cD3w80gXEDQ2zxHpR6CUeA+O/aU9g==", "license": "(Apache-2.0 AND BSD-3-Clause)" }, "node_modules/@colors/colors": { @@ -1289,18 +1237,49 @@ "node": ">=10.0.0" } }, + "node_modules/@emnapi/core": { + "version": "1.11.2", + "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.11.2.tgz", + "integrity": "sha512-TC8MkTuZUtcTSiFeuC0ksCh9QIJ5+F21MvZ4Wn4ORfYaFJ/0dsiudv5tVkejgwZlwQ39jL9WWDe2lz8x0WglOA==", + "license": "MIT", + "optional": true, + "dependencies": { + "@emnapi/wasi-threads": "1.2.2", + "tslib": "^2.4.0" + } + }, + "node_modules/@emnapi/runtime": { + "version": "1.11.2", + "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.11.2.tgz", + "integrity": "sha512-kyOl3X0DuTiT1h2ft8r2fYO8JYtU9a9Xis/zBSiGArNaagCOWx90N1k2wxp18czFDH+OgcWGb5ZP/XMt3dcyPA==", + "license": "MIT", + "optional": true, + "dependencies": { + "tslib": "^2.4.0" + } + }, + "node_modules/@emnapi/wasi-threads": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.2.tgz", + "integrity": "sha512-c95qOXkHdydNKhscBTebqEC1CVAZpyqOfVfBzQ1qgzyl3gfeldUjIggDbIZgDKsHLgnsM+igH7TJ/eAasaVuMA==", + "license": "MIT", + "optional": true, + "dependencies": { + "tslib": "^2.4.0" + } + }, "node_modules/@es-joy/jsdoccomment": { - "version": "0.87.0", - "resolved": "https://registry.npmjs.org/@es-joy/jsdoccomment/-/jsdoccomment-0.87.0.tgz", - "integrity": "sha512-mFXZloZMzuJZXSHUmAFu/pXTk0ZJTJBluuAkrvbzidpTN8W6F2bpRFuedSH+85kbdlRLJqc+gfN+kD3JOLJK5g==", + "version": "0.91.0", + "resolved": "https://registry.npmjs.org/@es-joy/jsdoccomment/-/jsdoccomment-0.91.0.tgz", + "integrity": "sha512-vgqlMGNNhZxwDYbUNIHj3Hskb4R28iqdXx90ufHyt/NeuTQkeqjTDslAs9I0/GCAfbxP5BpH5WsL1R1fht5Lxg==", "dev": true, "license": "MIT", "dependencies": { "@types/estree": "^1.0.9", - "@typescript-eslint/types": "^8.59.4", + "@typescript-eslint/types": "^8.65.0", "comment-parser": "1.4.7", "esquery": "^1.7.0", - "jsdoc-type-pratt-parser": "~7.2.0" + "jsdoc-type-pratt-parser": "~8.0.0" }, "engines": { "node": "^20.19.0 || ^22.13.0 || >=24" @@ -1317,9 +1296,9 @@ } }, "node_modules/@esbuild/aix-ppc64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.28.0.tgz", - "integrity": "sha512-lhRUCeuOyJQURhTxl4WkpFTjIsbDayJHih5kZC1giwE+MhIzAb7mEsQMqMf18rHLsrb5qI1tafG20mLxEWcWlA==", + "version": "0.28.1", + "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.28.1.tgz", + "integrity": "sha512-Svl7tq8k/08+p6CXPpRjQ1fKX+1odH/BQbb48fV6fj3CWHhsoIOoY87w1oHXm0qEpkIK3ZfVgp0hed3XBXzXMQ==", "cpu": [ "ppc64" ], @@ -1334,9 +1313,9 @@ } }, "node_modules/@esbuild/android-arm": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.28.0.tgz", - "integrity": "sha512-wqh0ByljabXLKHeWXYLqoJ5jKC4XBaw6Hk08OfMrCRd2nP2ZQ5eleDZC41XHyCNgktBGYMbqnrJKq/K/lzPMSQ==", + "version": "0.28.1", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.28.1.tgz", + "integrity": "sha512-0k2F129Xdio1TdJfzJ8sy1Q47vUD2NnwdhiAf7drUN1EBTfPf4hsFCtmMgu/6m8JSzsBrlmVjudMBQqOfG8usQ==", "cpu": [ "arm" ], @@ -1351,9 +1330,9 @@ } }, "node_modules/@esbuild/android-arm64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.28.0.tgz", - "integrity": "sha512-+WzIXQOSaGs33tLEgYPYe/yQHf0WTU0X42Jca3y8NWMbUVhp7rUnw+vAsRC/QiDrdD31IszMrZy+qwPOPjd+rw==", + "version": "0.28.1", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.28.1.tgz", + "integrity": "sha512-34EGEbCIAgosYz6goLcopX6Mo7NyGv9tfwEM2/7Ce2VcVRk568iSvniGWcUXIy7wEDR1wzolcxcriFVrWYcwBg==", "cpu": [ "arm64" ], @@ -1368,9 +1347,9 @@ } }, "node_modules/@esbuild/android-x64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.28.0.tgz", - "integrity": "sha512-+VJggoaKhk2VNNqVL7f6S189UzShHC/mR9EE8rDdSkdpN0KflSwWY/gWjDrNxxisg8Fp1ZCD9jLMo4m0OUfeUA==", + "version": "0.28.1", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.28.1.tgz", + "integrity": "sha512-dbwY7ltSMDWsRatcRpCnES4F+im88OCUgGZjy52shC7GqHRE/cYlxNbB4Z4UpJswpcc4Qxd2oE/ufM0p61IKng==", "cpu": [ "x64" ], @@ -1385,9 +1364,9 @@ } }, "node_modules/@esbuild/darwin-arm64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.28.0.tgz", - "integrity": "sha512-0T+A9WZm+bZ84nZBtk1ckYsOvyA3x7e2Acj1KdVfV4/2tdG4fzUp91YHx+GArWLtwqp77pBXVCPn2We7Letr0Q==", + "version": "0.28.1", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.28.1.tgz", + "integrity": "sha512-TZbWkQY7kvTAXbXUT7uVACR5cMHsDiSz9z7ZKAX/RTq/WJEk3QyRr0wZpNhBDX+/0CtdqUIJlOiodQcta6tY3Q==", "cpu": [ "arm64" ], @@ -1402,9 +1381,9 @@ } }, "node_modules/@esbuild/darwin-x64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.28.0.tgz", - "integrity": "sha512-fyzLm/DLDl/84OCfp2f/XQ4flmORsjU7VKt8HLjvIXChJoFFOIL6pLJPH4Yhd1n1gGFF9mPwtlN5Wf82DZs+LQ==", + "version": "0.28.1", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.28.1.tgz", + "integrity": "sha512-zfdzgK9ACBNZLI/CyHTOx81SyNbM6YXn7rxSgX97VjyiPl9W1i4Ka4fgKECEoFCKGpvBj5qArWIGgQjOwkgskQ==", "cpu": [ "x64" ], @@ -1419,9 +1398,9 @@ } }, "node_modules/@esbuild/freebsd-arm64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.28.0.tgz", - "integrity": "sha512-l9GeW5UZBT9k9brBYI+0WDffcRxgHQD8ShN2Ur4xWq/NFzUKm3k5lsH4PdaRgb2w7mI9u61nr2gI2mLI27Nh3Q==", + "version": "0.28.1", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.28.1.tgz", + "integrity": "sha512-wG2EA8ENdEI0qhkSZMjfqrdY+ziCYCPMmtZjjIwOmXFjmyzEHn+UUxk5of+SYsjtfs3VpnlC7QLzSI5hY/rOAw==", "cpu": [ "arm64" ], @@ -1436,9 +1415,9 @@ } }, "node_modules/@esbuild/freebsd-x64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.28.0.tgz", - "integrity": "sha512-BXoQai/A0wPO6Es3yFJ7APCiKGc1tdAEOgeTNy3SsB491S3aHn4S4r3e976eUnPdU+NbdtmBuLncYir2tMU9Nw==", + "version": "0.28.1", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.28.1.tgz", + "integrity": "sha512-i7dZ9vQgnvSCzi/rYCXNgtF/U+eKZNJBzu3eTQbRgHnM7tNSizLOkRFAl3qzVc/Op/u5YkHHa4pf/3DOYHthLQ==", "cpu": [ "x64" ], @@ -1453,9 +1432,9 @@ } }, "node_modules/@esbuild/linux-arm": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.28.0.tgz", - "integrity": "sha512-CjaaREJagqJp7iTaNQjjidaNbCKYcd4IDkzbwwxtSvjI7NZm79qiHc8HqciMddQ6CKvJT6aBd8lO9kN/ZudLlw==", + "version": "0.28.1", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.28.1.tgz", + "integrity": "sha512-qVXBOHQS+d5Y722GwJzJUtOLlX7km3CraOaGormF1pDtPd2C/l1SHRPgjLunLGe51Sh5YYWKMFDyV4SxgMQYTQ==", "cpu": [ "arm" ], @@ -1470,9 +1449,9 @@ } }, "node_modules/@esbuild/linux-arm64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.28.0.tgz", - "integrity": "sha512-RVyzfb3FWsGA55n6WY0MEIEPURL1FcbhFE6BffZEMEekfCzCIMtB5yyDcFnVbTnwk+CLAgTujmV/Lgvih56W+A==", + "version": "0.28.1", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.28.1.tgz", + "integrity": "sha512-yHs+0uc8+nvEAfAfxrWQKK5peSNzBc4PegcMO0EJ2hT71uA7vB8Ihg2e77R2P7SG5uYjPbHlLLmve4LLLRCf0g==", "cpu": [ "arm64" ], @@ -1487,9 +1466,9 @@ } }, "node_modules/@esbuild/linux-ia32": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.28.0.tgz", - "integrity": "sha512-KBnSTt1kxl9x70q+ydterVdl+Cn0H18ngRMRCEQfrbqdUuntQQ0LoMZv47uB97NljZFzY6HcfqEZ2SAyIUTQBQ==", + "version": "0.28.1", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.28.1.tgz", + "integrity": "sha512-d1z4ZuP0ajrfz/FhGT4vv278rX8KnPPJx8i5+AtK7TYbx9Le9F1hyzurZpkEyjkGa9dUGhQow4C1NmeGvqxN2w==", "cpu": [ "ia32" ], @@ -1504,9 +1483,9 @@ } }, "node_modules/@esbuild/linux-loong64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.28.0.tgz", - "integrity": "sha512-zpSlUce1mnxzgBADvxKXX5sl8aYQHo2ezvMNI8I0lbblJtp8V4odlm3Yzlj7gPyt3T8ReksE6bK+pT3WD+aJRg==", + "version": "0.28.1", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.28.1.tgz", + "integrity": "sha512-M5sRjUVZrkm1OAPR3dlOYzNmN+loZKGVi1VUQGrwuqLcbR6qeAz+famMhjASeH3YVKvZz+zT1jlh/keC3Rj/lg==", "cpu": [ "loong64" ], @@ -1521,9 +1500,9 @@ } }, "node_modules/@esbuild/linux-mips64el": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.28.0.tgz", - "integrity": "sha512-2jIfP6mmjkdmeTlsX/9vmdmhBmKADrWqN7zcdtHIeNSCH1SqIoNI63cYsjQR8J+wGa4Y5izRcSHSm8K3QWmk3w==", + "version": "0.28.1", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.28.1.tgz", + "integrity": "sha512-mRObBZeHh2OxcBFPWE/FjylkRgZdYuiTR3vaTozquCGOH14iP9oN4x4Ge81CoIDYQrXmIxpFumJBu5MtZpnQJQ==", "cpu": [ "mips64el" ], @@ -1538,9 +1517,9 @@ } }, "node_modules/@esbuild/linux-ppc64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.28.0.tgz", - "integrity": "sha512-bc0FE9wWeC0WBm49IQMPSPILRocGTQt3j5KPCA8os6VprfuJ7KD+5PzESSrJ6GmPIPJK965ZJHTUlSA6GNYEhg==", + "version": "0.28.1", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.28.1.tgz", + "integrity": "sha512-slScBsMAb3GFDcdrCgLwZtPYRoH2H/youv10QiZyRjmsP48fznoveWytSgCI/R0ZcUgpc0ZhIUEx6LHts8yrfQ==", "cpu": [ "ppc64" ], @@ -1555,9 +1534,9 @@ } }, "node_modules/@esbuild/linux-riscv64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.28.0.tgz", - "integrity": "sha512-SQPZOwoTTT/HXFXQJG/vBX8sOFagGqvZyXcgLA3NhIqcBv1BJU1d46c0rGcrij2B56Z2rNiSLaZOYW5cUk7yLQ==", + "version": "0.28.1", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.28.1.tgz", + "integrity": "sha512-kw0owk1o0GFETUJyW0jc0G4Yzs0BHZn0JDZ8JRT088vjJYX777BAs1fDGxAC+q831qOs2DTC96mNsG2opdfyyQ==", "cpu": [ "riscv64" ], @@ -1572,9 +1551,9 @@ } }, "node_modules/@esbuild/linux-s390x": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.28.0.tgz", - "integrity": "sha512-SCfR0HN8CEEjnYnySJTd2cw0k9OHB/YFzt5zgJEwa+wL/T/raGWYMBqwDNAC6dqFKmJYZoQBRfHjgwLHGSrn3Q==", + "version": "0.28.1", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.28.1.tgz", + "integrity": "sha512-/lAIjX8aYFRByhh6L5rYtPEDRqa9de/4V/juOXcta5frjvzXO4/sqEtyytse0g3zZFuWu5cDN0MkLz2qRDD2Ag==", "cpu": [ "s390x" ], @@ -1589,9 +1568,9 @@ } }, "node_modules/@esbuild/linux-x64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.28.0.tgz", - "integrity": "sha512-us0dSb9iFxIi8srnpl931Nvs65it/Jd2a2K3qs7fz2WfGPHqzfzZTfec7oxZJRNPXPnNYZtanmRc4AL/JwVzHQ==", + "version": "0.28.1", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.28.1.tgz", + "integrity": "sha512-u/anNYF2mmVOEDwLtnQ1wOr3EZ9sTNGLWrsYGYwHWzGA3Si84IOkHXlbWTD1NB+9/1lcnweYKO54uhxZydNzfA==", "cpu": [ "x64" ], @@ -1606,9 +1585,9 @@ } }, "node_modules/@esbuild/netbsd-arm64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.28.0.tgz", - "integrity": "sha512-CR/RYotgtCKwtftMwJlUU7xCVNg3lMYZ0RzTmAHSfLCXw3NtZtNpswLEj/Kkf6kEL3Gw+BpOekRX0BYCtklhUw==", + "version": "0.28.1", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.28.1.tgz", + "integrity": "sha512-oks0DYbLwWMmaakTsCb+zL4E+aHRVLom9IJZOAthMQEPiQmydXHkziYEsGYRx0uNV/IjEKGAV941JzH02pflqw==", "cpu": [ "arm64" ], @@ -1623,9 +1602,9 @@ } }, "node_modules/@esbuild/netbsd-x64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.28.0.tgz", - "integrity": "sha512-nU1yhmYutL+fQ71Kxnhg8uEOdC0pwEW9entHykTgEbna2pw2dkbFSMeqjjyHZoCmt8SBkOSvV+yNmm94aUrrqw==", + "version": "0.28.1", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.28.1.tgz", + "integrity": "sha512-aeL6lAnN89Hz43Mlh1G8ARasbuoYvSITDEx0tHh5b7jJnHcssqgjy9Yx430GDpmCa6OyrKoS0aNRjKundRizGg==", "cpu": [ "x64" ], @@ -1640,9 +1619,9 @@ } }, "node_modules/@esbuild/openbsd-arm64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.28.0.tgz", - "integrity": "sha512-cXb5vApOsRsxsEl4mcZ1XY3D4DzcoMxR/nnc4IyqYs0rTI8ZKmW6kyyg+11Z8yvgMfAEldKzP7AdP64HnSC/6g==", + "version": "0.28.1", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.28.1.tgz", + "integrity": "sha512-MEFJe5C3R8pwXdZ5Y21oo6m7ePiS0d9pWucn99O/wvyJZChoIQKrQDxKrGeW8F5+T0okTHesAmDeiHDTIq0V/Q==", "cpu": [ "arm64" ], @@ -1657,9 +1636,9 @@ } }, "node_modules/@esbuild/openbsd-x64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.28.0.tgz", - "integrity": "sha512-8wZM2qqtv9UP3mzy7HiGYNH/zjTA355mpeuA+859TyR+e+Tc08IHYpLJuMsfpDJwoLo1ikIJI8jC3GFjnRClzA==", + "version": "0.28.1", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.28.1.tgz", + "integrity": "sha512-i/ZLIOafE0Z8cI/XANJAixoJL/uRAoS2xOA3rb0xN+KK0K177cMAsQYkzHtBrtMXAKuAc7HGgcWiZ/sRC1Nxgw==", "cpu": [ "x64" ], @@ -1674,9 +1653,9 @@ } }, "node_modules/@esbuild/openharmony-arm64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.28.0.tgz", - "integrity": "sha512-FLGfyizszcef5C3YtoyQDACyg95+dndv79i2EekILBofh5wpCa1KuBqOWKrEHZg3zrL3t5ouE5jgr94vA+Wb2w==", + "version": "0.28.1", + "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.28.1.tgz", + "integrity": "sha512-ge+Z7EXFNt2BO1oAMsVpiQ8EwndV9i1xXerAeTIK7AtPs3bKFXQM7nlRxDSIUIMeueR1CNXxqztLzdNeReKBJg==", "cpu": [ "arm64" ], @@ -1691,9 +1670,9 @@ } }, "node_modules/@esbuild/sunos-x64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.28.0.tgz", - "integrity": "sha512-1ZgjUoEdHZZl/YlV76TSCz9Hqj9h9YmMGAgAPYd+q4SicWNX3G5GCyx9uhQWSLcbvPW8Ni7lj4gDa1T40akdlw==", + "version": "0.28.1", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.28.1.tgz", + "integrity": "sha512-BEjgtECkL3vY+SaSQ6nzVfiALUeFxpawyp8Jmf5PtYhf1Ug40N1h/hxlhts+f1FvSvarEigdxS3BlSMI2PJLcQ==", "cpu": [ "x64" ], @@ -1708,9 +1687,9 @@ } }, "node_modules/@esbuild/win32-arm64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.28.0.tgz", - "integrity": "sha512-Q9StnDmQ/enxnpxCCLSg0oo4+34B9TdXpuyPeTedN/6+iXBJ4J+zwfQI28u/Jl40nOYAxGoNi7mFP40RUtkmUA==", + "version": "0.28.1", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.28.1.tgz", + "integrity": "sha512-lCv9eK/H6ZJWbE7bh2nw54CZ9M2nupBxJcTsdk/QQnWkdSjKGuxmmH8/GWrlT1eMmZfn4dGcCjRte397WqfQXA==", "cpu": [ "arm64" ], @@ -1725,9 +1704,9 @@ } }, "node_modules/@esbuild/win32-ia32": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.28.0.tgz", - "integrity": "sha512-zF3ag/gfiCe6U2iczcRzSYJKH1DCI+ByzSENHlM2FcDbEeo5Zd2C86Aq0tKUYAJJ1obRP84ymxIAksZUcdztHA==", + "version": "0.28.1", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.28.1.tgz", + "integrity": "sha512-zvb/mB2bSCoJOpoCBgYKKpX6YM6mJBlBUVUtVj41DlZJVEB6/0CKlRYxP5wWl1C1ILiCoAU5wZZ4q1P3qeS6Eg==", "cpu": [ "ia32" ], @@ -1742,9 +1721,9 @@ } }, "node_modules/@esbuild/win32-x64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.28.0.tgz", - "integrity": "sha512-pEl1bO9mfAmIC+tW5btTmrKaujg3zGtUmWNdCw/xs70FBjwAL3o9OEKNHvNmnyylD6ubxUERiEhdsL0xBQ9efw==", + "version": "0.28.1", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.28.1.tgz", + "integrity": "sha512-bm4Mowrv+GXMlpWX++EcXw/iLyd1o3+bJkC2DkWXYVvgZCqD/bSj9ctZeAMC3cIxgjRVR2Dufaiu4YPxr5gW1A==", "cpu": [ "x64" ], @@ -1759,9 +1738,9 @@ } }, "node_modules/@eslint-community/eslint-utils": { - "version": "4.9.1", - "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz", - "integrity": "sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==", + "version": "4.10.1", + "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.10.1.tgz", + "integrity": "sha512-cuadcxVFE8sDK6iWJbs8Sn0av2Nrh2QSGQhVlBW9AaAHqHwjWsZHT8LJ4hFGPh7ASBV2deFdM7H/DPjulmh8rg==", "dev": true, "license": "MIT", "dependencies": { @@ -1810,9 +1789,9 @@ "license": "MIT" }, "node_modules/@eslint/config-array/node_modules/brace-expansion": { - "version": "1.1.15", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.15.tgz", - "integrity": "sha512-EwOCDEex4quD37XhqM3omwtMoJjr//isUZz1JopUNWms+4Z2ViyM/k1YIRePpoVNnQhENnxtFjLaxNHrT7xIUg==", + "version": "1.1.18", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.18.tgz", + "integrity": "sha512-Edep/X9fGqVNmzKBVsDYIOtD+z1tuezV70LBjdCst9Tqu76lsnvRiZ6oTic1n+/BIwX6QDGAO94PN4N2SADvtw==", "dev": true, "license": "MIT", "dependencies": { @@ -1860,9 +1839,9 @@ } }, "node_modules/@eslint/eslintrc": { - "version": "3.3.5", - "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.5.tgz", - "integrity": "sha512-4IlJx0X0qftVsN5E+/vGujTRIFtwuLbNsVUe7TO6zYPDR1O6nFwvwhIKEKSrl6dZchmYBITazxKoUYOjdtjlRg==", + "version": "3.3.6", + "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.6.tgz", + "integrity": "sha512-l2Ul9PrHsPCKcEY/ac7VgFj9D80C7S68sOKc618SyHDPK36s1XcFebXY0iTzUVn4Yq+YbwvSnDmCz9yxjX+QrA==", "dev": true, "license": "MIT", "dependencies": { @@ -1872,7 +1851,7 @@ "globals": "^14.0.0", "ignore": "^5.2.0", "import-fresh": "^3.2.1", - "js-yaml": "^4.1.1", + "js-yaml": "^4.3.0", "minimatch": "^3.1.5", "strip-json-comments": "^3.1.1" }, @@ -1908,9 +1887,9 @@ "license": "MIT" }, "node_modules/@eslint/eslintrc/node_modules/brace-expansion": { - "version": "1.1.15", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.15.tgz", - "integrity": "sha512-EwOCDEex4quD37XhqM3omwtMoJjr//isUZz1JopUNWms+4Z2ViyM/k1YIRePpoVNnQhENnxtFjLaxNHrT7xIUg==", + "version": "1.1.18", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.18.tgz", + "integrity": "sha512-Edep/X9fGqVNmzKBVsDYIOtD+z1tuezV70LBjdCst9Tqu76lsnvRiZ6oTic1n+/BIwX6QDGAO94PN4N2SADvtw==", "dev": true, "license": "MIT", "dependencies": { @@ -1949,9 +1928,9 @@ } }, "node_modules/@eslint/js": { - "version": "9.39.4", - "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.4.tgz", - "integrity": "sha512-nE7DEIchvtiFTwBw4Lfbu59PG+kCofhjsKaCWzxTpt4lfRjRMqG6uMBzKXuEcyXhOHoUp9riAm7/aWYGhXZ9cw==", + "version": "9.39.5", + "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.5.tgz", + "integrity": "sha512-QywQuszQh77pIXCsq998c8hbhSTI/azTty1Z6N53dmAudKHhy573j3yvRLsX2BSp8YpLtoCEG8E9DJe+8zUh4A==", "dev": true, "license": "MIT", "engines": { @@ -1986,40 +1965,30 @@ } }, "node_modules/@floating-ui/core": { - "version": "1.7.5", - "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.5.tgz", - "integrity": "sha512-1Ih4WTWyw0+lKyFMcBHGbb5U5FtuHJuujoyyr5zTaWS5EYMeT6Jb2AuDeftsCsEuchO+mM2ij5+q9crhydzLhQ==", + "version": "1.8.0", + "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.8.0.tgz", + "integrity": "sha512-0CIZ5itps/8x7BG8dEIhs53BvCUH2PCoogtakwRTut+Arm58sJooJ0AuZhLw2HJYIR5cMLNPBSS728sPho2khQ==", "license": "MIT", "dependencies": { - "@floating-ui/utils": "^0.2.11" + "@floating-ui/utils": "^0.2.12" } }, "node_modules/@floating-ui/dom": { - "version": "1.7.6", - "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.6.tgz", - "integrity": "sha512-9gZSAI5XM36880PPMm//9dfiEngYoC6Am2izES1FF406YFsjvyBMmeJ2g4SAju3xWwtuynNRFL2s9hgxpLI5SQ==", + "version": "1.8.0", + "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.8.0.tgz", + "integrity": "sha512-yXSrzeHZBTZadLOlfyhCkJHNeLJnHRnRInwdZ40L7ZiaAtrBwoYlsDrX3v5zB1Utk7CLfzcOVnVVWoXEky7Ceg==", "license": "MIT", "dependencies": { - "@floating-ui/core": "^1.7.5", - "@floating-ui/utils": "^0.2.11" + "@floating-ui/core": "^1.8.0", + "@floating-ui/utils": "^0.2.12" } }, "node_modules/@floating-ui/utils": { - "version": "0.2.11", - "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.11.tgz", - "integrity": "sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg==", + "version": "0.2.12", + "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.12.tgz", + "integrity": "sha512-HpCo8tmWzLVad5s2d19EhAz5zqrrQ6s69qd6moPMQvkOuSwDT1YgRfWSVuc4ennqrgv3OHppiOGMQ7oC13yIww==", "license": "MIT" }, - "node_modules/@gar/promise-retry": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/@gar/promise-retry/-/promise-retry-1.0.3.tgz", - "integrity": "sha512-GmzA9ckNokPypTg10pgpeHNQe7ph+iIKKmhKu3Ob9ANkswreCx7R3cKmY781K8QK3AqVL3xVh9A42JvIAbkkSA==", - "dev": true, - "license": "MIT", - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, "node_modules/@gulpjs/messages": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/@gulpjs/messages/-/messages-1.1.0.tgz", @@ -2052,9 +2021,9 @@ "optional": true }, "node_modules/@hono/node-server": { - "version": "1.19.14", - "resolved": "https://registry.npmjs.org/@hono/node-server/-/node-server-1.19.14.tgz", - "integrity": "sha512-GwtvgtXxnWsucXvbQXkRgqksiH2Qed37H9xHZocE5sA3N8O8O8/8FA3uclQXxXVzc9XBZuEOMK7+r02FmSpHtw==", + "version": "1.19.17", + "resolved": "https://registry.npmjs.org/@hono/node-server/-/node-server-1.19.17.tgz", + "integrity": "sha512-dSneS5qhiauZWGDCeK4o695Xd9nUNjviSZCMQrj10eetr8Uln1ucn6bbphOM6UynAMMtNIzZNSpL9vnASJwrPQ==", "license": "MIT", "engines": { "node": ">=18.14.1" @@ -2130,30 +2099,45 @@ } }, "node_modules/@igniteui/angular-schematics": { - "version": "22.0.1540", - "resolved": "https://registry.npmjs.org/@igniteui/angular-schematics/-/angular-schematics-22.0.1540.tgz", - "integrity": "sha512-Ct5RI7gEqnpQ8TeJd7/KVZI2DlgfAM/YT+9TS343JaOypQmhkiDq9TWd4x+7qsEoJF8Aapwt1+A1eI0hHF52bA==", + "version": "22.0.1550", + "resolved": "https://registry.npmjs.org/@igniteui/angular-schematics/-/angular-schematics-22.0.1550.tgz", + "integrity": "sha512-oP4HGxFOWdp4p6XdZBUdBZn1FGa6NjPcQmTv3R22sx0Fojd6CPuvj9fx21Rm26Pwz9xzKin5VDA4SRNCPUF+Bw==", "dev": true, "hasInstallScript": true, "license": "MIT", "dependencies": { "@angular-devkit/core": "^22.0.0", "@angular-devkit/schematics": "^22.0.0", - "@igniteui/angular-templates": "~22.0.1540", - "@igniteui/cli-core": "~15.4.0", + "@igniteui/angular-templates": "~22.0.1550", + "@igniteui/cli-core": "~15.5.0", "@schematics/angular": "^22.0.0", "minimatch": "^10.0.1", - "rxjs": "~7.8.1" + "rxjs": "~7.8.1", + "typescript": "~5.6.2" + } + }, + "node_modules/@igniteui/angular-schematics/node_modules/typescript": { + "version": "5.6.3", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.6.3.tgz", + "integrity": "sha512-hjcS1mhfuyi4WW8IWtjP7brDrG2cuDZukyrYrSauoXGNgx0S7zceP07adYkJycEr56BOUTNPzbInooiN3fn1qw==", + "dev": true, + "license": "Apache-2.0", + "bin": { + "tsc": "bin/tsc", + "tsserver": "bin/tsserver" + }, + "engines": { + "node": ">=14.17" } }, "node_modules/@igniteui/angular-templates": { - "version": "22.0.1540", - "resolved": "https://registry.npmjs.org/@igniteui/angular-templates/-/angular-templates-22.0.1540.tgz", - "integrity": "sha512-gfOuN5qx3FZ5zG1Umbh0Fkbn7EdIRh6SKaWp5FSRABPd0aVBvdi4G1AP33/Wy1t5Zvu1KGzbekmpbUqHqK3Ovw==", + "version": "22.0.1550", + "resolved": "https://registry.npmjs.org/@igniteui/angular-templates/-/angular-templates-22.0.1550.tgz", + "integrity": "sha512-hgXWuD4O5wGaz+Le9hKMn+aiqjk/XJWKhsSK64OLFblZFlWGhnXIXZCZ02JBv849m0qK4xkKQHSCXtwu9HMIoA==", "dev": true, "license": "MIT", "dependencies": { - "@igniteui/cli-core": "~15.4.0", + "@igniteui/cli-core": "~15.5.0", "typescript": "~5.5.4" } }, @@ -2172,9 +2156,9 @@ } }, "node_modules/@igniteui/cli-core": { - "version": "15.4.0", - "resolved": "https://registry.npmjs.org/@igniteui/cli-core/-/cli-core-15.4.0.tgz", - "integrity": "sha512-1PNYkQ19YDT1RCuCqE67C1XPn5VJVpgTDIraJCGT1TIlR4okE2Dku1ezLPpqdiHl1MQQ0cZjP/+r8uLExyZhpw==", + "version": "15.5.0", + "resolved": "https://registry.npmjs.org/@igniteui/cli-core/-/cli-core-15.5.0.tgz", + "integrity": "sha512-sg+ZtniGEMSR/VNsv4gKNB6s2RMf+b88ttQNm5DDzunKtqK+mG5hDHGNHrRnR99dlZCNVOX0ve3W7z3jXn7f/A==", "dev": true, "license": "MIT", "dependencies": { @@ -2675,17 +2659,17 @@ } }, "node_modules/@inquirer/confirm": { - "version": "6.0.12", - "resolved": "https://registry.npmjs.org/@inquirer/confirm/-/confirm-6.0.12.tgz", - "integrity": "sha512-h9FgGun3QwVYNj5TWIZZ+slii73bMoBFjPfVIGtnFuL4t8gBiNDV9PcSfIzkuxvgquJKt9nr1QzszpBzTbH8Og==", + "version": "6.1.1", + "resolved": "https://registry.npmjs.org/@inquirer/confirm/-/confirm-6.1.1.tgz", + "integrity": "sha512-eb8DBZcz/2qHWQda4rk2JiQk5h9QV/cVHi1yjt0f69WFZMRFn0sJTye3EAP8icut8UDMjQPsaH5KbcOogefrFQ==", "dev": true, "license": "MIT", "dependencies": { - "@inquirer/core": "^11.1.9", - "@inquirer/type": "^4.0.5" + "@inquirer/core": "^11.2.1", + "@inquirer/type": "^4.0.7" }, "engines": { - "node": ">=23.5.0 || ^22.13.0 || ^21.7.0 || ^20.12.0" + "node": ">=23.5.0 || ^22.13.0 || ^20.17.0" }, "peerDependencies": { "@types/node": ">=18" @@ -2868,25 +2852,25 @@ } }, "node_modules/@inquirer/prompts": { - "version": "8.4.2", - "resolved": "https://registry.npmjs.org/@inquirer/prompts/-/prompts-8.4.2.tgz", - "integrity": "sha512-XJmn/wY4AX56l1BRU+ZjDrFtg9+2uBEi4JvJQj82kwJDQKiPgSn4CEsbfGGygS4Gw6rkL4W18oATjfVfaqub2Q==", + "version": "8.5.2", + "resolved": "https://registry.npmjs.org/@inquirer/prompts/-/prompts-8.5.2.tgz", + "integrity": "sha512-IYR/3C/paEVVQYQvdDlFZVjRCJVYHHON0XXMH91KO9GSxs0TdKYWlUdvfQl2EfAHDxUaN3IBffkE/BDTh5nJ6g==", "dev": true, "license": "MIT", "dependencies": { - "@inquirer/checkbox": "^5.1.4", - "@inquirer/confirm": "^6.0.12", - "@inquirer/editor": "^5.1.1", - "@inquirer/expand": "^5.0.13", - "@inquirer/input": "^5.0.12", - "@inquirer/number": "^4.0.12", - "@inquirer/password": "^5.0.12", - "@inquirer/rawlist": "^5.2.8", - "@inquirer/search": "^4.1.8", - "@inquirer/select": "^5.1.4" + "@inquirer/checkbox": "^5.2.1", + "@inquirer/confirm": "^6.1.1", + "@inquirer/editor": "^5.2.2", + "@inquirer/expand": "^5.1.1", + "@inquirer/input": "^5.1.2", + "@inquirer/number": "^4.1.1", + "@inquirer/password": "^5.1.1", + "@inquirer/rawlist": "^5.3.1", + "@inquirer/search": "^4.2.1", + "@inquirer/select": "^5.2.1" }, "engines": { - "node": ">=23.5.0 || ^22.13.0 || ^21.7.0 || ^20.12.0" + "node": ">=23.5.0 || ^22.13.0 || ^20.17.0" }, "peerDependencies": { "@types/node": ">=18" @@ -2994,19 +2978,6 @@ "node": ">=18" } }, - "node_modules/@isaacs/fs-minipass": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz", - "integrity": "sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==", - "dev": true, - "license": "ISC", - "dependencies": { - "minipass": "^7.0.4" - }, - "engines": { - "node": ">=18.0.0" - } - }, "node_modules/@istanbuljs/schema": { "version": "0.1.6", "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.6.tgz", @@ -3070,13 +3041,13 @@ "license": "Apache-2.0" }, "node_modules/@listr2/prompt-adapter-inquirer": { - "version": "4.2.3", - "resolved": "https://registry.npmjs.org/@listr2/prompt-adapter-inquirer/-/prompt-adapter-inquirer-4.2.3.tgz", - "integrity": "sha512-Co9U3AJ3LW0J8XBHjVoNKA79dMAyFt8EZH3OaKTMcDTj8r+6kG3vSUPq/eGLHT7P0iK3uLaFfhdFYd3033P24g==", + "version": "4.2.4", + "resolved": "https://registry.npmjs.org/@listr2/prompt-adapter-inquirer/-/prompt-adapter-inquirer-4.2.4.tgz", + "integrity": "sha512-/KRI2DMD7JGSYaREF0Ygl7AefJ/2ase4Gc5cBiKqT5l4tFjsSJfhFGcc5nSkgl0Sp9LkCQNzl/cqbVJYP2L3dw==", "dev": true, "license": "MIT", "dependencies": { - "@inquirer/type": "^4.0.5" + "@inquirer/type": "^4.0.6" }, "engines": { "node": ">=22.13.0" @@ -3121,9 +3092,9 @@ } }, "node_modules/@lmdb/lmdb-darwin-arm64": { - "version": "3.5.4", - "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-arm64/-/lmdb-darwin-arm64-3.5.4.tgz", - "integrity": "sha512-Kk4Kz3iyu1QiLsLZBS9Af1eSKUC8VR2T+/jyE2iAyuGw2VwK08pp5iTbZnXn6sWu0LogO/RFktMxOjiDA2sS3w==", + "version": "3.5.6", + "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-arm64/-/lmdb-darwin-arm64-3.5.6.tgz", + "integrity": "sha512-mY5FG4TjPAkY4P0w+OhHaUka5mDh2TX2WKYIwuKzJ1zeW3VvRgxdam/lGJTquI+bthTx5CSHDW+BAQCnNAzkEA==", "cpu": [ "arm64" ], @@ -3135,9 +3106,9 @@ ] }, "node_modules/@lmdb/lmdb-darwin-x64": { - "version": "3.5.4", - "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-x64/-/lmdb-darwin-x64-3.5.4.tgz", - "integrity": "sha512-BEe5Rp3trn26oxoXOVL5HVDoiYmjUDwr8NRPkBOdUdCSBEorKI+7JrZLRKAdxO+G6cGQLgseXk0gR7qIQa7aGw==", + "version": "3.5.6", + "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-x64/-/lmdb-darwin-x64-3.5.6.tgz", + "integrity": "sha512-foa+pwitysO8k+xhs7psBFfTKnVgR69NlZRRTHaFVDqphh7AdGpLeyRzKw/ofatr/sN6TiHRRW6mmop0ZrrppQ==", "cpu": [ "x64" ], @@ -3149,9 +3120,9 @@ ] }, "node_modules/@lmdb/lmdb-linux-arm": { - "version": "3.5.4", - "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm/-/lmdb-linux-arm-3.5.4.tgz", - "integrity": "sha512-SGbFR7816uBcTHc2ZY4S6WyOkl9bICnzqTQd2Mv4V/j24cfds88xx2nC6cm/y8zGQL7Ds31YF/5NGxjgcdM5Hw==", + "version": "3.5.6", + "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm/-/lmdb-linux-arm-3.5.6.tgz", + "integrity": "sha512-QR4YRyR5h5Z8eGXrNQjiyo2NNDfqi3tCc9dQG5Is1blCt+qWw1ZoBWhlWAr5d+jshkifMIJjVHzHGKbkKzF8Tw==", "cpu": [ "arm" ], @@ -3163,9 +3134,9 @@ ] }, "node_modules/@lmdb/lmdb-linux-arm64": { - "version": "3.5.4", - "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm64/-/lmdb-linux-arm64-3.5.4.tgz", - "integrity": "sha512-cUXEengO8o60v1SWerJTH4/RH4U3+9jC0/4njp2Z9NdmvaGzhKsbRM2wpXuRYrN8tytsoJCg0SvWEWwHAwLbCA==", + "version": "3.5.6", + "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm64/-/lmdb-linux-arm64-3.5.6.tgz", + "integrity": "sha512-HmiyFFdJa38s1heCMSooSPaBSFTHJ3C+ERPp28xAPlDX1YiALJVOgbry065nXd8Y7KISWjnw05zpG1RX8IfftA==", "cpu": [ "arm64" ], @@ -3177,9 +3148,9 @@ ] }, "node_modules/@lmdb/lmdb-linux-x64": { - "version": "3.5.4", - "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-x64/-/lmdb-linux-x64-3.5.4.tgz", - "integrity": "sha512-Gxq8jpgOWXwd0PUR+c9R2Ik1/uBnGd5GMIIzRRDqABCkvmjtC3KWcyhesV9jSPCz759isl0NlbsstZ2oyvk8lA==", + "version": "3.5.6", + "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-x64/-/lmdb-linux-x64-3.5.6.tgz", + "integrity": "sha512-ADzCuCF2cTNiX9kDScqcz1fjnAkxPpQNneV3KFTdV3wWtVlI2sTGzySoMTgDpinkMMFj1NTJlxA6XR8fwc4hlA==", "cpu": [ "x64" ], @@ -3191,9 +3162,9 @@ ] }, "node_modules/@lmdb/lmdb-win32-arm64": { - "version": "3.5.4", - "resolved": "https://registry.npmjs.org/@lmdb/lmdb-win32-arm64/-/lmdb-win32-arm64-3.5.4.tgz", - "integrity": "sha512-pKv1DJ1bPZAaHkdFsSz5IDfUG8x9vntgquXF9/Dm2xuupcIe/EkLzylpoBxppFVK5vzbV561Dq26jNY2fIMA7g==", + "version": "3.5.6", + "resolved": "https://registry.npmjs.org/@lmdb/lmdb-win32-arm64/-/lmdb-win32-arm64-3.5.6.tgz", + "integrity": "sha512-J7A9aEQsQiv0TYtBGL7NDIPp2lOS8nnl+zm4sWZm1xlsTTaQ4PgD096Adzdrk27rw3UxCkDXdCUa4ax41oztBQ==", "cpu": [ "arm64" ], @@ -3205,9 +3176,9 @@ ] }, "node_modules/@lmdb/lmdb-win32-x64": { - "version": "3.5.4", - "resolved": "https://registry.npmjs.org/@lmdb/lmdb-win32-x64/-/lmdb-win32-x64-3.5.4.tgz", - "integrity": "sha512-JF1BmLCm9kGEVZgYmJq43zeQVdHVgAJnTi/NURWEsy6L1ZrrlSmdltS+D17QN4LODwf+1LMXAA9auIZVXtWwzw==", + "version": "3.5.6", + "resolved": "https://registry.npmjs.org/@lmdb/lmdb-win32-x64/-/lmdb-win32-x64-3.5.6.tgz", + "integrity": "sha512-1g7G0knRX2iV/voDu54yxrGqw5Dk0w2oIYb7dgJq8IkOi+m7wbD8Q3QpPFjh0C01G58S88dqGn03len6UPCXsg==", "cpu": [ "x64" ], @@ -3219,9 +3190,9 @@ ] }, "node_modules/@microsoft/signalr": { - "version": "8.0.17", - "resolved": "https://registry.npmjs.org/@microsoft/signalr/-/signalr-8.0.17.tgz", - "integrity": "sha512-5pM6xPtKZNJLO0Tq5nQasVyPFwi/WBY3QB5uc/v3dIPTpS1JXQbaXAQAPxFoQ5rTBFE094w8bbqkp17F9ReQvA==", + "version": "8.0.29", + "resolved": "https://registry.npmjs.org/@microsoft/signalr/-/signalr-8.0.29.tgz", + "integrity": "sha512-yzszFiTAuRxHm3qxNaSan3YzN8dffLqQcc3ZNJD2tn9eInCBBi7u2xCJ6AVNXjw19RDoBc+NPWfYN43K1HcjdA==", "license": "MIT", "dependencies": { "abort-controller": "^3.0.0", @@ -3285,21 +3256,34 @@ } }, "node_modules/@modelcontextprotocol/sdk/node_modules/body-parser": { - "version": "2.2.2", - "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-2.2.2.tgz", - "integrity": "sha512-oP5VkATKlNwcgvxi0vM0p/D3n2C3EReYVX+DNYs5TjZFn/oQt2j+4sVJtSMr18pdRr8wjTcBl6LoV+FUwzPmNA==", + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-2.3.0.tgz", + "integrity": "sha512-2cGmJupaNgg+QUwVLAucDuWuoMZ6EX9iHDRswZ5lsNYEmwPaRknMPCLZz07yTzVq/83p4o/wzbDZbBrTvGGTIw==", "license": "MIT", "dependencies": { "bytes": "^3.1.2", - "content-type": "^1.0.5", + "content-type": "^2.0.0", "debug": "^4.4.3", - "http-errors": "^2.0.0", - "iconv-lite": "^0.7.0", + "http-errors": "^2.0.1", + "iconv-lite": "^0.7.2", "on-finished": "^2.4.1", - "qs": "^6.14.1", - "raw-body": "^3.0.1", - "type-is": "^2.0.1" + "qs": "^6.15.2", + "raw-body": "^3.0.2", + "type-is": "^2.1.0" + }, + "engines": { + "node": ">=18" }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/express" + } + }, + "node_modules/@modelcontextprotocol/sdk/node_modules/body-parser/node_modules/content-type": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/content-type/-/content-type-2.0.0.tgz", + "integrity": "sha512-j/O/d7GcZCyNl7/hwZAb606rzqkyvaDctLmckbxLzHvFBzTJHuGEdodATcP3yIRoDrLHkIATJuvzbFlp/ki2cQ==", + "license": "MIT", "engines": { "node": ">=18" }, @@ -3416,12 +3400,16 @@ } }, "node_modules/@modelcontextprotocol/sdk/node_modules/media-typer": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-1.1.0.tgz", - "integrity": "sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-1.1.1.tgz", + "integrity": "sha512-yz3xRaG20c6/BOzvYoDaGtPmGscs7YivItZEEqe6GbwNfHuxu9YNmvnEkMzKldAGY4/80pRcQRZSEnhquk9XuQ==", "license": "MIT", "engines": { "node": ">= 0.8" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/express" } }, "node_modules/@modelcontextprotocol/sdk/node_modules/merge-descriptors": { @@ -3974,6 +3962,27 @@ "node": ">= 10" } }, + "node_modules/@napi-rs/wasm-runtime": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.2.2.tgz", + "integrity": "sha512-JfB4kuJQjaoHuCTseIINHtHWeJnvgEcxjwA5t/Y00ZgaOO1Crz3fjT/p8kT28zA/Caz7oiUMn3d6H2yOVCVwuw==", + "license": "MIT", + "optional": true, + "dependencies": { + "@tybys/wasm-util": "^0.10.3" + }, + "engines": { + "node": "^20.19.0 || ^22.13.0 || >=23.5.0" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/Brooooooklyn" + }, + "peerDependencies": { + "@emnapi/core": "^1.7.1 || ^2.0.0-alpha.3", + "@emnapi/runtime": "^1.7.1 || ^2.0.0-alpha.3" + } + }, "node_modules/@ng-bootstrap/ng-bootstrap": { "version": "20.0.0", "resolved": "https://registry.npmjs.org/@ng-bootstrap/ng-bootstrap/-/ng-bootstrap-20.0.0.tgz", @@ -3991,404 +4000,135 @@ "rxjs": "^6.5.3 || ^7.4.0" } }, - "node_modules/@npmcli/agent": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/@npmcli/agent/-/agent-4.0.2.tgz", - "integrity": "sha512-EUEuWAxnL07Sp5/iC/1X6Xj+XThUvnbei9zfRWZdEXa7lss9RTHMhAHBeg+MZ5To9s/gGaSI+UwZTPdYMvKSeg==", + "node_modules/@oxc-parser/binding-android-arm-eabi": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-android-arm-eabi/-/binding-android-arm-eabi-0.142.0.tgz", + "integrity": "sha512-ZiRGDutGsv1G6bL/ozy/koC0Sv39T1DqyoC4KD1DOy9ZoACm1O5UWhEK2c02Qdk+4lfLVkvFa/mQ0fm/4h1BtQ==", + "cpu": [ + "arm" + ], "dev": true, - "license": "ISC", - "dependencies": { - "agent-base": "^7.1.0", - "http-proxy-agent": "^7.0.0", - "https-proxy-agent": "^7.0.1", - "lru-cache": "^11.2.1", - "socks-proxy-agent": "^8.0.3" - }, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], "engines": { - "node": "^20.17.0 || >=22.9.0" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/@npmcli/agent/node_modules/agent-base": { - "version": "7.1.4", - "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz", - "integrity": "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==", + "node_modules/@oxc-parser/binding-android-arm64": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-android-arm64/-/binding-android-arm64-0.142.0.tgz", + "integrity": "sha512-WZkvGRLNQTz8lR9zP5nLjUdlroRCopBu3g9zF1p/laE6DzT1UbQo8Rdz5MWhaJUPYg/6gp+jo7HUgsyKaN1FtQ==", + "cpu": [ + "arm64" + ], "dev": true, "license": "MIT", + "optional": true, + "os": [ + "android" + ], "engines": { - "node": ">= 14" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/@npmcli/agent/node_modules/https-proxy-agent": { - "version": "7.0.6", - "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz", - "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==", + "node_modules/@oxc-parser/binding-darwin-arm64": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-darwin-arm64/-/binding-darwin-arm64-0.142.0.tgz", + "integrity": "sha512-l4khS8LQOOVYsGRVARo1gSaCT/aBSceUVXgtovWc2+drnxVuDr082WA3OCHVdVzIz5JIrP/y9CWsSKxBDNmYGg==", + "cpu": [ + "arm64" + ], "dev": true, "license": "MIT", - "dependencies": { - "agent-base": "^7.1.2", - "debug": "4" - }, - "engines": { - "node": ">= 14" - } - }, - "node_modules/@npmcli/agent/node_modules/lru-cache": { - "version": "11.5.1", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.1.tgz", - "integrity": "sha512-RPimw/7aMdv2oqRrxKwvZXcPfwBrn/JZ2xYcY9Hus/6LaS3VOAKVWKWgNLCFSiOm1ESXinjsDlidVU7JlnCN2A==", - "dev": true, - "license": "BlueOak-1.0.0", - "engines": { - "node": "20 || >=22" - } - }, - "node_modules/@npmcli/fs": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/@npmcli/fs/-/fs-5.0.0.tgz", - "integrity": "sha512-7OsC1gNORBEawOa5+j2pXN9vsicaIOH5cPXxoR6fJOmH6/EXpJB2CajXOu1fPRFun2m1lktEFX11+P89hqO/og==", - "dev": true, - "license": "ISC", - "dependencies": { - "semver": "^7.3.5" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, - "node_modules/@npmcli/git": { - "version": "7.0.2", - "resolved": "https://registry.npmjs.org/@npmcli/git/-/git-7.0.2.tgz", - "integrity": "sha512-oeolHDjExNAJAnlYP2qzNjMX/Xi9bmu78C9dIGr4xjobrSKbuMYCph8lTzn4vnW3NjIqVmw/f8BCfouqyJXlRg==", - "dev": true, - "license": "ISC", - "dependencies": { - "@gar/promise-retry": "^1.0.0", - "@npmcli/promise-spawn": "^9.0.0", - "ini": "^6.0.0", - "lru-cache": "^11.2.1", - "npm-pick-manifest": "^11.0.1", - "proc-log": "^6.0.0", - "semver": "^7.3.5", - "which": "^6.0.0" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, - "node_modules/@npmcli/git/node_modules/isexe": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/isexe/-/isexe-4.0.0.tgz", - "integrity": "sha512-FFUtZMpoZ8RqHS3XeXEmHWLA4thH+ZxCv2lOiPIn1Xc7CxrqhWzNSDzD+/chS/zbYezmiwWLdQC09JdQKmthOw==", - "dev": true, - "license": "BlueOak-1.0.0", - "engines": { - "node": ">=20" - } - }, - "node_modules/@npmcli/git/node_modules/lru-cache": { - "version": "11.5.1", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.1.tgz", - "integrity": "sha512-RPimw/7aMdv2oqRrxKwvZXcPfwBrn/JZ2xYcY9Hus/6LaS3VOAKVWKWgNLCFSiOm1ESXinjsDlidVU7JlnCN2A==", - "dev": true, - "license": "BlueOak-1.0.0", - "engines": { - "node": "20 || >=22" - } - }, - "node_modules/@npmcli/git/node_modules/which": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/which/-/which-6.0.1.tgz", - "integrity": "sha512-oGLe46MIrCRqX7ytPUf66EAYvdeMIZYn3WaocqqKZAxrBpkqHfL/qvTyJ/bTk5+AqHCjXmrv3CEWgy368zhRUg==", - "dev": true, - "license": "ISC", - "dependencies": { - "isexe": "^4.0.0" - }, - "bin": { - "node-which": "bin/which.js" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, - "node_modules/@npmcli/installed-package-contents": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/@npmcli/installed-package-contents/-/installed-package-contents-4.0.0.tgz", - "integrity": "sha512-yNyAdkBxB72gtZ4GrwXCM0ZUedo9nIbOMKfGjt6Cu6DXf0p8y1PViZAKDC8q8kv/fufx0WTjRBdSlyrvnP7hmA==", - "dev": true, - "license": "ISC", - "dependencies": { - "npm-bundled": "^5.0.0", - "npm-normalize-package-bin": "^5.0.0" - }, - "bin": { - "installed-package-contents": "bin/index.js" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, - "node_modules/@npmcli/node-gyp": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/@npmcli/node-gyp/-/node-gyp-5.0.0.tgz", - "integrity": "sha512-uuG5HZFXLfyFKqg8QypsmgLQW7smiRjVc45bqD/ofZZcR/uxEjgQU8qDPv0s9TEeMUiAAU/GC5bR6++UdTirIQ==", - "dev": true, - "license": "ISC", - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, - "node_modules/@npmcli/package-json": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@npmcli/package-json/-/package-json-7.0.5.tgz", - "integrity": "sha512-iVuTlG3ORq2iaVa1IWUxAO/jIp77tUKBhoMjuzYW2kL4MLN1bi/ofqkZ7D7OOwh8coAx1/S2ge0rMdGv8sLSOQ==", - "dev": true, - "license": "ISC", - "dependencies": { - "@npmcli/git": "^7.0.0", - "glob": "^13.0.0", - "hosted-git-info": "^9.0.0", - "json-parse-even-better-errors": "^5.0.0", - "proc-log": "^6.0.0", - "semver": "^7.5.3", - "spdx-expression-parse": "^4.0.0" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, - "node_modules/@npmcli/package-json/node_modules/glob": { - "version": "13.0.6", - "resolved": "https://registry.npmjs.org/glob/-/glob-13.0.6.tgz", - "integrity": "sha512-Wjlyrolmm8uDpm/ogGyXZXb1Z+Ca2B8NbJwqBVg0axK9GbBeoS7yGV6vjXnYdGm6X53iehEuxxbyiKp8QmN4Vw==", - "dev": true, - "license": "BlueOak-1.0.0", - "dependencies": { - "minimatch": "^10.2.2", - "minipass": "^7.1.3", - "path-scurry": "^2.0.2" - }, - "engines": { - "node": "18 || 20 || >=22" - }, - "funding": { - "url": "https://github.com/sponsors/isaacs" - } - }, - "node_modules/@npmcli/promise-spawn": { - "version": "9.0.1", - "resolved": "https://registry.npmjs.org/@npmcli/promise-spawn/-/promise-spawn-9.0.1.tgz", - "integrity": "sha512-OLUaoqBuyxeTqUvjA3FZFiXUfYC1alp3Sa99gW3EUDz3tZ3CbXDdcZ7qWKBzicrJleIgucoWamWH1saAmH/l2Q==", - "dev": true, - "license": "ISC", - "dependencies": { - "which": "^6.0.0" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, - "node_modules/@npmcli/promise-spawn/node_modules/isexe": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/isexe/-/isexe-4.0.0.tgz", - "integrity": "sha512-FFUtZMpoZ8RqHS3XeXEmHWLA4thH+ZxCv2lOiPIn1Xc7CxrqhWzNSDzD+/chS/zbYezmiwWLdQC09JdQKmthOw==", - "dev": true, - "license": "BlueOak-1.0.0", - "engines": { - "node": ">=20" - } - }, - "node_modules/@npmcli/promise-spawn/node_modules/which": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/which/-/which-6.0.1.tgz", - "integrity": "sha512-oGLe46MIrCRqX7ytPUf66EAYvdeMIZYn3WaocqqKZAxrBpkqHfL/qvTyJ/bTk5+AqHCjXmrv3CEWgy368zhRUg==", - "dev": true, - "license": "ISC", - "dependencies": { - "isexe": "^4.0.0" - }, - "bin": { - "node-which": "bin/which.js" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, - "node_modules/@npmcli/redact": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/@npmcli/redact/-/redact-4.0.0.tgz", - "integrity": "sha512-gOBg5YHMfZy+TfHArfVogwgfBeQnKbbGo3pSUyK/gSI0AVu+pEiDVcKlQb0D8Mg1LNRZILZ6XG8I5dJ4KuAd9Q==", - "dev": true, - "license": "ISC", - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, - "node_modules/@npmcli/run-script": { - "version": "10.0.4", - "resolved": "https://registry.npmjs.org/@npmcli/run-script/-/run-script-10.0.4.tgz", - "integrity": "sha512-mGUWr1uMnf0le2TwfOZY4SFxZGXGfm4Jtay/nwAa2FLNAKXUoUwaGwBMNH36UHPtinWfTSJ3nqFQr0091CxVGg==", - "dev": true, - "license": "ISC", - "dependencies": { - "@npmcli/node-gyp": "^5.0.0", - "@npmcli/package-json": "^7.0.0", - "@npmcli/promise-spawn": "^9.0.0", - "node-gyp": "^12.1.0", - "proc-log": "^6.0.0" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, - "node_modules/@parcel/watcher": { - "version": "2.5.6", - "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.6.tgz", - "integrity": "sha512-tmmZ3lQxAe/k/+rNnXQRawJ4NjxO2hqiOLTHvWchtGZULp4RyFeh6aU4XdOYBFe2KE1oShQTv4AblOs2iOrNnQ==", - "hasInstallScript": true, - "license": "MIT", - "optional": true, - "dependencies": { - "detect-libc": "^2.0.3", - "is-glob": "^4.0.3", - "node-addon-api": "^7.0.0", - "picomatch": "^4.0.3" - }, - "engines": { - "node": ">= 10.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/parcel" - }, - "optionalDependencies": { - "@parcel/watcher-android-arm64": "2.5.6", - "@parcel/watcher-darwin-arm64": "2.5.6", - "@parcel/watcher-darwin-x64": "2.5.6", - "@parcel/watcher-freebsd-x64": "2.5.6", - "@parcel/watcher-linux-arm-glibc": "2.5.6", - "@parcel/watcher-linux-arm-musl": "2.5.6", - "@parcel/watcher-linux-arm64-glibc": "2.5.6", - "@parcel/watcher-linux-arm64-musl": "2.5.6", - "@parcel/watcher-linux-x64-glibc": "2.5.6", - "@parcel/watcher-linux-x64-musl": "2.5.6", - "@parcel/watcher-win32-arm64": "2.5.6", - "@parcel/watcher-win32-ia32": "2.5.6", - "@parcel/watcher-win32-x64": "2.5.6" - } - }, - "node_modules/@parcel/watcher-android-arm64": { - "version": "2.5.6", - "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.6.tgz", - "integrity": "sha512-YQxSS34tPF/6ZG7r/Ih9xy+kP/WwediEUsqmtf0cuCV5TPPKw/PQHRhueUo6JdeFJaqV3pyjm0GdYjZotbRt/A==", - "cpu": [ - "arm64" - ], - "license": "MIT", "optional": true, "os": [ - "android" + "darwin" ], "engines": { - "node": ">= 10.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/parcel" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/@parcel/watcher-darwin-arm64": { - "version": "2.5.6", - "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.6.tgz", - "integrity": "sha512-Z2ZdrnwyXvvvdtRHLmM4knydIdU9adO3D4n/0cVipF3rRiwP+3/sfzpAwA/qKFL6i1ModaabkU7IbpeMBgiVEA==", + "node_modules/@oxc-parser/binding-darwin-x64": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-darwin-x64/-/binding-darwin-x64-0.142.0.tgz", + "integrity": "sha512-QBsNF3nqlXmcH2B1YOPqQYmCJoy4HuIjUxGbBO/k5JAJUl68ghU2psRY2zPk+RyBaWqKP/qfL4oaFgEMCdwskA==", "cpu": [ - "arm64" + "x64" ], + "dev": true, "license": "MIT", "optional": true, "os": [ "darwin" ], "engines": { - "node": ">= 10.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/parcel" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/@parcel/watcher-darwin-x64": { - "version": "2.5.6", - "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.6.tgz", - "integrity": "sha512-HgvOf3W9dhithcwOWX9uDZyn1lW9R+7tPZ4sug+NGrGIo4Rk1hAXLEbcH1TQSqxts0NYXXlOWqVpvS1SFS4fRg==", + "node_modules/@oxc-parser/binding-freebsd-x64": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-freebsd-x64/-/binding-freebsd-x64-0.142.0.tgz", + "integrity": "sha512-b7Q7m4Cqc6XqNhri3R+QhU+GVy646Pn+bkdhrDdWym/Fdi0ZUa+d73H9dm5H91JtbtAQ/z1d8XKMW3oOV8a4tQ==", "cpu": [ "x64" ], + "dev": true, "license": "MIT", "optional": true, "os": [ - "darwin" + "freebsd" ], "engines": { - "node": ">= 10.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/parcel" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/@parcel/watcher-freebsd-x64": { - "version": "2.5.6", - "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.6.tgz", - "integrity": "sha512-vJVi8yd/qzJxEKHkeemh7w3YAn6RJCtYlE4HPMoVnCpIXEzSrxErBW5SJBgKLbXU3WdIpkjBTeUNtyBVn8TRng==", + "node_modules/@oxc-parser/binding-linux-arm-gnueabihf": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-0.142.0.tgz", + "integrity": "sha512-3riVS5IhdH3uCZj1Y9ftDQlR0dvLsIlw/edrRqk8JhgNd5K0XSs+UBtgh50N13CAlW9/TXj6sVGXaKNBocd0Yg==", "cpu": [ - "x64" + "arm" ], + "dev": true, "license": "MIT", "optional": true, "os": [ - "freebsd" + "linux" ], "engines": { - "node": ">= 10.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/parcel" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/@parcel/watcher-linux-arm-glibc": { - "version": "2.5.6", - "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.6.tgz", - "integrity": "sha512-9JiYfB6h6BgV50CCfasfLf/uvOcJskMSwcdH1PHH9rvS1IrNy8zad6IUVPVUfmXr+u+Km9IxcfMLzgdOudz9EQ==", + "node_modules/@oxc-parser/binding-linux-arm-musleabihf": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-arm-musleabihf/-/binding-linux-arm-musleabihf-0.142.0.tgz", + "integrity": "sha512-NmXUOpgpTSkhl795TiXmWppTwmSJ92RC1qvD6e4XOF+slgmo3e6Ah+kEu+6AN8s7NAOEwqGmir58MgSQSWmBSA==", "cpu": [ "arm" ], - "libc": [ - "glibc" - ], + "dev": true, "license": "MIT", "optional": true, "os": [ "linux" ], "engines": { - "node": ">= 10.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/parcel" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/@parcel/watcher-linux-arm-musl": { - "version": "2.5.6", - "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.6.tgz", - "integrity": "sha512-Ve3gUCG57nuUUSyjBq/MAM0CzArtuIOxsBdQ+ftz6ho8n7s1i9E1Nmk/xmP323r2YL0SONs1EuwqBp2u1k5fxg==", + "node_modules/@oxc-parser/binding-linux-arm64-gnu": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-0.142.0.tgz", + "integrity": "sha512-gc0EXsKtXgerujmU2Bql3u1L1HsSQ2774R83idq/FoNMPVV/RY/1ErFsvnit7KoiP/sLvzQixeUo4Ut0ic0wmw==", "cpu": [ - "arm" + "arm64" ], + "dev": true, "libc": [ - "musl" + "glibc" ], "license": "MIT", "optional": true, @@ -4396,22 +4136,19 @@ "linux" ], "engines": { - "node": ">= 10.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/parcel" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/@parcel/watcher-linux-arm64-glibc": { - "version": "2.5.6", - "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.6.tgz", - "integrity": "sha512-f2g/DT3NhGPdBmMWYoxixqYr3v/UXcmLOYy16Bx0TM20Tchduwr4EaCbmxh1321TABqPGDpS8D/ggOTaljijOA==", + "node_modules/@oxc-parser/binding-linux-arm64-musl": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-arm64-musl/-/binding-linux-arm64-musl-0.142.0.tgz", + "integrity": "sha512-F2XvmWSE0uWpie+jHKKIFgdVOe9ypGhkEZxKx5DuW215K6cbAC274yYaPkcM7EqY4Df3Weyhpcz3lsURyH2LVg==", "cpu": [ "arm64" ], + "dev": true, "libc": [ - "glibc" + "musl" ], "license": "MIT", "optional": true, @@ -4419,22 +4156,19 @@ "linux" ], "engines": { - "node": ">= 10.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/parcel" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/@parcel/watcher-linux-arm64-musl": { - "version": "2.5.6", - "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.6.tgz", - "integrity": "sha512-qb6naMDGlbCwdhLj6hgoVKJl2odL34z2sqkC7Z6kzir8b5W65WYDpLB6R06KabvZdgoHI/zxke4b3zR0wAbDTA==", + "node_modules/@oxc-parser/binding-linux-ppc64-gnu": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-0.142.0.tgz", + "integrity": "sha512-wLMbT21U/QxknQsk+VvNF0b9D2/aGWhcaQQQ+VYlE8FwD5+GoWZIPPXNzyHmkYyhm0KB3itL+TBavjMatqNnYA==", "cpu": [ - "arm64" + "ppc64" ], + "dev": true, "libc": [ - "musl" + "glibc" ], "license": "MIT", "optional": true, @@ -4442,20 +4176,17 @@ "linux" ], "engines": { - "node": ">= 10.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/parcel" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/@parcel/watcher-linux-x64-glibc": { - "version": "2.5.6", - "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.6.tgz", - "integrity": "sha512-kbT5wvNQlx7NaGjzPFu8nVIW1rWqV780O7ZtkjuWaPUgpv2NMFpjYERVi0UYj1msZNyCzGlaCWEtzc+exjMGbQ==", + "node_modules/@oxc-parser/binding-linux-riscv64-gnu": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-riscv64-gnu/-/binding-linux-riscv64-gnu-0.142.0.tgz", + "integrity": "sha512-+G8F/4ckwT7FCJV4H2bt09xEzJbjNCfuL4Sp1AYNaFtFMVtgIGMuJlteT82U+K0UIZ/DzAR/LDlMFnEuajG7Kw==", "cpu": [ - "x64" + "riscv64" ], + "dev": true, "libc": [ "glibc" ], @@ -4465,20 +4196,17 @@ "linux" ], "engines": { - "node": ">= 10.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/parcel" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/@parcel/watcher-linux-x64-musl": { - "version": "2.5.6", - "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.6.tgz", - "integrity": "sha512-1JRFeC+h7RdXwldHzTsmdtYR/Ku8SylLgTU/reMuqdVD7CtLwf0VR1FqeprZ0eHQkO0vqsbvFLXUmYm/uNKJBg==", + "node_modules/@oxc-parser/binding-linux-riscv64-musl": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-riscv64-musl/-/binding-linux-riscv64-musl-0.142.0.tgz", + "integrity": "sha512-hTsHtTLxMAfCo+rpF5K3qZJKW2NpPN/CHd4mYB3y7XlSdspHkd2gehDIofP64AacA9nWQw2tY3O7wR6UY8IVOA==", "cpu": [ - "x64" + "riscv64" ], + "dev": true, "libc": [ "musl" ], @@ -4488,189 +4216,288 @@ "linux" ], "engines": { - "node": ">= 10.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/parcel" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/@parcel/watcher-win32-arm64": { - "version": "2.5.6", - "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.6.tgz", - "integrity": "sha512-3ukyebjc6eGlw9yRt678DxVF7rjXatWiHvTXqphZLvo7aC5NdEgFufVwjFfY51ijYEWpXbqF5jtrK275z52D4Q==", + "node_modules/@oxc-parser/binding-linux-s390x-gnu": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-0.142.0.tgz", + "integrity": "sha512-6y7qYY3TCUDYjqswImdTGl92y+KA/80twALegQPN27kfY+bG7Ib1+L3jbmrCZQx6wrVnai9IPsEZp07I0hx7JQ==", "cpu": [ - "arm64" + "s390x" + ], + "dev": true, + "libc": [ + "glibc" ], "license": "MIT", "optional": true, "os": [ - "win32" + "linux" ], "engines": { - "node": ">= 10.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/parcel" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/@parcel/watcher-win32-ia32": { - "version": "2.5.6", - "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.6.tgz", - "integrity": "sha512-k35yLp1ZMwwee3Ez/pxBi5cf4AoBKYXj00CZ80jUz5h8prpiaQsiRPKQMxoLstNuqe2vR4RNPEAEcjEFzhEz/g==", + "node_modules/@oxc-parser/binding-linux-x64-gnu": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-x64-gnu/-/binding-linux-x64-gnu-0.142.0.tgz", + "integrity": "sha512-i69kAWU+2LgoH5bR+zWiiu+UzAw7Oxkwv7COeJTeY19pn4e70nKQcr9Pm6cL2Z0Z54d+gl9qADlK/0yyuCPiBA==", "cpu": [ - "ia32" + "x64" + ], + "dev": true, + "libc": [ + "glibc" ], "license": "MIT", "optional": true, "os": [ - "win32" + "linux" ], "engines": { - "node": ">= 10.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/parcel" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/@parcel/watcher-win32-x64": { - "version": "2.5.6", - "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.6.tgz", - "integrity": "sha512-hbQlYcCq5dlAX9Qx+kFb0FHue6vbjlf0FrNzSKdYK2APUf7tGfGxQCk2ihEREmbR6ZMc0MVAD5RIX/41gpUzTw==", + "node_modules/@oxc-parser/binding-linux-x64-musl": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-x64-musl/-/binding-linux-x64-musl-0.142.0.tgz", + "integrity": "sha512-4SQs678MmjYVrmhAgCWD4o0vpaFszXw9xLX5p2Z9MMFcltxiLkA88wQjh80YHjPrXtpyZ2CWI5m+1yNKM0m2Pw==", "cpu": [ "x64" ], + "dev": true, + "libc": [ + "musl" + ], "license": "MIT", "optional": true, "os": [ - "win32" + "linux" ], "engines": { - "node": ">= 10.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/parcel" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/@parcel/watcher/node_modules/node-addon-api": { - "version": "7.1.1", - "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz", - "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==", + "node_modules/@oxc-parser/binding-openharmony-arm64": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-openharmony-arm64/-/binding-openharmony-arm64-0.142.0.tgz", + "integrity": "sha512-YHpx9N7Ln3a++Tc8rv+H7mrK1zyJQOAwCFg8LZ3lTs1T5afGWeZrLPhPT9HLnIwSjCyJqPWVMIrMxbjcmBr2oQ==", + "cpu": [ + "arm64" + ], + "dev": true, "license": "MIT", - "optional": true + "optional": true, + "os": [ + "openharmony" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@polka/url": { - "version": "1.0.0-next.29", - "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.29.tgz", - "integrity": "sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==", + "node_modules/@oxc-parser/binding-wasm32-wasi": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-wasm32-wasi/-/binding-wasm32-wasi-0.142.0.tgz", + "integrity": "sha512-3pLDyY3+oogW73RM5uehNgAiR/Xfb7fvO2Q1Z1gIqZ2+50XDVQmBVlRkHXZTU4gKnQHpwETNsYQVsJ3joVB2iA==", + "cpu": [ + "wasm32" + ], "dev": true, - "license": "MIT" + "license": "MIT", + "optional": true, + "dependencies": { + "@emnapi/core": "1.11.2", + "@emnapi/runtime": "1.11.2", + "@napi-rs/wasm-runtime": "^1.1.6" + }, + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@popperjs/core": { - "version": "2.11.8", - "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz", - "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==", + "node_modules/@oxc-parser/binding-win32-arm64-msvc": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-0.142.0.tgz", + "integrity": "sha512-Had/VeVY28Oyb0K+Q4FV8KCzoBycIh93oDK6pCbya9lkzdq+ikMHMgBubsdqqlybjJmQRawCQRrnBRHyQwYvcQ==", + "cpu": [ + "arm64" + ], + "dev": true, "license": "MIT", - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/popperjs" + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/@rollup/rollup-android-arm-eabi": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.60.2.tgz", - "integrity": "sha512-dnlp69efPPg6Uaw2dVqzWRfAWRnYVb1XJ8CyyhIbZeaq4CA5/mLeZ1IEt9QqQxmbdvagjLIm2ZL8BxXv5lH4Yw==", + "node_modules/@oxc-parser/binding-win32-ia32-msvc": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-win32-ia32-msvc/-/binding-win32-ia32-msvc-0.142.0.tgz", + "integrity": "sha512-GGi3+YphVHavvgs6gum2UXoNCqzHAmPt/nXkn8ZQZstV2Q1qZD1Mn8fz/nWrDkefHQtrG/+1/XrbMxsBTo6Svw==", "cpu": [ - "arm" + "ia32" ], "dev": true, "license": "MIT", "optional": true, "os": [ - "android" - ] + "win32" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-android-arm64": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.60.2.tgz", - "integrity": "sha512-OqZTwDRDchGRHHm/hwLOL7uVPB9aUvI0am/eQuWMNyFHf5PSEQmyEeYYheA0EPPKUO/l0uigCp+iaTjoLjVoHg==", + "node_modules/@oxc-parser/binding-win32-x64-msvc": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-win32-x64-msvc/-/binding-win32-x64-msvc-0.142.0.tgz", + "integrity": "sha512-Ny/Wv4Us1LGC/ljwNTp+Hx3r/pH15EFfeDF0p+n898gt+TtRd6C9SccHcuUhDiNTb8s5tt7jdeAMDRQZ4Vq6hg==", "cpu": [ - "arm64" + "x64" ], "dev": true, "license": "MIT", "optional": true, "os": [ - "android" - ] + "win32" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@oxc-project/types": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.142.0.tgz", + "integrity": "sha512-7W+2q5AKQVU36fkaryontrHn3YDt1RyUYXatw9i5H8ocYe2sPKSFB6eS8WNPeRKiN1qAWWZUPm7gwFzJGrccqQ==", + "dev": true, + "license": "MIT", + "funding": { + "url": "https://github.com/sponsors/Boshen" + } + }, + "node_modules/@parcel/watcher": { + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.6.0.tgz", + "integrity": "sha512-7FNeNl8NCE7aINx7WXiKQrPYZWC/hvrTsmk6zmxbI7LTXE7hVek/n8AfVgpe2y82zl3w0HvCHN0bVKMBoJcC0w==", + "hasInstallScript": true, + "license": "MIT", + "optional": true, + "dependencies": { + "detect-libc": "^2.0.3", + "is-glob": "^4.0.3", + "node-addon-api": "^7.0.0", + "picomatch": "^4.0.4" + }, + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + }, + "optionalDependencies": { + "@parcel/watcher-android-arm64": "2.6.0", + "@parcel/watcher-darwin-arm64": "2.6.0", + "@parcel/watcher-darwin-x64": "2.6.0", + "@parcel/watcher-freebsd-x64": "2.6.0", + "@parcel/watcher-linux-arm-glibc": "2.6.0", + "@parcel/watcher-linux-arm-musl": "2.6.0", + "@parcel/watcher-linux-arm64-glibc": "2.6.0", + "@parcel/watcher-linux-arm64-musl": "2.6.0", + "@parcel/watcher-linux-x64-glibc": "2.6.0", + "@parcel/watcher-linux-x64-musl": "2.6.0", + "@parcel/watcher-win32-arm64": "2.6.0", + "@parcel/watcher-win32-x64": "2.6.0" + } }, - "node_modules/@rollup/rollup-darwin-arm64": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.60.2.tgz", - "integrity": "sha512-UwRE7CGpvSVEQS8gUMBe1uADWjNnVgP3Iusyda1nSRwNDCsRjnGc7w6El6WLQsXmZTbLZx9cecegumcitNfpmA==", + "node_modules/@parcel/watcher-android-arm64": { + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.6.0.tgz", + "integrity": "sha512-trgpLSCKRC/huFjXX/Smh+0sWe4+YtKfktIToiMl59ghz7z+qkH6kMvNnUbLyRs9N11t8l4svSCs1+5B3rOAhA==", "cpu": [ "arm64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ - "darwin" - ] + "android" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } }, - "node_modules/@rollup/rollup-darwin-x64": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.60.2.tgz", - "integrity": "sha512-gjEtURKLCC5VXm1I+2i1u9OhxFsKAQJKTVB8WvDAHF+oZlq0GTVFOlTlO1q3AlCTE/DF32c16ESvfgqR7343/g==", + "node_modules/@parcel/watcher-darwin-arm64": { + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.6.0.tgz", + "integrity": "sha512-Y3QV0gl7Q1zbfueunkWIERICbEojQFCgpyG7YqOGNFLsckXyI1xu9mAIUpKY9QBYzBtSkN8dBPwd3yiAO9ovMw==", "cpu": [ - "x64" + "arm64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ "darwin" - ] + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } }, - "node_modules/@rollup/rollup-freebsd-arm64": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.60.2.tgz", - "integrity": "sha512-Bcl6CYDeAgE70cqZaMojOi/eK63h5Me97ZqAQoh77VPjMysA/4ORQBRGo3rRy45x4MzVlU9uZxs8Uwy7ZaKnBw==", + "node_modules/@parcel/watcher-darwin-x64": { + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.6.0.tgz", + "integrity": "sha512-Ohv6OpzhUfKYD7Beb8kDvG0jbIxORCYY1JRdZnaBtnjjkJxgD7ZVL0nw2sCYd0yTMKTvz3nnTnOF3cDifK+kvw==", "cpu": [ - "arm64" + "x64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ - "freebsd" - ] + "darwin" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } }, - "node_modules/@rollup/rollup-freebsd-x64": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.60.2.tgz", - "integrity": "sha512-LU+TPda3mAE2QB0/Hp5VyeKJivpC6+tlOXd1VMoXV/YFMvk/MNk5iXeBfB4MQGRWyOYVJ01625vjkr0Az98OJQ==", + "node_modules/@parcel/watcher-freebsd-x64": { + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.6.0.tgz", + "integrity": "sha512-5HmXvDgs8VK+74jF9y9/2FE3/OnlcKmc56tjmSrEuZjpSZOGL+fvAu+HKJBdPs9uwoP2hE6TlSUpXZ/C5jUFmQ==", "cpu": [ "x64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ "freebsd" - ] + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } }, - "node_modules/@rollup/rollup-linux-arm-gnueabihf": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.60.2.tgz", - "integrity": "sha512-2QxQrM+KQ7DAW4o22j+XZ6RKdxjLD7BOWTP0Bv0tmjdyhXSsr2Ul1oJDQqh9Zf5qOwTuTc7Ek83mOFaKnodPjg==", + "node_modules/@parcel/watcher-linux-arm-glibc": { + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.6.0.tgz", + "integrity": "sha512-Ps/hui3A+vMbjdqlqAowK2ZL8+BO8dBjxeWXj6npTBs3jx4wWmbPpaLuqwrQrSqIVMCnpWo238bJ1U37GhQOYg==", "cpu": [ "arm" ], - "dev": true, "libc": [ "glibc" ], @@ -4678,16 +4505,22 @@ "optional": true, "os": [ "linux" - ] + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } }, - "node_modules/@rollup/rollup-linux-arm-musleabihf": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.60.2.tgz", - "integrity": "sha512-TbziEu2DVsTEOPif2mKWkMeDMLoYjx95oESa9fkQQK7r/Orta0gnkcDpzwufEcAO2BLBsD7mZkXGFqEdMRRwfw==", + "node_modules/@parcel/watcher-linux-arm-musl": { + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.6.0.tgz", + "integrity": "sha512-9c6AUHgHoG+IY88MRIHupztQiQnrbqHYQjkM2btA+Bf/wQnQMuiD0Wfk1EVv3TlNT3x41uU71rn6E4xh/+zvkw==", "cpu": [ "arm" ], - "dev": true, "libc": [ "musl" ], @@ -4695,16 +4528,22 @@ "optional": true, "os": [ "linux" - ] + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } }, - "node_modules/@rollup/rollup-linux-arm64-gnu": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.60.2.tgz", - "integrity": "sha512-bO/rVDiDUuM2YfuCUwZ1t1cP+/yqjqz+Xf2VtkdppefuOFS2OSeAfgafaHNkFn0t02hEyXngZkxtGqXcXwO8Rg==", + "node_modules/@parcel/watcher-linux-arm64-glibc": { + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.6.0.tgz", + "integrity": "sha512-yHRqS2owEXe6Hic9z6Mh1ECsCd+ODVOGvZDyciqRd21+v+o+DnXMOrw50DSpIG2sb8GPEaPPmfeCAWKPJdq46g==", "cpu": [ "arm64" ], - "dev": true, "libc": [ "glibc" ], @@ -4712,16 +4551,22 @@ "optional": true, "os": [ "linux" - ] + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } }, - "node_modules/@rollup/rollup-linux-arm64-musl": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.60.2.tgz", - "integrity": "sha512-hr26p7e93Rl0Za+JwW7EAnwAvKkehh12BU1Llm9Ykiibg4uIr2rbpxG9WCf56GuvidlTG9KiiQT/TXT1yAWxTA==", + "node_modules/@parcel/watcher-linux-arm64-musl": { + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.6.0.tgz", + "integrity": "sha512-WhB2e/V7rqdHHWZusBSPuy5Ei8S6lSz6FE5TKKQz5h3a0O+C+mhY7vxU9b/stqvMb8beLnPY82ZrFTLKs+SrKA==", "cpu": [ "arm64" ], - "dev": true, "libc": [ "musl" ], @@ -4729,16 +4574,22 @@ "optional": true, "os": [ "linux" - ] + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } }, - "node_modules/@rollup/rollup-linux-loong64-gnu": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.60.2.tgz", - "integrity": "sha512-pOjB/uSIyDt+ow3k/RcLvUAOGpysT2phDn7TTUB3n75SlIgZzM6NKAqlErPhoFU+npgY3/n+2HYIQVbF70P9/A==", + "node_modules/@parcel/watcher-linux-x64-glibc": { + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.6.0.tgz", + "integrity": "sha512-ulGE6x6Oz6iAwg75T8YQSoguBWasniIbX+QWpaYPcCnDOpdWX3k+4xbEYPZVLxOuoJI+svJJPD3sEj8G7lrQ3A==", "cpu": [ - "loong64" + "x64" ], - "dev": true, "libc": [ "glibc" ], @@ -4746,65 +4597,193 @@ "optional": true, "os": [ "linux" - ] - }, - "node_modules/@rollup/rollup-linux-loong64-musl": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.60.2.tgz", - "integrity": "sha512-2/w+q8jszv9Ww1c+6uJT3OwqhdmGP2/4T17cu8WuwyUuuaCDDJ2ojdyYwZzCxx0GcsZBhzi3HmH+J5pZNXnd+Q==", - "cpu": [ - "loong64" - ], - "dev": true, - "libc": [ - "musl" ], - "license": "MIT", + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-x64-musl": { + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.6.0.tgz", + "integrity": "sha512-tkBYKt7YQrjIJWYDnto2YgO8MRkjlMTSNoRHzsXinBqbLdeOM3L32wPZJvIZxqaLMfSlS/4sUjH/6STVP/XDLw==", + "cpu": [ + "x64" + ], + "libc": [ + "musl" + ], + "license": "MIT", "optional": true, "os": [ "linux" - ] + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } }, - "node_modules/@rollup/rollup-linux-ppc64-gnu": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.60.2.tgz", - "integrity": "sha512-11+aL5vKheYgczxtPVVRhdptAM2H7fcDR5Gw4/bTcteuZBlH4oP9f5s9zYO9aGZvoGeBpqXI/9TZZihZ609wKw==", + "node_modules/@parcel/watcher-win32-arm64": { + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.6.0.tgz", + "integrity": "sha512-gIZAP23jaHjGWasY/TY6yL7NHFClf0Ga7FN+iINvk+KN94rhm94lYZhFsbYFNcA04/onvGD9kKmiJLJB2HbNwQ==", "cpu": [ - "ppc64" + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-win32-x64": { + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.6.0.tgz", + "integrity": "sha512-cA+/pXV2YkfxlIcXOQ5fSWqAzzPyD78/x5qbK/I0vUkrlYHA8TIz+MXjAbGouguKVSI4bOmkTSJ1/poVSsgt+A==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher/node_modules/node-addon-api": { + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz", + "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==", + "license": "MIT", + "optional": true + }, + "node_modules/@polka/url": { + "version": "1.0.0-next.29", + "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.29.tgz", + "integrity": "sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==", + "dev": true, + "license": "MIT" + }, + "node_modules/@popperjs/core": { + "version": "2.11.8", + "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz", + "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==", + "license": "MIT", + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/popperjs" + } + }, + "node_modules/@rolldown/binding-android-arm64": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.2.0.tgz", + "integrity": "sha512-9yB1l95IrJuNGDFdOYe79vdApdz6WWBCObE+rQ2LUliYUlcyFwSYIb2xb5/Ifw7dAtMy2ZqNyd8QTSOc7duAKw==", + "cpu": [ + "arm64" ], "dev": true, - "libc": [ - "glibc" + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-darwin-arm64": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.2.0.tgz", + "integrity": "sha512-pexNaW9ACLUOaBITOpU6qVu4VrsOFIjTv6bzgu0YUATo4eUJx0V605PxwZfndpPOn0ilqGqvGQ0M8UW0IE24jg==", + "cpu": [ + "arm64" ], + "dev": true, "license": "MIT", "optional": true, "os": [ - "linux" - ] + "darwin" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-linux-ppc64-musl": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.60.2.tgz", - "integrity": "sha512-i16fokAGK46IVZuV8LIIwMdtqhin9hfYkCh8pf8iC3QU3LpwL+1FSFGej+O7l3E/AoknL6Dclh2oTdnRMpTzFQ==", + "node_modules/@rolldown/binding-darwin-x64": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.2.0.tgz", + "integrity": "sha512-NqKYaq0355ZmNMG4QGpxtEDxsc7tGDhjhCm4PpE0cwnBW+5Il95LJyq414niEiaKLVjnVHBEjSo1wngKxJNiFw==", "cpu": [ - "ppc64" + "x64" ], "dev": true, - "libc": [ - "musl" + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-freebsd-x64": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.2.0.tgz", + "integrity": "sha512-3vPoHzh6eBTz9IbB0/qZdSr0Qeks2echn+I4cHu2joV74VriPDdldswksEDzrl1mBB+oPRi+67+3Ib59paxIPQ==", + "cpu": [ + "x64" ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/binding-linux-arm-gnueabihf": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.2.0.tgz", + "integrity": "sha512-E6NNefZ1bUVmKJq2tJkf45J4Zyczj7qm9rUT7NY+Xo2474Y13qWAwc2tvBt0BAVbmtXR1llkxXg0Ou1jbDf2SQ==", + "cpu": [ + "arm" + ], + "dev": true, "license": "MIT", "optional": true, "os": [ "linux" - ] + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-linux-riscv64-gnu": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.60.2.tgz", - "integrity": "sha512-49FkKS6RGQoriDSK/6E2GkAsAuU5kETFCh7pG4yD/ylj9rKhTmO3elsnmBvRD4PgJPds5W2PkhC82aVwmUcJ7A==", + "node_modules/@rolldown/binding-linux-arm64-gnu": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.2.0.tgz", + "integrity": "sha512-D+TgkdgM1vu+7/Fpf8+v0ARW+RXEP9Ccazgm8zQ4JFFd9Q7SrYQ2TakU5S5ihazQDgpKyAgZDOcIFsvoHmTZ8w==", "cpu": [ - "riscv64" + "arm64" ], "dev": true, "libc": [ @@ -4814,14 +4793,17 @@ "optional": true, "os": [ "linux" - ] + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-linux-riscv64-musl": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.60.2.tgz", - "integrity": "sha512-mjYNkHPfGpUR00DuM1ZZIgs64Hpf4bWcz9Z41+4Q+pgDx73UwWdAYyf6EG/lRFldmdHHzgrYyge5akFUW0D3mQ==", + "node_modules/@rolldown/binding-linux-arm64-musl": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.2.0.tgz", + "integrity": "sha512-wUqdwJBbAv0APN87GecstdMUtLjjNTs0hBALpxETD73mccFxdmt/XeizXDtN5RAlBwNKmI+Tg+blect2G+8IeQ==", "cpu": [ - "riscv64" + "arm64" ], "dev": true, "libc": [ @@ -4831,14 +4813,17 @@ "optional": true, "os": [ "linux" - ] + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-linux-s390x-gnu": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.60.2.tgz", - "integrity": "sha512-ALyvJz965BQk8E9Al/JDKKDLH2kfKFLTGMlgkAbbYtZuJt9LU8DW3ZoDMCtQpXAltZxwBHevXz5u+gf0yA0YoA==", + "node_modules/@rolldown/binding-linux-ppc64-gnu": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.2.0.tgz", + "integrity": "sha512-9DtF35qR9/NrfhM4oxLplCzVVjE+KKm8Pjemi0i/sdhAWkUasjmSo8WTTubNJClhSHCfyk2yeyoXDQEDPtDAAw==", "cpu": [ - "s390x" + "ppc64" ], "dev": true, "libc": [ @@ -4848,14 +4833,17 @@ "optional": true, "os": [ "linux" - ] + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-linux-x64-gnu": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.60.2.tgz", - "integrity": "sha512-UQjrkIdWrKI626Du8lCQ6MJp/6V1LAo2bOK9OTu4mSn8GGXIkPXk/Vsp4bLHCd9Z9Iz2OTEaokUE90VweJgIYQ==", + "node_modules/@rolldown/binding-linux-s390x-gnu": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.2.0.tgz", + "integrity": "sha512-RzuHrBh8X8Hntd2N4VR02QGEciq/9JhcZoTpR/Cee6otRrlILGCf3cg2ygHuih+ZebUnWmMrDX6ITI85btO6rQ==", "cpu": [ - "x64" + "s390x" ], "dev": true, "libc": [ @@ -4865,43 +4853,55 @@ "optional": true, "os": [ "linux" - ] + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-linux-x64-musl": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.60.2.tgz", - "integrity": "sha512-bTsRGj6VlSdn/XD4CGyzMnzaBs9bsRxy79eTqTCBsA8TMIEky7qg48aPkvJvFe1HyzQ5oMZdg7AnVlWQSKLTnw==", + "node_modules/@rolldown/binding-linux-x64-gnu": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.2.0.tgz", + "integrity": "sha512-MK7L0018jjh1jR3mh21G2j1zAVcpscJBlPo2z19pRjv2XOYGRhaV4LyiD8HO6nCDdZln9IFgCMIV5yt4E3klGQ==", "cpu": [ "x64" ], "dev": true, "libc": [ - "musl" + "glibc" ], "license": "MIT", "optional": true, "os": [ "linux" - ] + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-openbsd-x64": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.60.2.tgz", - "integrity": "sha512-6d4Z3534xitaA1FcMWP7mQPq5zGwBmGbhphh2DwaA1aNIXUu3KTOfwrWpbwI4/Gr0uANo7NTtaykFyO2hPuFLg==", + "node_modules/@rolldown/binding-linux-x64-musl": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.2.0.tgz", + "integrity": "sha512-gyrxLQ9NfGb/9LoVnC4kb9miUghw1mghnkfYvNHSnVIXriabnfgGPUP4RLcJm87q3KgYz4FYUG8IDiWUT+CpSw==", "cpu": [ "x64" ], "dev": true, + "libc": [ + "musl" + ], "license": "MIT", "optional": true, "os": [ - "openbsd" - ] + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-openharmony-arm64": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.60.2.tgz", - "integrity": "sha512-NetAg5iO2uN7eB8zE5qrZ3CSil+7IJt4WDFLcC75Ymywq1VZVD6qJ6EvNLjZ3rEm6gB7XW5JdT60c6MN35Z85Q==", + "node_modules/@rolldown/binding-openharmony-arm64": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.2.0.tgz", + "integrity": "sha512-/6VFMQGRmrhP77KXDC+StIxGzcNp5JOIyYtw0CQ8gPlzhpiIRucYfoM5FaFamHd5BJYIdH86yfP46l1p3WdrFA==", "cpu": [ "arm64" ], @@ -4910,40 +4910,51 @@ "optional": true, "os": [ "openharmony" - ] + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-win32-arm64-msvc": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.60.2.tgz", - "integrity": "sha512-NCYhOotpgWZ5kdxCZsv6Iudx0wX8980Q/oW4pNFNihpBKsDbEA1zpkfxJGC0yugsUuyDZ7gL37dbzwhR0VI7pQ==", + "node_modules/@rolldown/binding-wasm32-wasi": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.2.0.tgz", + "integrity": "sha512-rwdbUL465kisF24WEJLvP3JrEG6E5GRuIHt5wpMwHGERtHe4Wm2CIvtf5gTBgr2tGOHKh5NdKEAFS2VkOPE91g==", "cpu": [ - "arm64" + "wasm32" ], "dev": true, "license": "MIT", "optional": true, - "os": [ - "win32" - ] + "dependencies": { + "@emnapi/core": "1.11.2", + "@emnapi/runtime": "1.11.2", + "@napi-rs/wasm-runtime": "^1.1.6" + }, + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-win32-ia32-msvc": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.60.2.tgz", - "integrity": "sha512-RXsaOqXxfoUBQoOgvmmijVxJnW2IGB0eoMO7F8FAjaj0UTywUO/luSqimWBJn04WNgUkeNhh7fs7pESXajWmkg==", + "node_modules/@rolldown/binding-win32-arm64-msvc": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.2.0.tgz", + "integrity": "sha512-+5suHwRiKGmhwyUaNT8a5QbrBvLFh2DbO910TEmGRH1aSxwrCezodvGQnulv4uiWEIv1Kq4ypRsJ5+O+ry1DiA==", "cpu": [ - "ia32" + "arm64" ], "dev": true, "license": "MIT", "optional": true, "os": [ "win32" - ] + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-win32-x64-gnu": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.60.2.tgz", - "integrity": "sha512-qdAzEULD+/hzObedtmV6iBpdL5TIbKVztGiK7O3/KYSf+HIzU257+MX1EXJcyIiDbMAqmbwaufcYPvyRryeZtA==", + "node_modules/@rolldown/binding-win32-x64-msvc": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.2.0.tgz", + "integrity": "sha512-WfFv6/qGufotqBSBzBYwgpCkJBk8Nj7697LL9vTz/XWc67e0r3oewu8iMRwQj3AUL45GVD7wVsPjCsAAtW66Wg==", "cpu": [ "x64" ], @@ -4952,21 +4963,17 @@ "optional": true, "os": [ "win32" - ] - }, - "node_modules/@rollup/rollup-win32-x64-msvc": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.60.2.tgz", - "integrity": "sha512-Nd/SgG27WoA9e+/TdK74KnHz852TLa94ovOYySo/yMPuTmpckK/jIF2jSwS3g7ELSKXK13/cVdmg1Z/DaCWKxA==", - "cpu": [ - "x64" ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/pluginutils": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.1.tgz", + "integrity": "sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==", "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "win32" - ] + "license": "MIT" }, "node_modules/@rtsao/scc": { "version": "1.1.0", @@ -4976,14 +4983,14 @@ "license": "MIT" }, "node_modules/@schematics/angular": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-22.0.1.tgz", - "integrity": "sha512-JRtJ9x0CaYIBLdPERr7B66ZSSLy4phkb7KtFIcD8RC2nAmnL/elevL2wg2Miih7ww0zmhiblS3LDE/abqSLRAA==", + "version": "22.1.2", + "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-22.1.2.tgz", + "integrity": "sha512-52udja/QGSNH5geSnL4JWFOEfx8M7tqf7LNXz8byjki4VshVOkKHTawQcL4YbJfo3MfwwXm4AsoadMOk8EST2w==", "dev": true, "license": "MIT", "dependencies": { - "@angular-devkit/core": "22.0.1", - "@angular-devkit/schematics": "22.0.1", + "@angular-devkit/core": "22.1.2", + "@angular-devkit/schematics": "22.1.2", "jsonc-parser": "3.3.1", "typescript": "6.0.3" }, @@ -5060,97 +5067,17 @@ "integrity": "sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg==", "license": "MIT" }, - "node_modules/@sigstore/bundle": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/@sigstore/bundle/-/bundle-4.0.0.tgz", - "integrity": "sha512-NwCl5Y0V6Di0NexvkTqdoVfmjTaQwoLM236r89KEojGmq/jMls8S+zb7yOwAPdXvbwfKDlP+lmXgAL4vKSQT+A==", + "node_modules/@sindresorhus/base62": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/@sindresorhus/base62/-/base62-1.0.0.tgz", + "integrity": "sha512-TeheYy0ILzBEI/CO55CP6zJCSdSWeRtGnHy8U8dWSUH4I68iqTsy7HkMktR4xakThc9jotkPQUXT4ITdbV7cHA==", "dev": true, - "license": "Apache-2.0", - "dependencies": { - "@sigstore/protobuf-specs": "^0.5.0" - }, + "license": "MIT", "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, - "node_modules/@sigstore/core": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/@sigstore/core/-/core-3.2.1.tgz", - "integrity": "sha512-qRsxPnCrbC/puegGxKuynfnxgLiHqWStrSjxkoB4YKqq3Z3s4cyZyj42ZdWFAEblNP65C+rBH8EuREHIXoi83g==", - "dev": true, - "license": "Apache-2.0", - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, - "node_modules/@sigstore/protobuf-specs": { - "version": "0.5.1", - "resolved": "https://registry.npmjs.org/@sigstore/protobuf-specs/-/protobuf-specs-0.5.1.tgz", - "integrity": "sha512-/ScWUhhoFasJsSRGTVBwId1loQjjnjAfE4djL6ZhrXRpNCmPTnUKF5Jokd58ILseOMjzET3UrMOtJPS9sYeI0g==", - "dev": true, - "license": "Apache-2.0", - "engines": { - "node": "^18.17.0 || >=20.5.0" - } - }, - "node_modules/@sigstore/sign": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/@sigstore/sign/-/sign-4.1.1.tgz", - "integrity": "sha512-Hf4xglukg0XXQ2RiD5vSoLjdPe8OBUPA8XeVjUObheuDcWdYWrnH/BNmxZCzkAy68MzmNCxXLeurJvs6hcP2OQ==", - "dev": true, - "license": "Apache-2.0", - "dependencies": { - "@gar/promise-retry": "^1.0.2", - "@sigstore/bundle": "^4.0.0", - "@sigstore/core": "^3.2.0", - "@sigstore/protobuf-specs": "^0.5.0", - "make-fetch-happen": "^15.0.4", - "proc-log": "^6.1.0" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, - "node_modules/@sigstore/tuf": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/@sigstore/tuf/-/tuf-4.0.2.tgz", - "integrity": "sha512-TCAzTy0xzdP79EnxSjq9KQ3eaR7+FmudLC6eRKknVKZbV7ZNlGLClAAQb/HMNJ5n2OBNk2GT1tEmU0xuPr+SLQ==", - "dev": true, - "license": "Apache-2.0", - "dependencies": { - "@sigstore/protobuf-specs": "^0.5.0", - "tuf-js": "^4.1.0" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, - "node_modules/@sigstore/verify": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/@sigstore/verify/-/verify-3.1.1.tgz", - "integrity": "sha512-qv7+G3J2cc6wwFj3yKvXOamzqhMwSk1ogPGmhpS8iXllcPrJaIIBA+4HbttlHVu1pqWTdmaCH/WE7UOC51kdoA==", - "dev": true, - "license": "Apache-2.0", - "dependencies": { - "@sigstore/bundle": "^4.0.0", - "@sigstore/core": "^3.2.1", - "@sigstore/protobuf-specs": "^0.5.0" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, - "node_modules/@sindresorhus/base62": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/@sindresorhus/base62/-/base62-1.0.0.tgz", - "integrity": "sha512-TeheYy0ILzBEI/CO55CP6zJCSdSWeRtGnHy8U8dWSUH4I68iqTsy7HkMktR4xakThc9jotkPQUXT4ITdbV7cHA==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=18" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" } }, "node_modules/@socket.io/component-emitter": { @@ -5167,47 +5094,56 @@ "license": "MIT" }, "node_modules/@tailwindcss/node": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.3.0.tgz", - "integrity": "sha512-aFb4gUhFOgdh9AXo4IzBEOzBkkAxm9VigwDJnMIYv3lcfXCJVesNfbEaBl4BNgVRyid92AmdviqwBUBRKSeY3g==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.3.3.tgz", + "integrity": "sha512-/T8IKEsf9VTU6tLjgC7+sv2mOPtQxzE2jMw7u4Tt40Tx+QSZxpzh95/H6cMKoja9XuW7iMdLJYBB0o9G1CaAgg==", "license": "MIT", "dependencies": { "@jridgewell/remapping": "^2.3.5", - "enhanced-resolve": "^5.21.0", - "jiti": "^2.6.1", + "enhanced-resolve": "^5.24.1", + "jiti": "^2.7.0", "lightningcss": "1.32.0", "magic-string": "^0.30.21", "source-map-js": "^1.2.1", - "tailwindcss": "4.3.0" + "tailwindcss": "4.3.3" + } + }, + "node_modules/@tailwindcss/node/node_modules/magic-string": { + "version": "0.30.21", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz", + "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==", + "license": "MIT", + "dependencies": { + "@jridgewell/sourcemap-codec": "^1.5.5" } }, "node_modules/@tailwindcss/oxide": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.3.0.tgz", - "integrity": "sha512-F7HZGBeN9I0/AuuJS5PwcD8xayx5ri5GhjYUDBEVYUkexyA/giwbDNjRVrxSezE3T250OU2K/wp/ltWx3UOefg==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.3.3.tgz", + "integrity": "sha512-krXjAikiaFSPaK/FkAQT5UTx3VormQaiZ5hBFlJZ9UFQGB/rwg1MZIhHAG9smMQRTdyJxP6Qt5MwMtdyU5FWrA==", "license": "MIT", "engines": { "node": ">= 20" }, "optionalDependencies": { - "@tailwindcss/oxide-android-arm64": "4.3.0", - "@tailwindcss/oxide-darwin-arm64": "4.3.0", - "@tailwindcss/oxide-darwin-x64": "4.3.0", - "@tailwindcss/oxide-freebsd-x64": "4.3.0", - "@tailwindcss/oxide-linux-arm-gnueabihf": "4.3.0", - "@tailwindcss/oxide-linux-arm64-gnu": "4.3.0", - "@tailwindcss/oxide-linux-arm64-musl": "4.3.0", - "@tailwindcss/oxide-linux-x64-gnu": "4.3.0", - "@tailwindcss/oxide-linux-x64-musl": "4.3.0", - "@tailwindcss/oxide-wasm32-wasi": "4.3.0", - "@tailwindcss/oxide-win32-arm64-msvc": "4.3.0", - "@tailwindcss/oxide-win32-x64-msvc": "4.3.0" + "@tailwindcss/oxide-android-arm64": "4.3.3", + "@tailwindcss/oxide-darwin-arm64": "4.3.3", + "@tailwindcss/oxide-darwin-x64": "4.3.3", + "@tailwindcss/oxide-freebsd-x64": "4.3.3", + "@tailwindcss/oxide-linux-arm-gnueabihf": "4.3.3", + "@tailwindcss/oxide-linux-arm64-gnu": "4.3.3", + "@tailwindcss/oxide-linux-arm64-musl": "4.3.3", + "@tailwindcss/oxide-linux-x64-gnu": "4.3.3", + "@tailwindcss/oxide-linux-x64-musl": "4.3.3", + "@tailwindcss/oxide-wasm32-wasi": "4.3.3", + "@tailwindcss/oxide-win32-arm64-msvc": "4.3.3", + "@tailwindcss/oxide-win32-x64-msvc": "4.3.3" } }, "node_modules/@tailwindcss/oxide-android-arm64": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.3.0.tgz", - "integrity": "sha512-TJPiq67tKlLuObP6RkwvVGDoxCMBVtDgKkLfa/uyj7/FyxvQwHS+UOnVrXXgbEsfUaMgiVvC4KbJnRr26ho4Ng==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.3.3.tgz", + "integrity": "sha512-Y85A2gmPSkl5Ve5qR86GL4HT509cFqQh1aes9p3sSkyTPwt0Pppf3GkwGe4JPACcRYjgJIEhQgM6dBClnr0NYw==", "cpu": [ "arm64" ], @@ -5221,9 +5157,9 @@ } }, "node_modules/@tailwindcss/oxide-darwin-arm64": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.3.0.tgz", - "integrity": "sha512-oMN/WZRb+SO37BmUElEgeEWuU8E/HXRkiODxJxLe1UTHVXLrdVSgfaJV7pSlhRGMSOiXLuxTIjfsF3wYvz8cgQ==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.3.3.tgz", + "integrity": "sha512-BiaWatpBcERQFDlOjRDpIVXuFK5PJez5SA4JMg6VYZdBYU+qKfV/vqjcIs+IYmtitf1xYQZTwXvU/8y4lfZUGw==", "cpu": [ "arm64" ], @@ -5237,9 +5173,9 @@ } }, "node_modules/@tailwindcss/oxide-darwin-x64": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.3.0.tgz", - "integrity": "sha512-N6CUmu4a6bKVADfw77p+iw6Yd9Q3OBhe0veaDX+QazfuVYlQsHfDgxBrsjQ/IW+zywL8mTrNd0SdJT/zgtvMdA==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.3.3.tgz", + "integrity": "sha512-fAeUqfV5ndhxRwai8cXGzdLvul9utWOmeTkv69unv4ZXixjn61Z+p9lCWdwOwA3TYboG3BwdVuN/RDjhBRl0mw==", "cpu": [ "x64" ], @@ -5253,9 +5189,9 @@ } }, "node_modules/@tailwindcss/oxide-freebsd-x64": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.3.0.tgz", - "integrity": "sha512-zDL5hBkQdH5C6MpqbK3gQAgP80tsMwSI26vjOzjJtNCMUo0lFgOItzHKBIupOZNQxt3ouPH7RPhvNhiTfCe5CQ==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.3.3.tgz", + "integrity": "sha512-iyf5bV6+wnAlflVeEy7R25dupxTNECZN5QMI0qNT6eT+EgaGdZcKhGkr5SdoaWiLJ3spLqIY9VCeSGrwmtg4kw==", "cpu": [ "x64" ], @@ -5269,9 +5205,9 @@ } }, "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.3.0.tgz", - "integrity": "sha512-R06HdNi7A7OEoMsf6d4tjZ71RCWnZQPHj2mnotSFURjNLdBC+cIgXQ7l81CqeoiQftjf6OOblxXMInMgN2VzMA==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.3.3.tgz", + "integrity": "sha512-aAYUprJAJQWWbRrPvtjdroZ56Md+JM8pMiopS6xGEwDfLhqj+2ver2p4nU4Mb3CRqcMmNBjo8KkUgcxhkzVQGQ==", "cpu": [ "arm" ], @@ -5285,9 +5221,9 @@ } }, "node_modules/@tailwindcss/oxide-linux-arm64-gnu": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.3.0.tgz", - "integrity": "sha512-qTJHELX8jetjhRQHCLilkVLmybpzNQAtaI/gaoVoidn/ufbNDbAo8KlK2J+yPoc8wQxvDxCmh/5lr8nC1+lTbg==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.3.3.tgz", + "integrity": "sha512-nDxldcEENOxZRzC2uu9jrutZdAAQtb+8WWDCSnWL1zvBk1+FN+x6MtDViPB5AJMfttVCUhehGWus3XBPgatM/w==", "cpu": [ "arm64" ], @@ -5304,9 +5240,9 @@ } }, "node_modules/@tailwindcss/oxide-linux-arm64-musl": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.3.0.tgz", - "integrity": "sha512-Z6sukiQsngnWO+l39X4pPbiWT81IC+PLKF+PHxIlyZbGNb9MODfYlXEVlFvej5BOZInWX01kVyzeLvHsXhfczQ==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.3.3.tgz", + "integrity": "sha512-Md44bD6veX/PC5iyF8cDVnw4HBIANZepRZZ7a8DQOvkfo5WUBwcp6iAuCUz23u+4SUkhJlD3eL7hNdW8ezd/kA==", "cpu": [ "arm64" ], @@ -5323,9 +5259,9 @@ } }, "node_modules/@tailwindcss/oxide-linux-x64-gnu": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.3.0.tgz", - "integrity": "sha512-DRNdQRpSGzRGfARVuVkxvM8Q12nh19l4BF/G7zGA1oe+9wcC6saFBHTISrpIcKzhiXtSrlSrluCfvMuledoCTQ==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.3.3.tgz", + "integrity": "sha512-tx7us1muwOKAKWao2v/GaafFeQboE6aj88vC6ziN2NCGcRm8gWUhwjzg+YdVB1e4boAtdtma4L43onunI6NS4w==", "cpu": [ "x64" ], @@ -5342,9 +5278,9 @@ } }, "node_modules/@tailwindcss/oxide-linux-x64-musl": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.3.0.tgz", - "integrity": "sha512-Z0IADbDo8bh6I7h2IQMx601AdXBLfFpEdUotft86evd/8ZPflZe9COPO8Q1vw+pfLWIUo9zN/JGZvwuAJqduqg==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.3.3.tgz", + "integrity": "sha512-SJxX60smvHgasZoBy11dX6YRjXJFovwWBoedhbQPOBzgFWBHGB+TVPWB9BxzR7TTxU8FQZAI2AyiNCMzFm8Img==", "cpu": [ "x64" ], @@ -5361,9 +5297,9 @@ } }, "node_modules/@tailwindcss/oxide-wasm32-wasi": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.3.0.tgz", - "integrity": "sha512-HNZGOUxEmElksYR7S6sC5jTeNGpobAsy9u7Gu0AskJ8/20FR9GqebUyB+HBcU/ax6BHuiuJi+Oda4B+YX6H1yA==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.3.3.tgz", + "integrity": "sha512-jx1+rPhY/5Ympkktd656HBWEBLxP7dH06losBLjjf5vgCODXvi9KhtftWcMIwTFIDqBr7cRnQkdLnAG+IOlGvQ==", "bundleDependencies": [ "@napi-rs/wasm-runtime", "@emnapi/core", @@ -5378,11 +5314,11 @@ "license": "MIT", "optional": true, "dependencies": { - "@emnapi/core": "^1.10.0", - "@emnapi/runtime": "^1.10.0", - "@emnapi/wasi-threads": "^1.2.1", + "@emnapi/core": "^1.11.1", + "@emnapi/runtime": "^1.11.1", + "@emnapi/wasi-threads": "^1.2.2", "@napi-rs/wasm-runtime": "^1.1.4", - "@tybys/wasm-util": "^0.10.1", + "@tybys/wasm-util": "^0.10.2", "tslib": "^2.8.1" }, "engines": { @@ -5390,9 +5326,9 @@ } }, "node_modules/@tailwindcss/oxide-win32-arm64-msvc": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.3.0.tgz", - "integrity": "sha512-Pe+RPVTi1T+qymuuRpcdvwSVZjnll/f7n8gBxMMh3xLTctMDKqpdfGimbMyioqtLhUYZxdJ9wGNhV7MKHvgZsQ==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.3.3.tgz", + "integrity": "sha512-3rc292Ca2ceK6Ulcc/bAVnTs/3nDtoPhyEKlgPv+yQJQi/JS/AMJlqzxvlDacL1nekbrcf6bTqp/jV4qgnPxNQ==", "cpu": [ "arm64" ], @@ -5406,9 +5342,9 @@ } }, "node_modules/@tailwindcss/oxide-win32-x64-msvc": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.3.0.tgz", - "integrity": "sha512-Mvrf2kXW/yeW/OTezZlCGOirXRcUuLIBx/5Y12BaPM7wJoryG6dfS/NJL8aBPqtTEx/Vm4T4vKzFUcKDT+TKUA==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.3.3.tgz", + "integrity": "sha512-yJ0pwIVc/nYeGoV02WtsN8KYyLQv7kyI2wDnkezyJlGGjkd4QLwDGAwl47YpPJeuI0M0ObaXGSPjvWDPeTPggw==", "cpu": [ "x64" ], @@ -5422,16 +5358,16 @@ } }, "node_modules/@tailwindcss/postcss": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.3.0.tgz", - "integrity": "sha512-Jm05Tjx+9yCLGv5qw1c+84Psds8MnyrEQYCB+FFk2lgGiUjlRqdxke4mVTuYrj2xnVZqKim2Apr5ySuQRYAw/w==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.3.3.tgz", + "integrity": "sha512-JTSZZGQi1AyKirbLN3azmjVzef92tcX7h+iSqPdaeStyFpGpDlKvvpxeOE8njhbUanbRwr3z8DyzhICWnMtQeg==", "license": "MIT", "dependencies": { "@alloc/quick-lru": "^5.2.0", - "@tailwindcss/node": "4.3.0", - "@tailwindcss/oxide": "4.3.0", - "postcss": "^8.5.10", - "tailwindcss": "4.3.0" + "@tailwindcss/node": "4.3.3", + "@tailwindcss/oxide": "4.3.3", + "postcss": "^8.5.16", + "tailwindcss": "4.3.3" } }, "node_modules/@tsconfig/node10": { @@ -5462,69 +5398,14 @@ "dev": true, "license": "MIT" }, - "node_modules/@tufjs/canonical-json": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/@tufjs/canonical-json/-/canonical-json-2.0.0.tgz", - "integrity": "sha512-yVtV8zsdo8qFHe+/3kw81dSLyF7D576A5cCFCi4X7B39tWT7SekaEFUnvnWJHz+9qO7qJTah1JbrDjWKqFtdWA==", - "dev": true, - "license": "MIT", - "engines": { - "node": "^16.14.0 || >=18.0.0" - } - }, - "node_modules/@tufjs/models": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/@tufjs/models/-/models-4.1.0.tgz", - "integrity": "sha512-Y8cK9aggNRsqJVaKUlEYs4s7CvQ1b1ta2DVPyAimb0I2qhzjNk+A+mxvll/klL0RlfuIUei8BF7YWiua4kQqww==", - "dev": true, - "license": "MIT", - "dependencies": { - "@tufjs/canonical-json": "2.0.0", - "minimatch": "^10.1.1" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, - "node_modules/@types/babel__core": { - "version": "7.20.5", - "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz", - "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==", - "license": "MIT", - "dependencies": { - "@babel/parser": "^7.20.7", - "@babel/types": "^7.20.7", - "@types/babel__generator": "*", - "@types/babel__template": "*", - "@types/babel__traverse": "*" - } - }, - "node_modules/@types/babel__generator": { - "version": "7.27.0", - "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.27.0.tgz", - "integrity": "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==", - "license": "MIT", - "dependencies": { - "@babel/types": "^7.0.0" - } - }, - "node_modules/@types/babel__template": { - "version": "7.4.4", - "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz", - "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==", - "license": "MIT", - "dependencies": { - "@babel/parser": "^7.1.0", - "@babel/types": "^7.0.0" - } - }, - "node_modules/@types/babel__traverse": { - "version": "7.28.0", - "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.28.0.tgz", - "integrity": "sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==", + "node_modules/@tybys/wasm-util": { + "version": "0.10.3", + "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.3.tgz", + "integrity": "sha512-F3fo1MYrRJYL3zER0OUOmkutjr1Vp23m7OsSgp7nq4SP6OqX6C/56XFIPAl5bt3zaBRjmW7SGz3u/6LwFpYcOg==", "license": "MIT", + "optional": true, "dependencies": { - "@babel/types": "^7.28.2" + "tslib": "^2.4.0" } }, "node_modules/@types/body-parser": { @@ -5586,9 +5467,9 @@ } }, "node_modules/@types/express-serve-static-core": { - "version": "4.19.8", - "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.19.8.tgz", - "integrity": "sha512-02S5fmqeoKzVZCHPZid4b8JH2eM5HzQLZWN2FohQEy/0eXTq8VXZfSN6Pcr3F6N9R/vNrj7cpgbhjie6m/1tCA==", + "version": "4.19.9", + "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.19.9.tgz", + "integrity": "sha512-QP2ESEe/ImWY0HDwNAnK9PvEffUyhLTnWkk7KXzHfyeWAnlrDe1fN77bXl6ia8KT3wPlmA7t9/VPRpnf4Ex9sg==", "dev": true, "license": "MIT", "dependencies": { @@ -5604,6 +5485,12 @@ "integrity": "sha512-dNKVfHd/jk0SkR/exKGj2ggkB45MAkzvWCaqLUUgkyjITkGNzH8H+yUwr+BLJUBjZOe9w8X3wgmXhZDRg1ED6A==", "license": "MIT" }, + "node_modules/@types/gensync": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/@types/gensync/-/gensync-1.0.5.tgz", + "integrity": "sha512-MbsRCT7mTikHwKZ0X+LVUTLRrZZRLipTuXEO9qOYO+zmjMVk81axyClMROf6uoPD9MRVu46bx8zoR0Ad9q3NAg==", + "license": "MIT" + }, "node_modules/@types/hammerjs": { "version": "2.0.46", "resolved": "https://registry.npmjs.org/@types/hammerjs/-/hammerjs-2.0.46.tgz", @@ -5611,9 +5498,9 @@ "license": "MIT" }, "node_modules/@types/hast": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.4.tgz", - "integrity": "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==", + "version": "3.0.5", + "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.5.tgz", + "integrity": "sha512-rp/ezSWaD1m44dPKICGhiskI13nVr7qTloFwDa/IYkhhf5nzwP+zIQcIJh3WIFSBOy/H1PzB40jPjMDksN4F+g==", "license": "MIT", "dependencies": { "@types/unist": "*" @@ -5643,6 +5530,12 @@ "@types/jasmine": "*" } }, + "node_modules/@types/jsesc": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@types/jsesc/-/jsesc-2.5.1.tgz", + "integrity": "sha512-9VN+6yxLOPLOav+7PwjZbxiID2bVaeq0ED4qSQmdQTdjnXJSaCVKTR58t15oqH1H5t8Ng2ZX1SabJVoN9Q34bw==", + "license": "MIT" + }, "node_modules/@types/json-schema": { "version": "7.0.15", "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz", @@ -5674,9 +5567,9 @@ "license": "MIT" }, "node_modules/@types/node": { - "version": "25.9.3", - "resolved": "https://registry.npmjs.org/@types/node/-/node-25.9.3.tgz", - "integrity": "sha512-603BddQMv3pUcr4U2dhujk83N2tTDVr/34wII2B6bJy6g+8WD6yUb11jszNs0gdi4PesVWl7ABt8nYMVpnLUcg==", + "version": "25.9.5", + "resolved": "https://registry.npmjs.org/@types/node/-/node-25.9.5.tgz", + "integrity": "sha512-OScDchr2fwuUmWdf4kZ9h7PcJiYDVInhJizG/biAq3cAvqwYktuy/TYGGdZNMtNTFUP7rnb0NU4TUdm82kt4Rg==", "dev": true, "license": "MIT", "dependencies": { @@ -5766,17 +5659,17 @@ } }, "node_modules/@typescript-eslint/eslint-plugin": { - "version": "8.61.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.61.0.tgz", - "integrity": "sha512-bFNvl9ZczlVb+wR2Akszf3gHfKVj/8WanXaGJ3UstTA7brNKg0cNdk6X1Psu5V7MZ2oQtzZKOEzIUehaoxbDGw==", + "version": "8.66.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.66.0.tgz", + "integrity": "sha512-p088eaGrzYz1s+7cov0aMOCkNGTJlVxF4jgubf28c8L0Cv9Rloj8YBHnv4hXLq6IIEE1AsjNWavO+k+8kP2Y0A==", "dev": true, "license": "MIT", "dependencies": { "@eslint-community/regexpp": "^4.12.2", - "@typescript-eslint/scope-manager": "8.61.0", - "@typescript-eslint/type-utils": "8.61.0", - "@typescript-eslint/utils": "8.61.0", - "@typescript-eslint/visitor-keys": "8.61.0", + "@typescript-eslint/scope-manager": "8.66.0", + "@typescript-eslint/type-utils": "8.66.0", + "@typescript-eslint/utils": "8.66.0", + "@typescript-eslint/visitor-keys": "8.66.0", "ignore": "^7.0.5", "natural-compare": "^1.4.0", "ts-api-utils": "^2.5.0" @@ -5789,22 +5682,22 @@ "url": "https://opencollective.com/typescript-eslint" }, "peerDependencies": { - "@typescript-eslint/parser": "^8.61.0", + "@typescript-eslint/parser": "^8.66.0", "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0", "typescript": ">=4.8.4 <6.1.0" } }, "node_modules/@typescript-eslint/parser": { - "version": "8.61.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.61.0.tgz", - "integrity": "sha512-5B7PfA2e1NQGCnDHd/0lW7W3gvp3d59Ryw54FYO8Uswxo9f6ikw3AZV+Xj/TvpImmpsiYyUqAfhC6kJID1jF6w==", + "version": "8.66.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.66.0.tgz", + "integrity": "sha512-X6ypGChaWYk6PBtUg2BwuTZEFFcHJAtGTVJ9/lCTOufhZ4i9fNolQNnktq+kkMCwMj7V8Svsq7+TxSDslmhE0g==", "dev": true, "license": "MIT", "dependencies": { - "@typescript-eslint/scope-manager": "8.61.0", - "@typescript-eslint/types": "8.61.0", - "@typescript-eslint/typescript-estree": "8.61.0", - "@typescript-eslint/visitor-keys": "8.61.0", + "@typescript-eslint/scope-manager": "8.66.0", + "@typescript-eslint/types": "8.66.0", + "@typescript-eslint/typescript-estree": "8.66.0", + "@typescript-eslint/visitor-keys": "8.66.0", "debug": "^4.4.3" }, "engines": { @@ -5820,14 +5713,14 @@ } }, "node_modules/@typescript-eslint/project-service": { - "version": "8.61.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.61.0.tgz", - "integrity": "sha512-DV42F7MLJO6Rax7SK1yg43tcnEfGUrurSpSxKuVX+a3RCTzBlH3fuxprrOJXKCJGAaw82xXocikJ0uQaqwXgGA==", + "version": "8.66.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.66.0.tgz", + "integrity": "sha512-7MthGPTt4BP69lSryqpqq8HQqxuzynssckL/jyDyk3+TNMQ3y2jFWkptCrktWvBrP+EH787Nl5N5Qpw7WZg+5g==", "dev": true, "license": "MIT", "dependencies": { - "@typescript-eslint/tsconfig-utils": "^8.61.0", - "@typescript-eslint/types": "^8.61.0", + "@typescript-eslint/tsconfig-utils": "^8.66.0", + "@typescript-eslint/types": "^8.66.0", "debug": "^4.4.3" }, "engines": { @@ -5842,14 +5735,14 @@ } }, "node_modules/@typescript-eslint/scope-manager": { - "version": "8.61.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.61.0.tgz", - "integrity": "sha512-IWdXFHFSb6mlC3HPc7QsLDm5zYEbUla6trDEHf32D3/dnuUyXd87plScSNXSbm0/RxMvObpI17sv/EDTGrGZkA==", + "version": "8.66.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.66.0.tgz", + "integrity": "sha512-8TGcH25j9zqJ/IULB/ppyhRvxA8QYfFEZ7nfbg6/BN9spDgb8fPWQXlE5l8TWBL50EtUx007uZ1o9VOwrq2/9g==", "dev": true, "license": "MIT", "dependencies": { - "@typescript-eslint/types": "8.61.0", - "@typescript-eslint/visitor-keys": "8.61.0" + "@typescript-eslint/types": "8.66.0", + "@typescript-eslint/visitor-keys": "8.66.0" }, "engines": { "node": "^18.18.0 || ^20.9.0 || >=21.1.0" @@ -5860,9 +5753,9 @@ } }, "node_modules/@typescript-eslint/tsconfig-utils": { - "version": "8.61.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.61.0.tgz", - "integrity": "sha512-O5Amvdv9ztMpxpf+vmFULGG78IE6Qwdr3bCGvqwG4nwc9H2qXkOYJJnRbRHyMkQTjv1d03olqwwwzHLMqpFePQ==", + "version": "8.66.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.66.0.tgz", + "integrity": "sha512-9D5gLYZG4rOjcoag8MQ/fWI8WqA9wcPDyOGyWtWFhvM1lHRbliqUSPIY5J3zqCU1tvSwzXxnnjhQhz5Ne7mJ4g==", "dev": true, "license": "MIT", "engines": { @@ -5877,15 +5770,15 @@ } }, "node_modules/@typescript-eslint/type-utils": { - "version": "8.61.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.61.0.tgz", - "integrity": "sha512-TuBiQYIkd97yBfInHCTKVYMbX4kvEmpOEuixIuzCU9p8BGT1SfyyO0d0IfDMbPIHcjn/hWnusUX5e8v5Xg+X8A==", + "version": "8.66.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.66.0.tgz", + "integrity": "sha512-LG2dWfjZQQp0ADtAu/EWJVayefGL2UEZ3CDeI44D9v3rXB/WYUqE/jpO28KrEKul5AySrmI+Zh1v6v+xW2U9+g==", "dev": true, "license": "MIT", "dependencies": { - "@typescript-eslint/types": "8.61.0", - "@typescript-eslint/typescript-estree": "8.61.0", - "@typescript-eslint/utils": "8.61.0", + "@typescript-eslint/types": "8.66.0", + "@typescript-eslint/typescript-estree": "8.66.0", + "@typescript-eslint/utils": "8.66.0", "debug": "^4.4.3", "ts-api-utils": "^2.5.0" }, @@ -5902,9 +5795,9 @@ } }, "node_modules/@typescript-eslint/types": { - "version": "8.61.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.61.0.tgz", - "integrity": "sha512-9QTQpZ5Iin4CdIodfbDQFSeiSJKidgYJYug1P9CC2xWgUTvlmixViqDZNciMjwLBZyJnG4tGmPl97rVAFb1AJg==", + "version": "8.66.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.66.0.tgz", + "integrity": "sha512-H6gcYaSDOyvL3AD/jHUtUFo2jqGgn/F6nuyuZSu0QTesxL+cP4dQoIMrODRofuJC09g64+WgZ6tE19Y1N2YIFQ==", "dev": true, "license": "MIT", "engines": { @@ -5916,16 +5809,16 @@ } }, "node_modules/@typescript-eslint/typescript-estree": { - "version": "8.61.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.61.0.tgz", - "integrity": "sha512-42zatd5qSvvcV1JdDBCLxYRznvP4eIHpPoZXdkPFnAmanA4FuZ5dibSnCBggY8hQnqajPpoGjXFdZ7fIJKQnlA==", + "version": "8.66.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.66.0.tgz", + "integrity": "sha512-8/x4INiiQb10jGgXYD7116/zQ+OL84ZIFn0za68wwFHCanT/VLbBEroWht8RV8fn0/ZCAoazHLQgwUC0UQcDfg==", "dev": true, "license": "MIT", "dependencies": { - "@typescript-eslint/project-service": "8.61.0", - "@typescript-eslint/tsconfig-utils": "8.61.0", - "@typescript-eslint/types": "8.61.0", - "@typescript-eslint/visitor-keys": "8.61.0", + "@typescript-eslint/project-service": "8.66.0", + "@typescript-eslint/tsconfig-utils": "8.66.0", + "@typescript-eslint/types": "8.66.0", + "@typescript-eslint/visitor-keys": "8.66.0", "debug": "^4.4.3", "minimatch": "^10.2.2", "semver": "^7.7.3", @@ -5944,16 +5837,16 @@ } }, "node_modules/@typescript-eslint/utils": { - "version": "8.61.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.61.0.tgz", - "integrity": "sha512-3bzFt7ImFMW/jVYwJamDoe/dMOdFLSC6pom6rRjdh4SZJEYupyMzem8e7vKZLclLfpHjlwSAXOUxtKxGXUiLqA==", + "version": "8.66.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.66.0.tgz", + "integrity": "sha512-jasearZPolBw5NJNYGMwxzHMF83niVWmMU1VdHzG1CyfI2VS7f7nZltnKtHcg20hW+7Uo5GfK4MeDPoU3qI8EA==", "dev": true, "license": "MIT", "dependencies": { "@eslint-community/eslint-utils": "^4.9.1", - "@typescript-eslint/scope-manager": "8.61.0", - "@typescript-eslint/types": "8.61.0", - "@typescript-eslint/typescript-estree": "8.61.0" + "@typescript-eslint/scope-manager": "8.66.0", + "@typescript-eslint/types": "8.66.0", + "@typescript-eslint/typescript-estree": "8.66.0" }, "engines": { "node": "^18.18.0 || ^20.9.0 || >=21.1.0" @@ -5968,13 +5861,13 @@ } }, "node_modules/@typescript-eslint/visitor-keys": { - "version": "8.61.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.61.0.tgz", - "integrity": "sha512-QVLZu3ZPQEE+HICQyAMZ2yLQhxf0meY/wx6Hx14YcTNj13JB3qHlX3lJ02L3fLGHgERRH71kvYDwiXIguT3AjQ==", + "version": "8.66.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.66.0.tgz", + "integrity": "sha512-dkKR8q+lKciskj1Y3vthHktl+3cMLWGyVUP23bRiPZ5O9BRT++4EqDDV+TVeIKBL1VXVEqrJlz8MYbcnvJcAlg==", "dev": true, "license": "MIT", "dependencies": { - "@typescript-eslint/types": "8.61.0", + "@typescript-eslint/types": "8.66.0", "eslint-visitor-keys": "^5.0.0" }, "engines": { @@ -5999,9 +5892,9 @@ } }, "node_modules/@ungap/structured-clone": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.1.tgz", - "integrity": "sha512-mUFwbeTqrVgDQxFveS+df2yfap6iuP20NAKAsBt5jDEoOTDew+zwLAOilHCeQJOVSvmgCX4ogqIrA0mnyr08yQ==", + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.3.tgz", + "integrity": "sha512-60YRaenCQcVjYEKOcG824+DRGGIQ3VKErcBoAEDJZz5bKIs2ZG+X/H9Nk+Q6EVkwJk5QNApxbrc5QtBSwtrXAg==", "license": "ISC" }, "node_modules/@vitejs/plugin-basic-ssl": { @@ -6017,23 +5910,6 @@ "vite": "^6.0.0 || ^7.0.0 || ^8.0.0" } }, - "node_modules/@yarnpkg/lockfile": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@yarnpkg/lockfile/-/lockfile-1.1.0.tgz", - "integrity": "sha512-GpSwvyXOcOOlV70vbnzjj4fW5xW/FdUF6nQEt1ENy7m4ZCczi1+/buVUPAqmGfqznsORNFzUMjctTIp8a9tuCQ==", - "dev": true, - "license": "BSD-2-Clause" - }, - "node_modules/abbrev": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-4.0.0.tgz", - "integrity": "sha512-a1wflyaL0tHtJSmLSOVybYhy22vRih4eduhhrkcjgrWGnRfrZtovJ2FRjxuTtkkj47O/baf0R86QU5OuYpz8fA==", - "dev": true, - "license": "ISC", - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, "node_modules/abort-controller": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz", @@ -6060,9 +5936,9 @@ } }, "node_modules/acorn": { - "version": "8.16.0", - "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz", - "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==", + "version": "8.18.0", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.18.0.tgz", + "integrity": "sha512-lGq+9yr1/GuAWaVYIHRjvvySG5/4VfKIvC8EWxStPdcDh/Ka7FG3twP6v4d5BkravUilhIAsG4Qj83t02LWUPQ==", "dev": true, "license": "MIT", "bin": { @@ -6138,46 +6014,20 @@ } } }, - "node_modules/algoliasearch": { - "version": "5.52.0", - "resolved": "https://registry.npmjs.org/algoliasearch/-/algoliasearch-5.52.0.tgz", - "integrity": "sha512-0ZzY9mjqV7gop/AH8pIBiAS8giXP7WcSiUfoFYIzYAK9QC5c37E4SIVtJVBMwlURc0/uNt2o4RcNRvdHa4CJ5w==", - "dev": true, - "license": "MIT", - "dependencies": { - "@algolia/abtesting": "1.18.0", - "@algolia/client-abtesting": "5.52.0", - "@algolia/client-analytics": "5.52.0", - "@algolia/client-common": "5.52.0", - "@algolia/client-insights": "5.52.0", - "@algolia/client-personalization": "5.52.0", - "@algolia/client-query-suggestions": "5.52.0", - "@algolia/client-search": "5.52.0", - "@algolia/ingestion": "1.52.0", - "@algolia/monitoring": "1.52.0", - "@algolia/recommend": "5.52.0", - "@algolia/requester-browser-xhr": "5.52.0", - "@algolia/requester-fetch": "5.52.0", - "@algolia/requester-node-http": "5.52.0" - }, - "engines": { - "node": ">= 14.0.0" - } - }, "node_modules/angular-eslint": { - "version": "22.0.0", - "resolved": "https://registry.npmjs.org/angular-eslint/-/angular-eslint-22.0.0.tgz", - "integrity": "sha512-6tHLndzM6rU+2iuICakJS/hD1scK5sWLkcD7828zStT1ViA9zX8z9g/V1IlBiKEdZeMsl+m7K2DlNc34AkYyoQ==", + "version": "22.1.0", + "resolved": "https://registry.npmjs.org/angular-eslint/-/angular-eslint-22.1.0.tgz", + "integrity": "sha512-LU5a6MOSeQTETnc4xaHi10p9S1cstNczr93sChi3rx8IzgH4+risIsjjQHVLSnQDrSGH2O8jAGCaChker7f7TQ==", "dev": true, "license": "MIT", "dependencies": { "@angular-devkit/core": ">= 22.0.0 < 23.0.0", "@angular-devkit/schematics": ">= 22.0.0 < 23.0.0", - "@angular-eslint/builder": "22.0.0", - "@angular-eslint/eslint-plugin": "22.0.0", - "@angular-eslint/eslint-plugin-template": "22.0.0", - "@angular-eslint/schematics": "22.0.0", - "@angular-eslint/template-parser": "22.0.0", + "@angular-eslint/builder": "22.1.0", + "@angular-eslint/eslint-plugin": "22.1.0", + "@angular-eslint/eslint-plugin-template": "22.1.0", + "@angular-eslint/schematics": "22.1.0", + "@angular-eslint/template-parser": "22.1.0", "@typescript-eslint/types": "^8.0.0", "@typescript-eslint/utils": "^8.0.0" }, @@ -6612,9 +6462,9 @@ } }, "node_modules/baseline-browser-mapping": { - "version": "2.10.35", - "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.35.tgz", - "integrity": "sha512-honAfLBde0HAFLdNyBEfuuENkF6zR+ozxqxa/2zJKHBe1qzLqyTSeRKpdPEHAP03rlDGyQOPnCSxnVpVqQo9Mg==", + "version": "2.11.12", + "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.11.12.tgz", + "integrity": "sha512-r7WnVImvVCeFpf2DOXfy41aPWzeNg3H/A2X4dKmy1QL0MSyyk/e7z8ihJ3N6Nn2PsdhkVlqnEfnUE4a05P2aTA==", "license": "Apache-2.0", "bin": { "baseline-browser-mapping": "dist/cli.cjs" @@ -6624,9 +6474,9 @@ } }, "node_modules/beasties": { - "version": "0.4.2", - "resolved": "https://registry.npmjs.org/beasties/-/beasties-0.4.2.tgz", - "integrity": "sha512-NvcGjG/7AVUAfRbvrJmHunDQS9uHnE6Q/7AkaPr8oKE8HjOlpjRG5075z/th2Tmlezk3VlaaS8+X9I1RwHJMQw==", + "version": "0.4.3", + "resolved": "https://registry.npmjs.org/beasties/-/beasties-0.4.3.tgz", + "integrity": "sha512-fIIeLOcbAB/K1kb1HBVJoiq1alHL4RCYBSo5e7HzrNkkgMggXR1Vqt/Z9JWnkfe/qdCo66Ux3QRwZioAIBdWRA==", "dev": true, "license": "Apache-2.0", "dependencies": { @@ -6685,9 +6535,9 @@ } }, "node_modules/body-parser": { - "version": "1.20.5", - "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.5.tgz", - "integrity": "sha512-3grm+/2tUOvu2cjJkvsIxrv/wVpfXQW4PsQHYm7yk4vfpu7Ekl6nEsYBoJUL6qDwZUx8wUhQ8tR2qz+ad9c9OA==", + "version": "1.20.6", + "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.6.tgz", + "integrity": "sha512-p5tAzS57i5MV9fZFDj9LeIiTZEufbSe2eDozP+ElheSUq1m74CRq1jI4mYNDdVs9vQztXFLuk/Gd6BWTdwRJ5g==", "license": "MIT", "dependencies": { "bytes": "~3.1.2", @@ -6777,16 +6627,16 @@ } }, "node_modules/brace-expansion": { - "version": "5.0.6", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.6.tgz", - "integrity": "sha512-kLpxurY4Z4r9sgMsyG0Z9uzsBlgiU/EFKhj/h91/8yHu0edo7XuixOIH3VcJ8kkxs6/jPzoI6U9Vj3WqbMQ94g==", + "version": "5.0.9", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.9.tgz", + "integrity": "sha512-ScQ4IuvIEF1TMlP7Zt+vjJ//9zlPb2SDcxWxM3bk8s6t6GGdJ7KO1dCcTidOPJKePW30LE/2cT7wCyPho9/Wxg==", "dev": true, "license": "MIT", "dependencies": { "balanced-match": "^4.0.2" }, "engines": { - "node": "18 || 20 || >=22" + "node": "20 || >=22" } }, "node_modules/braces": { @@ -6803,9 +6653,9 @@ } }, "node_modules/browserslist": { - "version": "4.28.2", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.2.tgz", - "integrity": "sha512-48xSriZYYg+8qXna9kwqjIVzuQxi+KYWp2+5nCYnYKPTr0LvD89Jqk2Or5ogxz0NUMfIjhh2lIUX/LyX9B4oIg==", + "version": "4.28.7", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.7.tgz", + "integrity": "sha512-JxV13hNrFxqjOc8alRbq9dK1MM79NEXYpma2B2J4wAtpWS5zIEIKqWPGCl7N4o7Uc7B7itylh7SuDujATRyyTw==", "funding": [ { "type": "opencollective", @@ -6822,10 +6672,10 @@ ], "license": "MIT", "dependencies": { - "baseline-browser-mapping": "^2.10.12", - "caniuse-lite": "^1.0.30001782", - "electron-to-chromium": "^1.5.328", - "node-releases": "^2.0.36", + "baseline-browser-mapping": "^2.10.44", + "caniuse-lite": "^1.0.30001806", + "electron-to-chromium": "^1.5.393", + "node-releases": "^2.0.51", "update-browserslist-db": "^1.2.3" }, "bin": { @@ -6882,56 +6732,6 @@ "node": ">= 0.8" } }, - "node_modules/cacache": { - "version": "20.0.4", - "resolved": "https://registry.npmjs.org/cacache/-/cacache-20.0.4.tgz", - "integrity": "sha512-M3Lab8NPYlZU2exsL3bMVvMrMqgwCnMWfdZbK28bn3pK6APT/Te/I8hjRPNu1uwORY9a1eEQoifXbKPQMfMTOA==", - "dev": true, - "license": "ISC", - "dependencies": { - "@npmcli/fs": "^5.0.0", - "fs-minipass": "^3.0.0", - "glob": "^13.0.0", - "lru-cache": "^11.1.0", - "minipass": "^7.0.3", - "minipass-collect": "^2.0.1", - "minipass-flush": "^1.0.5", - "minipass-pipeline": "^1.2.4", - "p-map": "^7.0.2", - "ssri": "^13.0.0" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, - "node_modules/cacache/node_modules/glob": { - "version": "13.0.6", - "resolved": "https://registry.npmjs.org/glob/-/glob-13.0.6.tgz", - "integrity": "sha512-Wjlyrolmm8uDpm/ogGyXZXb1Z+Ca2B8NbJwqBVg0axK9GbBeoS7yGV6vjXnYdGm6X53iehEuxxbyiKp8QmN4Vw==", - "dev": true, - "license": "BlueOak-1.0.0", - "dependencies": { - "minimatch": "^10.2.2", - "minipass": "^7.1.3", - "path-scurry": "^2.0.2" - }, - "engines": { - "node": "18 || 20 || >=22" - }, - "funding": { - "url": "https://github.com/sponsors/isaacs" - } - }, - "node_modules/cacache/node_modules/lru-cache": { - "version": "11.5.1", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.1.tgz", - "integrity": "sha512-RPimw/7aMdv2oqRrxKwvZXcPfwBrn/JZ2xYcY9Hus/6LaS3VOAKVWKWgNLCFSiOm1ESXinjsDlidVU7JlnCN2A==", - "dev": true, - "license": "BlueOak-1.0.0", - "engines": { - "node": "20 || >=22" - } - }, "node_modules/call-bind": { "version": "1.0.9", "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.9.tgz", @@ -6991,9 +6791,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001799", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001799.tgz", - "integrity": "sha512-hG1bReV+OUU+MOqK4t/ZWI0tZOyz3rqS9XuhOUz1cIcbwBKjOyJEJuw9ER5JuNyqxNk8u/JUVbGibBOL1yrjFw==", + "version": "1.0.30001806", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001806.tgz", + "integrity": "sha512-72Cuvd95zbSYPKq6Fhg8eDJRlzgWDf7/mtoZv6Qe/DYNCEBdNxoA3+rZAU2ZhGCpZlns3EssFavaZomckT5Uuw==", "funding": [ { "type": "opencollective", @@ -7076,9 +6876,9 @@ } }, "node_modules/chardet": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/chardet/-/chardet-2.1.1.tgz", - "integrity": "sha512-PsezH1rqdV9VvyNhxxOW32/d75r01NY7TQCmOqomRo15ZSOKbpTFVsfjghxo6JloQUCGnH4k1LGu0R4yCLlWQQ==", + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/chardet/-/chardet-2.2.0.tgz", + "integrity": "sha512-rddelWYNPRrXq6PtNEN2S3f6t9ILzvqaN5pVgi4kqt9jHQaXIial9PznB5iSPVlQSLNaaH22ItWz3EJtQ10+OA==", "dev": true, "license": "MIT" }, @@ -7097,16 +6897,6 @@ "url": "https://paulmillr.com/funding/" } }, - "node_modules/chownr": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/chownr/-/chownr-3.0.0.tgz", - "integrity": "sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==", - "dev": true, - "license": "BlueOak-1.0.0", - "engines": { - "node": ">=18" - } - }, "node_modules/cli-cursor": { "version": "5.0.0", "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-5.0.0.tgz", @@ -7154,9 +6944,9 @@ } }, "node_modules/cli-truncate/node_modules/string-width": { - "version": "8.2.1", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-8.2.1.tgz", - "integrity": "sha512-IIaP0g3iy9Cyy18w3M9YcaDudujEAVHKt3a3QJg1+sr/oX96TbaGUubG0hJyCjCBThFH+tFpcIyoUHUn1ogaLA==", + "version": "8.2.2", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-8.2.2.tgz", + "integrity": "sha512-GaPUh5gfdrYzqeVNZvUfT23vYYxXzKYidUcnMtJg/3rxRV63EFZy3k6xfKlmfeJD0176lnUV/Usr3XcwSvFzpg==", "dev": true, "license": "MIT", "dependencies": { @@ -7842,9 +7632,9 @@ } }, "node_modules/dompurify": { - "version": "3.4.9", - "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.4.9.tgz", - "integrity": "sha512-4dPSRMRDqHvs0V4YDFCsaIZo4if5u0xM+llyxiM2fwuZFdKArUBAF3VtI2+n8NKg9P870WMdYk0UhqQNoWXbfQ==", + "version": "3.4.13", + "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.4.13.tgz", + "integrity": "sha512-2vmYIoqjze2d+kakP8S/nS5shfsl587kzwEjcGlTdiksUVgFHnFCsLYDVj/JNqJVOQZGSYBTmuycv0PodwmnMQ==", "license": "(MPL-2.0 OR Apache-2.0)", "optionalDependencies": { "@types/trusted-types": "^2.0.7" @@ -7907,9 +7697,9 @@ "license": "MIT" }, "node_modules/electron-to-chromium": { - "version": "1.5.371", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.371.tgz", - "integrity": "sha512-e9htk9mAYL6AzmkEhSvVVw7IWGSBJ/Bqdn2eRyRLrj1g6sncN4WbFt5qnILYoCktktr45pyjIrOiRvBThQ808w==", + "version": "1.5.400", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.400.tgz", + "integrity": "sha512-96EWDNjM59SYflgeV5Ylsf4EMiq1a25YjCnJH7cxn/AF2H3pILRweaUnoLax0yKHWdpOzY6JKEu45e8irqZIHA==", "license": "ISC" }, "node_modules/emoji-regex": { @@ -7919,6 +7709,15 @@ "dev": true, "license": "MIT" }, + "node_modules/empathic": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/empathic/-/empathic-2.0.1.tgz", + "integrity": "sha512-YGRs8knHhKHVShLkFET/rWAU8kmHbOV5LwN938RHI0pljAJ1Gf6SzXsSmRaEzcXTtOOmVqJ5+WtQPL5uigY50Q==", + "license": "MIT", + "engines": { + "node": ">=14" + } + }, "node_modules/encodeurl": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz", @@ -7939,9 +7738,9 @@ } }, "node_modules/engine.io": { - "version": "6.6.8", - "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.6.8.tgz", - "integrity": "sha512-2agL3ueZhqxoVrfmntO8yuVj+uNSlIOnhykYHk3Cq0ShYPdUjjUiSJrQvXjq01I9jAuI0Zl2YO8Evv5Mqytm5g==", + "version": "6.6.9", + "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.6.9.tgz", + "integrity": "sha512-clKkw4C7nJ22mGgoVcCg6V/W/TxdNyIOTr89k2ONZu81qqkddPFDF0LXcbAwhzPD8DjkiRCjzuiO6Y+fkpD4vg==", "dev": true, "license": "MIT", "dependencies": { @@ -7954,7 +7753,7 @@ "cors": "~2.8.5", "debug": "~4.4.1", "engine.io-parser": "~5.2.1", - "ws": "~8.20.1" + "ws": "~8.21.0" }, "engines": { "node": ">=10.2.0" @@ -7971,9 +7770,9 @@ } }, "node_modules/engine.io/node_modules/ws": { - "version": "8.20.1", - "resolved": "https://registry.npmjs.org/ws/-/ws-8.20.1.tgz", - "integrity": "sha512-It4dO0K5v//JtTXuPkfEOaI3uUN87iYPnqo/ZzqCoG3g8uhA66QUMs/SrM0YK7/NAu+r4LMh/9dq2A7k+rHs+w==", + "version": "8.21.2", + "resolved": "https://registry.npmjs.org/ws/-/ws-8.21.2.tgz", + "integrity": "sha512-54dMVAo4WIe6SKy3vBgN+9bJZqqQ8IMRevAkOLQALhi49qkkQDQfWdAZ8KQlXiEabw88ARXXdUrlvtbKQX+aKw==", "dev": true, "license": "MIT", "engines": { @@ -7993,9 +7792,9 @@ } }, "node_modules/enhanced-resolve": { - "version": "5.24.0", - "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.24.0.tgz", - "integrity": "sha512-SkE2t82KlkkxQRVMVLAGKxLfORGQfrkx5dkj+vlgXRVNEdPc4eZcR+J/Fvj8C+yKSFH5L0q3NFlyufOVQnCcYQ==", + "version": "5.24.5", + "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.24.5.tgz", + "integrity": "sha512-L1l8TNvomm6UVW5B253AGxQagSQr+vGwhMlrrfRS2qmhx46AMpMVJKQYLvWYbysTMY8VoicOvzHzoHMbyzB+4A==", "license": "MIT", "dependencies": { "graceful-fs": "^4.2.4", @@ -8034,16 +7833,6 @@ "url": "https://github.com/fb55/entities?sponsor=1" } }, - "node_modules/env-paths": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz", - "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=6" - } - }, "node_modules/environment": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/environment/-/environment-1.1.0.tgz", @@ -8126,6 +7915,25 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/es-abstract-get": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/es-abstract-get/-/es-abstract-get-1.0.0.tgz", + "integrity": "sha512-6PMWXpdhshVvFp+FoWYs1EvG1Nj0tvk0dZM+XcK0xMEM1czRVcP6ohqPWHy6qPagSpC8j4+p89WXlT+xXJs/fg==", + "dev": true, + "license": "MIT", + "dependencies": { + "es-errors": "^1.3.0", + "es-object-atoms": "^1.1.2", + "is-callable": "^1.2.7", + "object-inspect": "^1.13.4" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/es-define-property": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz", @@ -8186,15 +7994,18 @@ } }, "node_modules/es-to-primitive": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.0.tgz", - "integrity": "sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==", + "version": "1.3.4", + "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.4.tgz", + "integrity": "sha512-yPDz7wqpg1/mmHLmS3tcfTfbw5f1eryXvyghYBffGdERwe+mV7ZcWzTR8LR17Kvqt3qfPurjlonmnq3MKXIOXw==", "dev": true, "license": "MIT", "dependencies": { + "es-abstract-get": "^1.0.0", + "es-define-property": "^1.0.1", + "es-errors": "^1.3.0", "is-callable": "^1.2.7", - "is-date-object": "^1.0.5", - "is-symbol": "^1.0.4" + "is-date-object": "^1.1.0", + "is-symbol": "^1.1.1" }, "engines": { "node": ">= 0.4" @@ -8204,9 +8015,9 @@ } }, "node_modules/esbuild": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.28.0.tgz", - "integrity": "sha512-sNR9MHpXSUV/XB4zmsFKN+QgVG82Cc7+/aaxJ8Adi8hyOac+EXptIp45QBPaVyX3N70664wRbTcLTOemCAnyqw==", + "version": "0.28.1", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.28.1.tgz", + "integrity": "sha512-HrJrvZv5ayxBzPfwphOoNzkzOIIlifzk0KJrGK2c8R4+LKpMtpYLQeUdjnwjWv/LZlkH2laZk+4w78pi99D4Vw==", "dev": true, "hasInstallScript": true, "license": "MIT", @@ -8217,32 +8028,32 @@ "node": ">=18" }, "optionalDependencies": { - "@esbuild/aix-ppc64": "0.28.0", - "@esbuild/android-arm": "0.28.0", - "@esbuild/android-arm64": "0.28.0", - "@esbuild/android-x64": "0.28.0", - "@esbuild/darwin-arm64": "0.28.0", - "@esbuild/darwin-x64": "0.28.0", - "@esbuild/freebsd-arm64": "0.28.0", - "@esbuild/freebsd-x64": "0.28.0", - "@esbuild/linux-arm": "0.28.0", - "@esbuild/linux-arm64": "0.28.0", - "@esbuild/linux-ia32": "0.28.0", - "@esbuild/linux-loong64": "0.28.0", - "@esbuild/linux-mips64el": "0.28.0", - "@esbuild/linux-ppc64": "0.28.0", - "@esbuild/linux-riscv64": "0.28.0", - "@esbuild/linux-s390x": "0.28.0", - "@esbuild/linux-x64": "0.28.0", - "@esbuild/netbsd-arm64": "0.28.0", - "@esbuild/netbsd-x64": "0.28.0", - "@esbuild/openbsd-arm64": "0.28.0", - "@esbuild/openbsd-x64": "0.28.0", - "@esbuild/openharmony-arm64": "0.28.0", - "@esbuild/sunos-x64": "0.28.0", - "@esbuild/win32-arm64": "0.28.0", - "@esbuild/win32-ia32": "0.28.0", - "@esbuild/win32-x64": "0.28.0" + "@esbuild/aix-ppc64": "0.28.1", + "@esbuild/android-arm": "0.28.1", + "@esbuild/android-arm64": "0.28.1", + "@esbuild/android-x64": "0.28.1", + "@esbuild/darwin-arm64": "0.28.1", + "@esbuild/darwin-x64": "0.28.1", + "@esbuild/freebsd-arm64": "0.28.1", + "@esbuild/freebsd-x64": "0.28.1", + "@esbuild/linux-arm": "0.28.1", + "@esbuild/linux-arm64": "0.28.1", + "@esbuild/linux-ia32": "0.28.1", + "@esbuild/linux-loong64": "0.28.1", + "@esbuild/linux-mips64el": "0.28.1", + "@esbuild/linux-ppc64": "0.28.1", + "@esbuild/linux-riscv64": "0.28.1", + "@esbuild/linux-s390x": "0.28.1", + "@esbuild/linux-x64": "0.28.1", + "@esbuild/netbsd-arm64": "0.28.1", + "@esbuild/netbsd-x64": "0.28.1", + "@esbuild/openbsd-arm64": "0.28.1", + "@esbuild/openbsd-x64": "0.28.1", + "@esbuild/openharmony-arm64": "0.28.1", + "@esbuild/sunos-x64": "0.28.1", + "@esbuild/win32-arm64": "0.28.1", + "@esbuild/win32-ia32": "0.28.1", + "@esbuild/win32-x64": "0.28.1" } }, "node_modules/escalade": { @@ -8271,9 +8082,9 @@ } }, "node_modules/eslint": { - "version": "9.39.4", - "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.4.tgz", - "integrity": "sha512-XoMjdBOwe/esVgEvLmNsD3IRHkm7fbKIUGvrleloJXUZgDHig2IPWNniv+GwjyJXzuNqVjlr5+4yVUZjycJwfQ==", + "version": "9.39.5", + "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.5.tgz", + "integrity": "sha512-DgZS62aPLXKlnxILS/AYCoRvHaZeXceIzlXPkkGGzJWSow1aEk0lbTlxUSlyjC8jcaKxAdOnTDz+o1JFSBsyjw==", "dev": true, "license": "MIT", "dependencies": { @@ -8282,8 +8093,8 @@ "@eslint/config-array": "^0.21.2", "@eslint/config-helpers": "^0.4.2", "@eslint/core": "^0.17.0", - "@eslint/eslintrc": "^3.3.5", - "@eslint/js": "9.39.4", + "@eslint/eslintrc": "^3.3.6", + "@eslint/js": "9.39.5", "@eslint/plugin-kit": "^0.4.1", "@humanfs/node": "^0.16.6", "@humanwhocodes/module-importer": "^1.0.1", @@ -8353,9 +8164,9 @@ } }, "node_modules/eslint-module-utils": { - "version": "2.13.0", - "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.13.0.tgz", - "integrity": "sha512-bLohSkT6469rRs8czj0tLTD8vaeIS/whvPRJVjDr7IuoTT1k5DYDERlNycjDj/HkOlvQdYurmfZ/g3fG5bgeLQ==", + "version": "2.14.0", + "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.14.0.tgz", + "integrity": "sha512-W2WCRZ9Dqntd+2u8jJcVMV2PKulc6RdLgUUoh/yQr3uB6lo/ZOeGx11sv60/8S4QFFKNslAlWhr9u0Ef7ZW6Ig==", "dev": true, "license": "MIT", "dependencies": { @@ -8422,9 +8233,9 @@ "license": "MIT" }, "node_modules/eslint-plugin-import/node_modules/brace-expansion": { - "version": "1.1.15", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.15.tgz", - "integrity": "sha512-EwOCDEex4quD37XhqM3omwtMoJjr//isUZz1JopUNWms+4Z2ViyM/k1YIRePpoVNnQhENnxtFjLaxNHrT7xIUg==", + "version": "1.1.18", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.18.tgz", + "integrity": "sha512-Edep/X9fGqVNmzKBVsDYIOtD+z1tuezV70LBjdCst9Tqu76lsnvRiZ6oTic1n+/BIwX6QDGAO94PN4N2SADvtw==", "dev": true, "license": "MIT", "dependencies": { @@ -8466,13 +8277,13 @@ } }, "node_modules/eslint-plugin-jsdoc": { - "version": "63.0.2", - "resolved": "https://registry.npmjs.org/eslint-plugin-jsdoc/-/eslint-plugin-jsdoc-63.0.2.tgz", - "integrity": "sha512-0TchoK1uS4VxHSo3P4CyWQ31Lm+6zsT+xkHMC5KbFKwgOf8YrXPf1Bl8EP7kpgw1wfe/Ui5jz5mSX7ou8WAVuw==", + "version": "63.3.3", + "resolved": "https://registry.npmjs.org/eslint-plugin-jsdoc/-/eslint-plugin-jsdoc-63.3.3.tgz", + "integrity": "sha512-xI4IeVRzRFA2DGHrPLIxF3U+oJHU3FE+P9Zb27fVs5dPHgfcpoAs0PyCbznVhK7pwR+9BPUztFeXSgpw/CL4Yg==", "dev": true, "license": "BSD-3-Clause", "dependencies": { - "@es-joy/jsdoccomment": "~0.87.0", + "@es-joy/jsdoccomment": "~0.91.0", "@es-joy/resolve.exports": "1.2.0", "are-docs-informative": "^0.0.2", "comment-parser": "1.4.7", @@ -8483,8 +8294,8 @@ "html-entities": "^2.6.0", "object-deep-merge": "^2.0.1", "parse-imports-exports": "^0.2.4", - "semver": "^7.8.2", - "spdx-expression-parse": "^4.0.0", + "semver": "^7.8.5", + "spdx-expression-parse": "^5.0.0", "to-valid-identifier": "^1.0.0" }, "engines": { @@ -8538,19 +8349,6 @@ "url": "https://opencollective.com/eslint" } }, - "node_modules/eslint-plugin-jsdoc/node_modules/semver": { - "version": "7.8.4", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.4.tgz", - "integrity": "sha512-rUCObTnP32Q08R2uuIrt7r9PlEonuTmtuXYcW6s5kjdlj3xbnwe+21yXptAUYcMAABLkYYTtnmzb3w3EDZfueA==", - "dev": true, - "license": "ISC", - "bin": { - "semver": "bin/semver.js" - }, - "engines": { - "node": ">=10" - } - }, "node_modules/eslint-plugin-prefer-arrow": { "version": "1.2.3", "resolved": "https://registry.npmjs.org/eslint-plugin-prefer-arrow/-/eslint-plugin-prefer-arrow-1.2.3.tgz", @@ -8634,9 +8432,9 @@ "license": "MIT" }, "node_modules/eslint/node_modules/brace-expansion": { - "version": "1.1.15", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.15.tgz", - "integrity": "sha512-EwOCDEex4quD37XhqM3omwtMoJjr//isUZz1JopUNWms+4Z2ViyM/k1YIRePpoVNnQhENnxtFjLaxNHrT7xIUg==", + "version": "1.1.18", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.18.tgz", + "integrity": "sha512-Edep/X9fGqVNmzKBVsDYIOtD+z1tuezV70LBjdCst9Tqu76lsnvRiZ6oTic1n+/BIwX6QDGAO94PN4N2SADvtw==", "dev": true, "license": "MIT", "dependencies": { @@ -8936,13 +8734,6 @@ "node": ">=0.10.0" } }, - "node_modules/exponential-backoff": { - "version": "3.1.3", - "resolved": "https://registry.npmjs.org/exponential-backoff/-/exponential-backoff-3.1.3.tgz", - "integrity": "sha512-ZgEeZXj30q+I0EN+CbSSpIyPaJ5HVQD18Z1m+u1FXbAeT94mr1zw50q4q6jiiC447Nl/YTcIYSAftiGqetwXCA==", - "dev": true, - "license": "Apache-2.0" - }, "node_modules/express": { "version": "4.22.2", "resolved": "https://registry.npmjs.org/express/-/express-4.22.2.tgz", @@ -8990,11 +8781,12 @@ } }, "node_modules/express-rate-limit": { - "version": "8.5.2", - "resolved": "https://registry.npmjs.org/express-rate-limit/-/express-rate-limit-8.5.2.tgz", - "integrity": "sha512-5Kb34ipNX694DH48vN9irak1Qx30nb0PLYHXfJgw4YEjiC3ZEmZJhwOp+VfiCYwFzvFTdB9QkArYS5kXa2cx2A==", + "version": "8.6.1", + "resolved": "https://registry.npmjs.org/express-rate-limit/-/express-rate-limit-8.6.1.tgz", + "integrity": "sha512-0D493aP61w0TJ2A0wy27riRsO7FMQ7FK+KUHOKCSfPvYo0R55aiC6emCVgFUeShH0fq0ICPVzNcgoS+BsbXQCA==", "license": "MIT", "dependencies": { + "debug": "^4.4.3", "ip-address": "^10.2.0" }, "engines": { @@ -9085,9 +8877,9 @@ } }, "node_modules/fast-uri": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.2.tgz", - "integrity": "sha512-rVjf7ArG3LTk+FS6Yw81V1DLuZl1bRbNrev6Tmd/9RaroeeRRJhAt7jg/6YFxbvAQXUCavSoZhPPj6oOx+5KjQ==", + "version": "3.1.5", + "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.5.tgz", + "integrity": "sha512-gHwA1O9LDIcKunMKhObS/HimwtehO1nPUECKAu5TpKgaO19fcWEl4bliWe1jWxVFvIXztJjjQ4L8XQ1EU9f7Jw==", "funding": [ { "type": "github", @@ -9303,9 +9095,9 @@ } }, "node_modules/flatted": { - "version": "3.4.2", - "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.4.2.tgz", - "integrity": "sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA==", + "version": "3.4.4", + "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.4.4.tgz", + "integrity": "sha512-5+ybhBZANEJxaH3X5evAFatUxLfEHSr7n6kYJ+1Qd0mUqr4eu9gIf6GDbWHf8RJijHrjjO8G+la14SlL2SeS1Q==", "dev": true, "license": "ISC" }, @@ -9426,19 +9218,6 @@ "node": ">=6 <7 || >=8" } }, - "node_modules/fs-minipass": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-3.0.3.tgz", - "integrity": "sha512-XUBA9XClHbnJWSfBzjkm6RvPsyg3sryZt06BEQoXcF7EK/xpGaQYJgQKDJSUH5SGZ76Y7pFx1QBnXz09rU5Fbw==", - "dev": true, - "license": "ISC", - "dependencies": { - "minipass": "^7.0.3" - }, - "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" - } - }, "node_modules/fs-mkdirp-stream": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/fs-mkdirp-stream/-/fs-mkdirp-stream-2.0.1.tgz", @@ -9485,18 +9264,21 @@ } }, "node_modules/function.prototype.name": { - "version": "1.1.8", - "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.8.tgz", - "integrity": "sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==", + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.2.0.tgz", + "integrity": "sha512-jObKIik1P2QjPHP5nz5BaOtUlfgS0fWo8IUByNXkM+o+02sJOi94em77GwJKQSJ3gfPHdgzLNrHc1uokV4P/ew==", "dev": true, "license": "MIT", "dependencies": { - "call-bind": "^1.0.8", - "call-bound": "^1.0.3", - "define-properties": "^1.2.1", + "call-bind": "^1.0.9", + "call-bound": "^1.0.4", + "es-define-property": "^1.0.1", + "es-errors": "^1.3.0", "functions-have-names": "^1.2.3", - "hasown": "^2.0.2", - "is-callable": "^1.2.7" + "has-property-descriptors": "^1.0.2", + "hasown": "^2.0.4", + "is-callable": "^1.2.7", + "is-document.all": "^1.0.0" }, "engines": { "node": ">= 0.4" @@ -9516,9 +9298,9 @@ } }, "node_modules/fuse.js": { - "version": "7.4.2", - "resolved": "https://registry.npmjs.org/fuse.js/-/fuse.js-7.4.2.tgz", - "integrity": "sha512-LVbzjD4WA6UP5B1UnP8wuaXJiLnqMdM/E4fiJXTJ5haJ5b/MBNsK29h2fm6swEoQaVQjvYFWKLE2RanyZIoRVQ==", + "version": "7.5.0", + "resolved": "https://registry.npmjs.org/fuse.js/-/fuse.js-7.5.0.tgz", + "integrity": "sha512-sQtrEfA+ez/3G0cCZecF70oqpCRttCexYUG4mUrtWL49ULUzUyxokt5kyqwtKzj1270RaKih+hcP3qLcumccow==", "license": "Apache-2.0", "engines": { "node": ">=10" @@ -9681,13 +9463,6 @@ "node": ">=10.13.0" } }, - "node_modules/glob-to-regexp": { - "version": "0.4.1", - "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz", - "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==", - "dev": true, - "license": "BSD-2-Clause" - }, "node_modules/glob-watcher": { "version": "6.0.0", "resolved": "https://registry.npmjs.org/glob-watcher/-/glob-watcher-6.0.0.tgz", @@ -9798,13 +9573,6 @@ "node": ">=0.10.0" } }, - "node_modules/global-prefix/node_modules/ini": { - "version": "1.3.8", - "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz", - "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==", - "dev": true, - "license": "ISC" - }, "node_modules/global-prefix/node_modules/which": { "version": "1.3.1", "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz", @@ -10055,9 +9823,9 @@ } }, "node_modules/gulp-cli/node_modules/yargs": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz", - "integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==", + "version": "16.2.2", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.2.tgz", + "integrity": "sha512-Nt9ZJjXTv5R8MHbqby/wXQ6Gi0Bb3TcYZkR1bzuL4yB2OxWPkXknz513gEF0GoA6tn00UpbPvERW8rzCuWCA6w==", "dev": true, "license": "MIT", "dependencies": { @@ -10263,35 +10031,25 @@ } }, "node_modules/hono": { - "version": "4.12.25", - "resolved": "https://registry.npmjs.org/hono/-/hono-4.12.25.tgz", - "integrity": "sha512-2NFaIyNVgJmBs/ecmtGzlmluTFs5cHEWGTdu0t1HBwYzoGXOL5nUQBRMXsXWla5i4KkG//QMzVP88m1+I3fdAQ==", + "version": "4.13.0", + "resolved": "https://registry.npmjs.org/hono/-/hono-4.13.0.tgz", + "integrity": "sha512-jhunvfHWxd7J5EFfSgH4xsYJzSe/lfqbUCxiyyeaQasUsXeEHXtzVid+7EOGByc5JnFa23SSFL3Y2RV/z1T+eQ==", "license": "MIT", "engines": { "node": ">=16.9.0" } }, "node_modules/hosted-git-info": { - "version": "9.0.3", - "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-9.0.3.tgz", - "integrity": "sha512-Hc+ghLoSt6QaYZUv0WBiIvmMDZuZZ7oaDvdH8MbfOO4lOsxdXLEvuC6ePoGs9H1X9oCLyq6+NVN0MKqD+ydxyg==", + "version": "10.1.1", + "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-10.1.1.tgz", + "integrity": "sha512-DeOnSPAvOndYKfw075gt8yZzQ7S2hNztw34zBTfhIzLhmBTswIBg5/y+pqu/VD5cYWm5goAFTusDmUEmKZ0PEQ==", "dev": true, "license": "ISC", "dependencies": { "lru-cache": "^11.1.0" }, "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, - "node_modules/hosted-git-info/node_modules/lru-cache": { - "version": "11.5.1", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.1.tgz", - "integrity": "sha512-RPimw/7aMdv2oqRrxKwvZXcPfwBrn/JZ2xYcY9Hus/6LaS3VOAKVWKWgNLCFSiOm1ESXinjsDlidVU7JlnCN2A==", - "dev": true, - "license": "BlueOak-1.0.0", - "engines": { - "node": "20 || >=22" + "node": "^22.22.2 || ^24.15.0 || >=26.0.0" } }, "node_modules/html-entities": { @@ -10375,13 +10133,6 @@ "url": "https://github.com/fb55/entities?sponsor=1" } }, - "node_modules/http-cache-semantics": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.2.0.tgz", - "integrity": "sha512-dTxcvPXqPvXBQpq5dUr6mEMJX4oIEFv6bwom3FDwKRDsuIjjJGANqhBuoAn9c1RQJIdAKav33ED65E2ys+87QQ==", - "dev": true, - "license": "BSD-2-Clause" - }, "node_modules/http-errors": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.1.tgz", @@ -10417,48 +10168,25 @@ "node": ">=8.0.0" } }, - "node_modules/http-proxy-agent": { - "version": "7.0.2", - "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz", - "integrity": "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==", - "dev": true, - "license": "MIT", - "dependencies": { - "agent-base": "^7.1.0", - "debug": "^4.3.4" - }, - "engines": { - "node": ">= 14" - } - }, - "node_modules/http-proxy-agent/node_modules/agent-base": { - "version": "7.1.4", - "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz", - "integrity": "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">= 14" - } - }, "node_modules/https-proxy-agent": { - "version": "9.0.0", - "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-9.0.0.tgz", - "integrity": "sha512-/MVmHp58WkOypgFhCLk4fzpPcFQvTJ/e6LBI7irpIO2HfxUbpmYoHF+KzipzJpxxzJu7aJNWQ0xojJ/dzV2G5g==", + "version": "9.1.0", + "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-9.1.0.tgz", + "integrity": "sha512-ag87y7cJJ9/3+GxFr8Oy4O5faDsGRGnBGsJj/YjOSsSx/5eadKLYTMPlzuR6obgoCDDm0abAAZitXXQkMOPSpA==", "dev": true, "license": "MIT", "dependencies": { "agent-base": "9.0.0", - "debug": "^4.3.4" + "debug": "^4.3.4", + "proxy-agent-negotiate": "1.1.0" }, "engines": { "node": ">= 20" } }, "node_modules/iconv-lite": { - "version": "0.7.2", - "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.7.2.tgz", - "integrity": "sha512-im9DjEDQ55s9fL4EYzOAv0yMqmMBSZp6G0VvFyTMPKWxiSBHUj9NW/qqLmXUwXrrM7AvqSlTCfvqRb0cM8yYqw==", + "version": "0.7.3", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.7.3.tgz", + "integrity": "sha512-IKXpvIzjnC9XTAUbVBcMfGS0EPaIXtW6v+zr+RRp+hqULEpo0owZax6wyRwPOJbWbzjYspQwusTsfVr0ifh4uQ==", "license": "MIT", "dependencies": { "safer-buffer": ">= 2.1.2 < 3.0.0" @@ -10493,9 +10221,9 @@ "license": "BSD-3-Clause" }, "node_modules/igniteui-angular": { - "version": "22.0.0", - "resolved": "https://registry.npmjs.org/igniteui-angular/-/igniteui-angular-22.0.0.tgz", - "integrity": "sha512-E9/AzWNbqs/bwrHCg91jL3qu58IkUYJ7CP/OZQG09aj/FZLBOxeB+3FnpztReyieG4xUOIj9AUGpPkZRmwgo/Q==", + "version": "22.0.6", + "resolved": "https://registry.npmjs.org/igniteui-angular/-/igniteui-angular-22.0.6.tgz", + "integrity": "sha512-uWM6BXEl29WosrzFEJV3zasY+qIyaE6gvW0buf75sDPccj5xbvOn8f92mnIE+mT8FVxidoY3WnNURDMfDdY88g==", "license": "SEE LICENSE IN LICENSE", "dependencies": { "@igniteui/material-icons-extended": "^3.1.0", @@ -10514,7 +10242,7 @@ "@angular/forms": "22", "@types/hammerjs": "^2.0.46", "hammerjs": "^2.0.8", - "igniteui-grid-lite": "~0.7.1", + "igniteui-grid-lite": "~0.9.0", "igniteui-webcomponents": "^7.2.1" }, "peerDependenciesMeta": { @@ -10533,9 +10261,9 @@ } }, "node_modules/igniteui-angular-charts": { - "version": "22.0.0", - "resolved": "https://registry.npmjs.org/igniteui-angular-charts/-/igniteui-angular-charts-22.0.0.tgz", - "integrity": "sha512-3QzkDUGBFKs/nwPMI8ukzU248BFLwmJtGagRfsGVygZO9FLOvgmck1H4dR/mR1AKQLasIl4Ogdb5Dmku/OTKbA==", + "version": "22.0.1", + "resolved": "https://registry.npmjs.org/igniteui-angular-charts/-/igniteui-angular-charts-22.0.1.tgz", + "integrity": "sha512-j+3bedk4sOvI76KnKUc1hJwTeOSNZpgAR2q8nW0mBEMMzIT6QUaEO9iIg3ydbvRsX+KAm+tD9Gx3/F4aFkVgmw==", "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)", "dependencies": { "tslib": "^2.3.1" @@ -10544,13 +10272,13 @@ "@angular/common": "^22.0.0", "@angular/compiler": "^22.0.0", "@angular/core": "^22.0.0", - "igniteui-angular-core": "22.0.0" + "igniteui-angular-core": "22.0.1" } }, "node_modules/igniteui-angular-core": { - "version": "22.0.0", - "resolved": "https://registry.npmjs.org/igniteui-angular-core/-/igniteui-angular-core-22.0.0.tgz", - "integrity": "sha512-j5Wk0IypqxSKQWTKA8gL9HoXWASLsSV3agVj8YUG0MDVd2TuxdLv6rNlHDNl6Y8VrpCRMTN0yzRZql8AEzlFhg==", + "version": "22.0.1", + "resolved": "https://registry.npmjs.org/igniteui-angular-core/-/igniteui-angular-core-22.0.1.tgz", + "integrity": "sha512-QYorz/1Nyl05f45ztAyepnripFlXhC9qDqRSkGIvK4DdLXImfAlG5WATxGPTIEiVGAAGDhhzsFeVquNKw0NnPA==", "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)", "dependencies": { "tslib": "^2.3.1" @@ -10562,9 +10290,9 @@ } }, "node_modules/igniteui-angular-extras": { - "version": "22.0.0", - "resolved": "https://registry.npmjs.org/igniteui-angular-extras/-/igniteui-angular-extras-22.0.0.tgz", - "integrity": "sha512-P2unrI2aNT5gMEWElSD/K5ZVZd7H46lmX1B+m8iK+t8k8sNx5F+dvBQkXUExdLPdtRtObXxhHVrh7QGUeBm6Xw==", + "version": "22.0.6", + "resolved": "https://registry.npmjs.org/igniteui-angular-extras/-/igniteui-angular-extras-22.0.6.tgz", + "integrity": "sha512-Zg8vHEr8V0vd1j6h30spdM+efsvljVWSu0dWLH7cI7XyV1+yvdPQ7ZlIRMIRCSaOl7yHNPyibmHdQKvF4cj22g==", "license": "SEE LICENSE IN LICENSE", "dependencies": { "igniteui-trial-watermark": "^3.1.0", @@ -10579,9 +10307,9 @@ } }, "node_modules/igniteui-angular-i18n": { - "version": "22.0.0", - "resolved": "https://registry.npmjs.org/igniteui-angular-i18n/-/igniteui-angular-i18n-22.0.0.tgz", - "integrity": "sha512-S4mlSwdHsqPR5cSgpE9vZbqGP97jSna4NzOyF7VMUznWnE9Xp08UjeLefJGP3n71ALalCM4Waxivnk+kGW6mNQ==", + "version": "22.0.6", + "resolved": "https://registry.npmjs.org/igniteui-angular-i18n/-/igniteui-angular-i18n-22.0.6.tgz", + "integrity": "sha512-+UX+rvkNIb3kXpZPrB8VOea1P2DKrwuScGnbrSkuI5JYgQ34/y/K+hf8/av2HYmH4gZ2C0RPcSRe9fnVH87VAg==", "license": "MIT", "dependencies": { "igniteui-i18n-core": "^1.0.2", @@ -10648,9 +10376,9 @@ "license": "MIT" }, "node_modules/igniteui-theming": { - "version": "27.3.0", - "resolved": "https://registry.npmjs.org/igniteui-theming/-/igniteui-theming-27.3.0.tgz", - "integrity": "sha512-9xpPZkMUBSBzA1KzBoXurx61RoaUKW7p/H6CWks+Nh8SehsvAj2j4DSQlT0IR6bb41kRICYVNuyTqMicqLmaLA==", + "version": "27.4.0", + "resolved": "https://registry.npmjs.org/igniteui-theming/-/igniteui-theming-27.4.0.tgz", + "integrity": "sha512-0lxn6jDcPKdEtewxx/q+F0MBGhlfXCx1nzfFRS55GmfcYAexNwAjfjS2MlE+Tc/aN33spDA9GkP6cQNI2s+BdA==", "license": "MIT", "dependencies": { "@modelcontextprotocol/sdk": "^1.28.0", @@ -10671,18 +10399,18 @@ } }, "node_modules/igniteui-trial-watermark": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/igniteui-trial-watermark/-/igniteui-trial-watermark-3.1.0.tgz", - "integrity": "sha512-Nrc8pnLQ8jsppC+P7RyJwiTpU0bIUj0k4BGzo7QtA018/PLSrcsegdHPXuZTiP9DHp6wg7lgBd5n/rNSOavhbg==", + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/igniteui-trial-watermark/-/igniteui-trial-watermark-3.1.2.tgz", + "integrity": "sha512-JoVJiKES0p04S3tFWjAgPcow25DA0b88rq4noGSk9TmTQnnXXLuJca6Fp+YQxL2VhOM5wRlA+BoPPI7IFuYO4A==", "license": "Apache-2.0", "dependencies": { "lit": "^3.3.0" } }, "node_modules/igniteui-webcomponents": { - "version": "7.2.1", - "resolved": "https://registry.npmjs.org/igniteui-webcomponents/-/igniteui-webcomponents-7.2.1.tgz", - "integrity": "sha512-EBd5xWdap0A1bH298zlPQZM0vkjam2F8rgVZZ4t/yjzmOla1ipbRI9yM69m5RNP+6I3ay+9MWR6gcCR2D5NIhQ==", + "version": "7.2.4", + "resolved": "https://registry.npmjs.org/igniteui-webcomponents/-/igniteui-webcomponents-7.2.4.tgz", + "integrity": "sha512-h5hrroBn0kSYCYpj5OH4sKXkFZvdOeqpYnNTKMB5PsqsWexhQICkH5xKjDDj3VPbd135OvzWX5XQN0Nclj2qAQ==", "license": "MIT", "dependencies": { "@floating-ui/dom": "^1.7.0", @@ -10729,23 +10457,10 @@ "node": ">= 4" } }, - "node_modules/ignore-walk": { - "version": "8.0.0", - "resolved": "https://registry.npmjs.org/ignore-walk/-/ignore-walk-8.0.0.tgz", - "integrity": "sha512-FCeMZT4NiRQGh+YkeKMtWrOmBgWjHjMJ26WQWrRQyoyzqevdaGSakUaJW5xQYmjLlUVk2qUnCjYVBax9EKKg8A==", - "dev": true, - "license": "ISC", - "dependencies": { - "minimatch": "^10.0.3" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, "node_modules/immutable": { - "version": "5.1.6", - "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.6.tgz", - "integrity": "sha512-q1swsS8K7L8usSHuOqF2TAoCCkonYz0SG38wLAggaa4Wml70zixIvt2ql4coQ2C2B3hTjltJry4r6bULwgAXLQ==", + "version": "5.1.9", + "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.9.tgz", + "integrity": "sha512-m8nVez3rwrgmWxtLMt1ZYXB2Lv7OKYn/disyxAlSDYAlKSlFoPPfIAmAM/M5xqL4m4C/wAPw7S2/CNaUii1Hxg==", "license": "MIT" }, "node_modules/import-fresh": { @@ -10765,6 +10480,16 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/import-meta-resolve": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-4.2.0.tgz", + "integrity": "sha512-Iqv2fzaTQN28s/FwZAoFq0ZSs/7hMAHJVX+w8PZl3cY19Pxk6jFFalxQoIfW2826i/fDLXv8IiEZRIT0lDuWcg==", + "license": "MIT", + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + }, "node_modules/imurmurhash": { "version": "0.1.4", "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz", @@ -10794,14 +10519,11 @@ "license": "ISC" }, "node_modules/ini": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/ini/-/ini-6.0.0.tgz", - "integrity": "sha512-IBTdIkzZNOpqm7q3dRqJvMaldXjDHWkEDfrwGEQTs5eaQMWV+djAhR+wahyNNMAa+qpbDUhBMVt4ZKNwpPm7xQ==", + "version": "1.3.8", + "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz", + "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==", "dev": true, - "license": "ISC", - "engines": { - "node": "^20.17.0 || >=22.9.0" - } + "license": "ISC" }, "node_modules/internal-slot": { "version": "1.1.0", @@ -10835,9 +10557,9 @@ "license": "MIT" }, "node_modules/ip-address": { - "version": "10.2.0", - "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.2.0.tgz", - "integrity": "sha512-/+S6j4E9AHvW9SWMSEY9Xfy66O5PWvVEJ08O0y5JGyEKQpojb0K0GKpz/v5HJ/G0vi3D2sjGK78119oXZeE0qA==", + "version": "10.4.0", + "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.4.0.tgz", + "integrity": "sha512-oSK96Grm3aP6OrS263xVxbNDGVL7rzBtYdpGqlDG8iQdoenDoTs/nkki+DflYbAEE8Xl6o5YxhxlrKvI3nqKXQ==", "license": "MIT", "engines": { "node": ">= 12" @@ -11014,6 +10736,22 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/is-document.all": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-document.all/-/is-document.all-1.0.0.tgz", + "integrity": "sha512-+XSoyS05OdBbhFuELhgTCpFNHkpBOJqtsZfUFFpe5QTw+9Sjbh8zitxhQkYAo6wV7e1Vb8cAPvpCk9jGam/82g==", + "dev": true, + "license": "MIT", + "dependencies": { + "call-bound": "^1.0.4" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/is-extglob": { "version": "2.1.1", "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", @@ -11358,94 +11096,364 @@ "url": "https://github.com/sponsors/ljharb" } }, - "node_modules/is-weakset": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.4.tgz", - "integrity": "sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==", + "node_modules/is-weakset": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.4.tgz", + "integrity": "sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "call-bound": "^1.0.3", + "get-intrinsic": "^1.2.6" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/is-windows": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz", + "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/isarray": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz", + "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==", + "dev": true, + "license": "MIT" + }, + "node_modules/isbinaryfile": { + "version": "4.0.10", + "resolved": "https://registry.npmjs.org/isbinaryfile/-/isbinaryfile-4.0.10.tgz", + "integrity": "sha512-iHrqe5shvBUcFbmZq9zOQHBoeOhZJu6RQGrDpBgenUm/Am+F3JM2MgQj+rK3Z601fzrL5gLZWtAPH2OBaSVcyw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 8.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/gjtorikian/" + } + }, + "node_modules/isexe": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", + "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==", + "license": "ISC" + }, + "node_modules/isobject": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz", + "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/istanbul-lib-coverage": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz", + "integrity": "sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==", + "dev": true, + "license": "BSD-3-Clause", + "engines": { + "node": ">=8" + } + }, + "node_modules/istanbul-lib-instrument": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-6.0.3.tgz", + "integrity": "sha512-Vtgk7L/R2JHyyGW07spoFlB8/lpjiOLTjMdms6AFMraYt3BaJauod/NGrfnVG/y4Ix1JEuMRPDPEj2ua+zz1/Q==", + "dev": true, + "license": "BSD-3-Clause", + "dependencies": { + "@babel/core": "^7.23.9", + "@babel/parser": "^7.23.9", + "@istanbuljs/schema": "^0.1.3", + "istanbul-lib-coverage": "^3.2.0", + "semver": "^7.5.4" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/istanbul-lib-instrument/node_modules/@babel/code-frame": { + "version": "7.29.7", + "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.7.tgz", + "integrity": "sha512-Aup7aUOfpbAUg2ROOJN6Iw5f9DMBlzu0mIkm/malLQFN/YQgO48wCj0Kxa3sEHJvPVFg7siR+qRInwXd2qhQKw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-validator-identifier": "^7.29.7", + "js-tokens": "^4.0.0", + "picocolors": "^1.1.1" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/istanbul-lib-instrument/node_modules/@babel/compat-data": { + "version": "7.29.7", + "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.7.tgz", + "integrity": "sha512-locTkQyKvwIEgBzVrn8693ebc97F2U8ZHjbXwDXJ5Fn2TCpNwTlKcaKLkdHop5c/icOFE7qt7Q9JC5hnKNa6Gg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/istanbul-lib-instrument/node_modules/@babel/core": { + "version": "7.29.7", + "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.7.tgz", + "integrity": "sha512-RgHBCvtjbOK2gXSNBNIkNoEc9qoVEtau3hj8gEqKQuL3HZAibKarWFEI3Lfm6EYKkLalOh8eSrj9b+ch9H/VBA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/code-frame": "^7.29.7", + "@babel/generator": "^7.29.7", + "@babel/helper-compilation-targets": "^7.29.7", + "@babel/helper-module-transforms": "^7.29.7", + "@babel/helpers": "^7.29.7", + "@babel/parser": "^7.29.7", + "@babel/template": "^7.29.7", + "@babel/traverse": "^7.29.7", + "@babel/types": "^7.29.7", + "@jridgewell/remapping": "^2.3.5", + "convert-source-map": "^2.0.0", + "debug": "^4.1.0", + "gensync": "^1.0.0-beta.2", + "json5": "^2.2.3", + "semver": "^6.3.1" + }, + "engines": { + "node": ">=6.9.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/babel" + } + }, + "node_modules/istanbul-lib-instrument/node_modules/@babel/core/node_modules/semver": { + "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", + "dev": true, + "license": "ISC", + "bin": { + "semver": "bin/semver.js" + } + }, + "node_modules/istanbul-lib-instrument/node_modules/@babel/generator": { + "version": "7.29.8", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.8.tgz", + "integrity": "sha512-gZbepsdh3WDtgZKWL+vTPh71LSBrm/Y4/QDZBVCcYfmeTEEuoOYwlSy+G1StfJg+/Zy550u/3TATbm7qDbbMtg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/parser": "^7.29.8", + "@babel/types": "^7.29.8", + "@jridgewell/gen-mapping": "^0.3.12", + "@jridgewell/trace-mapping": "^0.3.28", + "jsesc": "^3.0.2" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/istanbul-lib-instrument/node_modules/@babel/helper-compilation-targets": { + "version": "7.29.7", + "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.29.7.tgz", + "integrity": "sha512-wem6WaBj4NaVYVdNhLPPVacES6ZJ+KBBfSkTMD3YZxbP3rm3Di85tJU5ljaUNhaOynt+Aj0xruhYuzQBt8n71g==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/compat-data": "^7.29.7", + "@babel/helper-validator-option": "^7.29.7", + "browserslist": "^4.24.0", + "lru-cache": "^5.1.1", + "semver": "^6.3.1" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/istanbul-lib-instrument/node_modules/@babel/helper-compilation-targets/node_modules/semver": { + "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", + "dev": true, + "license": "ISC", + "bin": { + "semver": "bin/semver.js" + } + }, + "node_modules/istanbul-lib-instrument/node_modules/@babel/helper-globals": { + "version": "7.29.7", + "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.29.7.tgz", + "integrity": "sha512-3nQVUAtvkKH9zahfWgw96Jc/uFOmjACE1kQz82E2lqWmHBgjzbNlsC22nuQTfahmWeQtTq5nQ/4Nnd2A1wj4zA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/istanbul-lib-instrument/node_modules/@babel/helper-module-transforms": { + "version": "7.29.7", + "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.29.7.tgz", + "integrity": "sha512-UPUVSyXbOh627KiCIGQSgwWzGeBKLkaJ9PJEdrngIwMSzxLR4jS4+f1f1jb7VzBbg8nFLaYotvVPFCTqdrmTAg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-module-imports": "^7.29.7", + "@babel/helper-validator-identifier": "^7.29.7", + "@babel/traverse": "^7.29.7" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/istanbul-lib-instrument/node_modules/@babel/helper-string-parser": { + "version": "7.29.7", + "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.29.7.tgz", + "integrity": "sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/istanbul-lib-instrument/node_modules/@babel/helper-validator-identifier": { + "version": "7.29.7", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.29.7.tgz", + "integrity": "sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/istanbul-lib-instrument/node_modules/@babel/helper-validator-option": { + "version": "7.29.7", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.29.7.tgz", + "integrity": "sha512-N9ZErrD+yW5geCDtBqnOoxmR8+tNKiGuxKlDpuJxfsqpa2dFcexaziGAE/qoHLiDDreVNMupxGmSoNlyvsA3gw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/istanbul-lib-instrument/node_modules/@babel/helpers": { + "version": "7.29.7", + "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.29.7.tgz", + "integrity": "sha512-1k2lAGRMfHTcwuNYcCNUmaUffmQv8KWMfh2iJUUeRlwlwH4FdNG7mfPI10NPfLHJFThE4Tyr4mv7kTNZOiPuBg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/template": "^7.29.7", + "@babel/types": "^7.29.7" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/istanbul-lib-instrument/node_modules/@babel/parser": { + "version": "7.29.8", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.8.tgz", + "integrity": "sha512-E8lTAYNB1KW+FH+VGJuZM1ioAx2E6oVlvQFRrf5P8ZZmsiJXYAD9vTFV7yyEURNzgh1dFqMZuO6tUwcARbqFCA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/types": "^7.29.8" + }, + "bin": { + "parser": "bin/babel-parser.js" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/istanbul-lib-instrument/node_modules/@babel/template": { + "version": "7.29.7", + "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.29.7.tgz", + "integrity": "sha512-puq+Gf35oI24FeN11LkoUQFqv9uwNeWpxXZi/Ji3rRIoKAzKnxRaZ+Gkj0vKS9ZCiTESfng1N9LyOyXvo+m+Gg==", "dev": true, "license": "MIT", "dependencies": { - "call-bound": "^1.0.3", - "get-intrinsic": "^1.2.6" + "@babel/code-frame": "^7.29.7", + "@babel/parser": "^7.29.7", + "@babel/types": "^7.29.7" }, "engines": { - "node": ">= 0.4" - }, - "funding": { - "url": "https://github.com/sponsors/ljharb" + "node": ">=6.9.0" } }, - "node_modules/is-windows": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz", - "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==", + "node_modules/istanbul-lib-instrument/node_modules/@babel/traverse": { + "version": "7.29.8", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.8.tgz", + "integrity": "sha512-I5z7H3bf/41ktsNVLtpN0wAa336HkqIHQ5BuPLEhTkt1jVSyZpeNKIzTgEWmlxjdg81R0IgUCcaE+Ok3NvrfZg==", "dev": true, "license": "MIT", + "dependencies": { + "@babel/code-frame": "^7.29.7", + "@babel/generator": "^7.29.8", + "@babel/helper-globals": "^7.29.7", + "@babel/parser": "^7.29.8", + "@babel/template": "^7.29.7", + "@babel/types": "^7.29.8", + "debug": "^4.3.1" + }, "engines": { - "node": ">=0.10.0" + "node": ">=6.9.0" } }, - "node_modules/isarray": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz", - "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==", - "dev": true, - "license": "MIT" - }, - "node_modules/isbinaryfile": { - "version": "4.0.10", - "resolved": "https://registry.npmjs.org/isbinaryfile/-/isbinaryfile-4.0.10.tgz", - "integrity": "sha512-iHrqe5shvBUcFbmZq9zOQHBoeOhZJu6RQGrDpBgenUm/Am+F3JM2MgQj+rK3Z601fzrL5gLZWtAPH2OBaSVcyw==", + "node_modules/istanbul-lib-instrument/node_modules/@babel/types": { + "version": "7.29.8", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.8.tgz", + "integrity": "sha512-Vj1jF3cPfxg7OAfoI7QnVKLoILlm2JF9pnVHrX8qx7AHMiYWT+NDAA7jChlNgRS4WTLc/fD1lXLmPixluj+3Gg==", "dev": true, "license": "MIT", - "engines": { - "node": ">= 8.0.0" + "dependencies": { + "@babel/helper-string-parser": "^7.29.7", + "@babel/helper-validator-identifier": "^7.29.7" }, - "funding": { - "url": "https://github.com/sponsors/gjtorikian/" + "engines": { + "node": ">=6.9.0" } }, - "node_modules/isexe": { + "node_modules/istanbul-lib-instrument/node_modules/convert-source-map": { "version": "2.0.0", - "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", - "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==", - "license": "ISC" - }, - "node_modules/isobject": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz", - "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz", + "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==", "dev": true, - "license": "MIT", - "engines": { - "node": ">=0.10.0" - } + "license": "MIT" }, - "node_modules/istanbul-lib-coverage": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz", - "integrity": "sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==", + "node_modules/istanbul-lib-instrument/node_modules/js-tokens": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", + "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==", "dev": true, - "license": "BSD-3-Clause", - "engines": { - "node": ">=8" - } + "license": "MIT" }, - "node_modules/istanbul-lib-instrument": { - "version": "6.0.3", - "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-6.0.3.tgz", - "integrity": "sha512-Vtgk7L/R2JHyyGW07spoFlB8/lpjiOLTjMdms6AFMraYt3BaJauod/NGrfnVG/y4Ix1JEuMRPDPEj2ua+zz1/Q==", + "node_modules/istanbul-lib-instrument/node_modules/lru-cache": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz", + "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==", "dev": true, - "license": "BSD-3-Clause", + "license": "ISC", "dependencies": { - "@babel/core": "^7.23.9", - "@babel/parser": "^7.23.9", - "@istanbuljs/schema": "^0.1.3", - "istanbul-lib-coverage": "^3.2.0", - "semver": "^7.5.4" - }, - "engines": { - "node": ">=10" + "yallist": "^3.0.2" } }, "node_modules/jackspeak": { @@ -11481,24 +11489,24 @@ } }, "node_modules/jose": { - "version": "6.2.3", - "resolved": "https://registry.npmjs.org/jose/-/jose-6.2.3.tgz", - "integrity": "sha512-YYVDInQKFJfR/xa3ojUTl8c2KoTwiL1R5Wg9YCydwH0x0B9grbzlg5HC7mMjCtUJjbQ/YnGEZIhI5tCgfTb4Hw==", + "version": "6.2.8", + "resolved": "https://registry.npmjs.org/jose/-/jose-6.2.8.tgz", + "integrity": "sha512-Bsdjwm3Qsd/P0jR+BHDe3LytDfY7WBq2HmCCLIwuVRHMuEC9ae7/R474GIUdF1NgCyZjzVo/A9DOiOBtXq8ZoQ==", "license": "MIT", "funding": { "url": "https://github.com/sponsors/panva" } }, "node_modules/js-tokens": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", - "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==", + "version": "10.0.0", + "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-10.0.0.tgz", + "integrity": "sha512-lM/UBzQmfJRo9ABXbPWemivdCW8V2G8FHaHdypQaIy523snUjog0W71ayWXTjiR+ixeMyVHN2XcpnTd/liPg/Q==", "license": "MIT" }, "node_modules/js-yaml": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.2.0.tgz", - "integrity": "sha512-ePWsvanv0DWuDRsW8dnt+R4jQ31SCRCQ7hhNcPXZPsoBZiemuZNYGf7adZdqX2D86j6rvKp3RpCxVTSb8WQlOw==", + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.3.1.tgz", + "integrity": "sha512-CY6crGq313MX8GkwvB7tzgp99vjQxY1++5y10/BKN/GUfHqWaOGQMNZkBvqSzsZKWk/ijwHlWzzkLulsGHhjWQ==", "dev": true, "funding": [ { @@ -11519,9 +11527,9 @@ } }, "node_modules/jsdoc-type-pratt-parser": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/jsdoc-type-pratt-parser/-/jsdoc-type-pratt-parser-7.2.0.tgz", - "integrity": "sha512-dh140MMgjyg3JhJZY/+iEzW+NO5xR2gpbDFKHqotCmexElVntw7GjWjt511+C/Ef02RU5TKYrJo/Xlzk+OLaTw==", + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/jsdoc-type-pratt-parser/-/jsdoc-type-pratt-parser-8.0.0.tgz", + "integrity": "sha512-uQu/fXVqVaMg6gM8/E5G5+eygVcZ1NV0Z51CvqhNa2bDWxvHMl484ETr6vph4oPyC+KUcbP/w2W2pewfCiR9aQ==", "dev": true, "license": "MIT", "engines": { @@ -11547,16 +11555,6 @@ "dev": true, "license": "MIT" }, - "node_modules/json-parse-even-better-errors": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-5.0.0.tgz", - "integrity": "sha512-ZF1nxZ28VhQouRWhUcVlUIN3qwSgPuswK05s/HIaoetAoE/9tngVmCHjSxmSQPav1nd+lPtTL0YZ/2AFdR/iYQ==", - "dev": true, - "license": "MIT", - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, "node_modules/json-schema-traverse": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz", @@ -11605,16 +11603,6 @@ "graceful-fs": "^4.1.6" } }, - "node_modules/jsonparse": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/jsonparse/-/jsonparse-1.3.1.tgz", - "integrity": "sha512-POQXvpdL69+CluYsillJ7SUhKvytYjW9vG/GKpnf+xP8UWgYEM/RaMzHHofbALDiKbbP1W8UEYmgGl39WkPZsg==", - "dev": true, - "engines": [ - "node >= 0.2.0" - ], - "license": "MIT" - }, "node_modules/jspdf": { "version": "4.2.1", "resolved": "https://registry.npmjs.org/jspdf/-/jspdf-4.2.1.tgz", @@ -11763,9 +11751,9 @@ "license": "MIT" }, "node_modules/karma/node_modules/brace-expansion": { - "version": "1.1.15", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.15.tgz", - "integrity": "sha512-EwOCDEex4quD37XhqM3omwtMoJjr//isUZz1JopUNWms+4Z2ViyM/k1YIRePpoVNnQhENnxtFjLaxNHrT7xIUg==", + "version": "1.1.18", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.18.tgz", + "integrity": "sha512-Edep/X9fGqVNmzKBVsDYIOtD+z1tuezV70LBjdCst9Tqu76lsnvRiZ6oTic1n+/BIwX6QDGAO94PN4N2SADvtw==", "dev": true, "license": "MIT", "dependencies": { @@ -11946,9 +11934,9 @@ } }, "node_modules/karma/node_modules/yargs": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz", - "integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==", + "version": "16.2.2", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.2.tgz", + "integrity": "sha512-Nt9ZJjXTv5R8MHbqby/wXQ6Gi0Bb3TcYZkR1bzuL4yB2OxWPkXknz513gEF0GoA6tn00UpbPvERW8rzCuWCA6w==", "dev": true, "license": "MIT", "dependencies": { @@ -12326,6 +12314,7 @@ "integrity": "sha512-7I5knELsJKTUjXG+A6BkKAiGkW1i25fNa/xlUl9hFtk15WbE9jndA89xu5FzQKrY5llajE1hfZZFMILXkDHk/Q==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "cli-truncate": "^5.2.0", "eventemitter3": "^5.0.4", @@ -12342,7 +12331,8 @@ "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.4.tgz", "integrity": "sha512-mlsTRyGaPBjPedk6Bvw+aqbsXDtoAyAzm5MO7JgU+yVRyMQ5O8bD4Kcci7BS85f93veegeCPkL8R4GLClnjLFw==", "dev": true, - "license": "MIT" + "license": "MIT", + "peer": true }, "node_modules/lit": { "version": "3.3.3", @@ -12376,9 +12366,9 @@ } }, "node_modules/lmdb": { - "version": "3.5.4", - "resolved": "https://registry.npmjs.org/lmdb/-/lmdb-3.5.4.tgz", - "integrity": "sha512-9FKQA6G1MMtqNxfxvSBNXD/axeG2QRjYbNh0/ykRL5xYcRbCm2vXq7B9bhc7nSuKdHzr8/BHIwfPuYYH1UsXXw==", + "version": "3.5.6", + "resolved": "https://registry.npmjs.org/lmdb/-/lmdb-3.5.6.tgz", + "integrity": "sha512-j3uE8ReKNyUWDjhfEFSJqE/1DLtfTR5Z8yFzVHvBjAk37wNg7HdScjcv8ttPHRvrdgPQMPWxFFI0SsdBzI5lBw==", "dev": true, "hasInstallScript": true, "license": "MIT", @@ -12395,13 +12385,13 @@ "download-lmdb-prebuilds": "bin/download-prebuilds.js" }, "optionalDependencies": { - "@lmdb/lmdb-darwin-arm64": "3.5.4", - "@lmdb/lmdb-darwin-x64": "3.5.4", - "@lmdb/lmdb-linux-arm": "3.5.4", - "@lmdb/lmdb-linux-arm64": "3.5.4", - "@lmdb/lmdb-linux-x64": "3.5.4", - "@lmdb/lmdb-win32-arm64": "3.5.4", - "@lmdb/lmdb-win32-x64": "3.5.4" + "@lmdb/lmdb-darwin-arm64": "3.5.6", + "@lmdb/lmdb-darwin-x64": "3.5.6", + "@lmdb/lmdb-linux-arm": "3.5.6", + "@lmdb/lmdb-linux-arm64": "3.5.6", + "@lmdb/lmdb-linux-x64": "3.5.6", + "@lmdb/lmdb-win32-arm64": "3.5.6", + "@lmdb/lmdb-win32-x64": "3.5.6" } }, "node_modules/locate-path": { @@ -12568,18 +12558,19 @@ } }, "node_modules/lru-cache": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz", - "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==", - "license": "ISC", - "dependencies": { - "yallist": "^3.0.2" + "version": "11.5.2", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.2.tgz", + "integrity": "sha512-4pfM1Ff0x50o0tQwb5ucw/RzNyD0/YJME6IVcStalZuMWxdt3sR3huStTtxz4PUmvZfRguvDejasvQ2kifR11g==", + "license": "BlueOak-1.0.0", + "engines": { + "node": "20 || >=22" } }, "node_modules/magic-string": { - "version": "0.30.21", - "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz", - "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==", + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-1.0.0.tgz", + "integrity": "sha512-CGvjzMN08iv6w1mm4/x3Gh1hLb4VnyRUA15FFpl6CsCIGGoe36k7kY5KNz9QDbSBN5I/fWHM6ZlIkUTa5xdUEA==", + "dev": true, "license": "MIT", "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.5" @@ -12592,40 +12583,6 @@ "dev": true, "license": "ISC" }, - "node_modules/make-fetch-happen": { - "version": "15.0.6", - "resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-15.0.6.tgz", - "integrity": "sha512-Je0fLJ0F5atA7F+eIlLzk+Wkcl57JDf4kf+EW8xiP5E31xOQxkIxTbgf1Oi1Lw9tRI9UEMRdI5Vz2xTzoNU1Jw==", - "dev": true, - "license": "ISC", - "dependencies": { - "@gar/promise-retry": "^1.0.0", - "@npmcli/agent": "^4.0.0", - "@npmcli/redact": "^4.0.0", - "cacache": "^20.0.1", - "http-cache-semantics": "^4.1.1", - "minipass": "^7.0.2", - "minipass-fetch": "^5.0.0", - "minipass-flush": "^1.0.5", - "minipass-pipeline": "^1.2.4", - "negotiator": "^1.0.0", - "proc-log": "^6.0.0", - "ssri": "^13.0.0" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, - "node_modules/make-fetch-happen/node_modules/negotiator": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-1.0.0.tgz", - "integrity": "sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">= 0.6" - } - }, "node_modules/map-cache": { "version": "0.2.2", "resolved": "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz", @@ -12886,13 +12843,13 @@ } }, "node_modules/minimatch": { - "version": "10.2.5", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.5.tgz", - "integrity": "sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==", + "version": "10.2.6", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.6.tgz", + "integrity": "sha512-vpLQEs+VLCr1nU0BXS07maYoFwlDAH0gngQuuttxIwutDFEMHq2blX+8vpgxDdK3J1PwjCJiep77OitTZ4Ll1A==", "dev": true, "license": "BlueOak-1.0.0", "dependencies": { - "brace-expansion": "^5.0.5" + "brace-expansion": "^5.0.8" }, "engines": { "node": "18 || 20 || >=22" @@ -12921,135 +12878,12 @@ "node": ">=16 || 14 >=14.17" } }, - "node_modules/minipass-collect": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/minipass-collect/-/minipass-collect-2.0.1.tgz", - "integrity": "sha512-D7V8PO9oaz7PWGLbCACuI1qEOsq7UKfLotx/C0Aet43fCUB/wfQ7DYeq2oR/svFJGYDHPr38SHATeaj/ZoKHKw==", - "dev": true, - "license": "ISC", - "dependencies": { - "minipass": "^7.0.3" - }, - "engines": { - "node": ">=16 || 14 >=14.17" - } - }, - "node_modules/minipass-fetch": { - "version": "5.0.2", - "resolved": "https://registry.npmjs.org/minipass-fetch/-/minipass-fetch-5.0.2.tgz", - "integrity": "sha512-2d0q2a8eCi2IRg/IGubCNRJoYbA1+YPXAzQVRFmB45gdGZafyivnZ5YSEfo3JikbjGxOdntGFvBQGqaSMXlAFQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "minipass": "^7.0.3", - "minipass-sized": "^2.0.0", - "minizlib": "^3.0.1" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - }, - "optionalDependencies": { - "iconv-lite": "^0.7.2" - } - }, - "node_modules/minipass-flush": { - "version": "1.0.7", - "resolved": "https://registry.npmjs.org/minipass-flush/-/minipass-flush-1.0.7.tgz", - "integrity": "sha512-TbqTz9cUwWyHS2Dy89P3ocAGUGxKjjLuR9z8w4WUTGAVgEj17/4nhgo2Du56i0Fm3Pm30g4iA8Lcqctc76jCzA==", - "dev": true, - "license": "BlueOak-1.0.0", - "dependencies": { - "minipass": "^3.0.0" - }, - "engines": { - "node": ">= 8" - } - }, - "node_modules/minipass-flush/node_modules/minipass": { - "version": "3.3.6", - "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz", - "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==", - "dev": true, - "license": "ISC", - "dependencies": { - "yallist": "^4.0.0" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/minipass-flush/node_modules/yallist": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", - "dev": true, - "license": "ISC" - }, - "node_modules/minipass-pipeline": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/minipass-pipeline/-/minipass-pipeline-1.2.4.tgz", - "integrity": "sha512-xuIq7cIOt09RPRJ19gdi4b+RiNvDFYe5JH+ggNvBqGqpQXcru3PcRmOZuHBKWK1Txf9+cQ+HMVN4d6z46LZP7A==", - "dev": true, - "license": "ISC", - "dependencies": { - "minipass": "^3.0.0" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/minipass-pipeline/node_modules/minipass": { - "version": "3.3.6", - "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz", - "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==", - "dev": true, - "license": "ISC", - "dependencies": { - "yallist": "^4.0.0" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/minipass-pipeline/node_modules/yallist": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", - "dev": true, - "license": "ISC" - }, - "node_modules/minipass-sized": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/minipass-sized/-/minipass-sized-2.0.0.tgz", - "integrity": "sha512-zSsHhto5BcUVM2m1LurnXY6M//cGhVaegT71OfOXoprxT6o780GZd792ea6FfrQkuU4usHZIUczAQMRUE2plzA==", - "dev": true, - "license": "ISC", - "dependencies": { - "minipass": "^7.1.2" - }, - "engines": { - "node": ">=8" - } - }, "node_modules/minireset.css": { "version": "0.0.6", "resolved": "https://registry.npmjs.org/minireset.css/-/minireset.css-0.0.6.tgz", "integrity": "sha512-aluj16Tc1KhEYGDa/tedYzIbZ2Ax/JR25MUQzGkqOrcw/P5OPSlwNNrlLpdULu0xFNnxu2SRHx4rKiIMq3iSTQ==", "license": "MIT" }, - "node_modules/minizlib": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-3.1.0.tgz", - "integrity": "sha512-KZxYo1BUkWD2TVFLr0MQoM8vUUigWD3LlD83a/75BqC+4qE0Hb1Vo5v1FgcfaNXvfXzr+5EhQ6ing/CaBijTlw==", - "dev": true, - "license": "MIT", - "dependencies": { - "minipass": "^7.1.2" - }, - "engines": { - "node": ">= 18" - } - }, "node_modules/mkdirp": { "version": "0.5.6", "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz", @@ -13140,9 +12974,9 @@ } }, "node_modules/nanoid": { - "version": "3.3.12", - "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.12.tgz", - "integrity": "sha512-ZB9RH/39qpq5Vu6Y+NmUaFhQR6pp+M2Xt76XBnEwDaGcVAqhlvxrl3B2bKS5D3NH3QR76v3aSrKaF/Kiy7lEtQ==", + "version": "3.3.17", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.17.tgz", + "integrity": "sha512-xQLf0A3HOMlgHq0n247/LRuAOYmB7dXJ/DvAxGvsSBij45XtBSmQycu+F8ODbHwns/XyFZagyL1+J0Offw1E0g==", "funding": [ { "type": "github", @@ -13204,9 +13038,9 @@ "optional": true }, "node_modules/node-exports-info": { - "version": "1.6.0", - "resolved": "https://registry.npmjs.org/node-exports-info/-/node-exports-info-1.6.0.tgz", - "integrity": "sha512-pyFS63ptit/P5WqUkt+UUfe+4oevH+bFeIiPPdfb0pFeYEu/1ELnJu5l+5EcTKYL5M7zaAa7S8ddywgXypqKCw==", + "version": "1.6.2", + "resolved": "https://registry.npmjs.org/node-exports-info/-/node-exports-info-1.6.2.tgz", + "integrity": "sha512-kXs9Go0cah0qHVV2v389IXQLdLCeE1xfFtjOAF+iobu0OIoG1pje8At2vMHyaPMiPMnG/LWP50twML21eMcAag==", "dev": true, "license": "MIT", "dependencies": { @@ -13238,43 +13072,18 @@ "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==", "license": "MIT", "dependencies": { - "whatwg-url": "^5.0.0" - }, - "engines": { - "node": "4.x || >=6.0.0" - }, - "peerDependencies": { - "encoding": "^0.1.0" - }, - "peerDependenciesMeta": { - "encoding": { - "optional": true - } - } - }, - "node_modules/node-gyp": { - "version": "12.4.0", - "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-12.4.0.tgz", - "integrity": "sha512-OMcPNvqTCFUnNaBlmdgq+lfNqY7gTiSmNRDjY3uAXRyudeKZEZxu3CLtjMQrx4zZxCX2b/mpNqTtwuCJgXhHkw==", - "dev": true, - "license": "MIT", - "dependencies": { - "env-paths": "^2.2.0", - "exponential-backoff": "^3.1.1", - "graceful-fs": "^4.2.6", - "nopt": "^9.0.0", - "proc-log": "^6.0.0", - "semver": "^7.3.5", - "tar": "^7.5.4", - "tinyglobby": "^0.2.12", - "undici": "^6.25.0", - "which": "^6.0.0" - }, - "bin": { - "node-gyp": "bin/node-gyp.js" + "whatwg-url": "^5.0.0" }, "engines": { - "node": "^20.17.0 || >=22.9.0" + "node": "4.x || >=6.0.0" + }, + "peerDependencies": { + "encoding": "^0.1.0" + }, + "peerDependenciesMeta": { + "encoding": { + "optional": true + } } }, "node_modules/node-gyp-build-optional-packages": { @@ -13293,57 +13102,15 @@ "node-gyp-build-optional-packages-test": "build-test.js" } }, - "node_modules/node-gyp/node_modules/isexe": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/isexe/-/isexe-4.0.0.tgz", - "integrity": "sha512-FFUtZMpoZ8RqHS3XeXEmHWLA4thH+ZxCv2lOiPIn1Xc7CxrqhWzNSDzD+/chS/zbYezmiwWLdQC09JdQKmthOw==", - "dev": true, - "license": "BlueOak-1.0.0", - "engines": { - "node": ">=20" - } - }, - "node_modules/node-gyp/node_modules/which": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/which/-/which-6.0.1.tgz", - "integrity": "sha512-oGLe46MIrCRqX7ytPUf66EAYvdeMIZYn3WaocqqKZAxrBpkqHfL/qvTyJ/bTk5+AqHCjXmrv3CEWgy368zhRUg==", - "dev": true, - "license": "ISC", - "dependencies": { - "isexe": "^4.0.0" - }, - "bin": { - "node-which": "bin/which.js" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, "node_modules/node-releases": { - "version": "2.0.47", - "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.47.tgz", - "integrity": "sha512-Uzmd6LXpouKo8EUK68IjH4+E01w/hXyV3R3g/geCJo+rXLNfh1xucB+LOzYEOQPSiUK3h/xZf0cQGcSsmyL2Og==", + "version": "2.0.52", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.52.tgz", + "integrity": "sha512-MRlTqhAfoMx/4mhEbPo3Hi02g9LJZaJkka69V6h67Cb1gjrAG0jsTE4CZX1eptNx+VCAwJmfpnDIF4P0Nh1A7A==", "license": "MIT", "engines": { "node": ">=18" } }, - "node_modules/nopt": { - "version": "9.0.0", - "resolved": "https://registry.npmjs.org/nopt/-/nopt-9.0.0.tgz", - "integrity": "sha512-Zhq3a+yFKrYwSBluL4H9XP3m3y5uvQkB/09CwDruCiRmR/UJYnn9W4R48ry0uGC70aeTPKLynBtscP9efFFcPw==", - "dev": true, - "license": "ISC", - "dependencies": { - "abbrev": "^4.0.0" - }, - "bin": { - "nopt": "bin/nopt.js" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, "node_modules/normalize-path": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", @@ -13367,106 +13134,20 @@ "node": ">= 10.13.0" } }, - "node_modules/npm-bundled": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/npm-bundled/-/npm-bundled-5.0.0.tgz", - "integrity": "sha512-JLSpbzh6UUXIEoqPsYBvVNVmyrjVZ1fzEFbqxKkTJQkWBO3xFzFT+KDnSKQWwOQNbuWRwt5LSD6HOTLGIWzfrw==", - "dev": true, - "license": "ISC", - "dependencies": { - "npm-normalize-package-bin": "^5.0.0" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, - "node_modules/npm-install-checks": { - "version": "8.0.0", - "resolved": "https://registry.npmjs.org/npm-install-checks/-/npm-install-checks-8.0.0.tgz", - "integrity": "sha512-ScAUdMpyzkbpxoNekQ3tNRdFI8SJ86wgKZSQZdUxT+bj0wVFpsEMWnkXP0twVe1gJyNF5apBWDJhhIbgrIViRA==", - "dev": true, - "license": "BSD-2-Clause", - "dependencies": { - "semver": "^7.1.1" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, - "node_modules/npm-normalize-package-bin": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/npm-normalize-package-bin/-/npm-normalize-package-bin-5.0.0.tgz", - "integrity": "sha512-CJi3OS4JLsNMmr2u07OJlhcrPxCeOeP/4xq67aWNai6TNWWbTrlNDgl8NcFKVlcBKp18GPj+EzbNIgrBfZhsag==", - "dev": true, - "license": "ISC", - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, "node_modules/npm-package-arg": { - "version": "13.0.2", - "resolved": "https://registry.npmjs.org/npm-package-arg/-/npm-package-arg-13.0.2.tgz", - "integrity": "sha512-IciCE3SY3uE84Ld8WZU23gAPPV9rIYod4F+rc+vJ7h7cwAJt9Vk6TVsK60ry7Uj3SRS3bqRRIGuTp9YVlk6WNA==", + "version": "14.0.0", + "resolved": "https://registry.npmjs.org/npm-package-arg/-/npm-package-arg-14.0.0.tgz", + "integrity": "sha512-69XQh3k+dtGa1p+7RaR57IuG3rCko96xr/nUfN4yDYBXbTYICiWcOpsFKLN2GtGE9cyIljE+f1exnaYt9MvM+Q==", "dev": true, "license": "ISC", "dependencies": { - "hosted-git-info": "^9.0.0", - "proc-log": "^6.0.0", + "hosted-git-info": "^10.1.0", + "proc-log": "^7.0.0", "semver": "^7.3.5", - "validate-npm-package-name": "^7.0.0" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, - "node_modules/npm-packlist": { - "version": "10.0.4", - "resolved": "https://registry.npmjs.org/npm-packlist/-/npm-packlist-10.0.4.tgz", - "integrity": "sha512-uMW73iajD8hiH4ZBxEV3HC+eTnppIqwakjOYuvgddnalIw2lJguKviK1pcUJDlIWm1wSJkchpDZDSVVsZEYRng==", - "dev": true, - "license": "ISC", - "dependencies": { - "ignore-walk": "^8.0.0", - "proc-log": "^6.0.0" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, - "node_modules/npm-pick-manifest": { - "version": "11.0.3", - "resolved": "https://registry.npmjs.org/npm-pick-manifest/-/npm-pick-manifest-11.0.3.tgz", - "integrity": "sha512-buzyCfeoGY/PxKqmBqn1IUJrZnUi1VVJTdSSRPGI60tJdUhUoSQFhs0zycJokDdOznQentgrpf8LayEHyyYlqQ==", - "dev": true, - "license": "ISC", - "dependencies": { - "npm-install-checks": "^8.0.0", - "npm-normalize-package-bin": "^5.0.0", - "npm-package-arg": "^13.0.0", - "semver": "^7.3.5" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, - "node_modules/npm-registry-fetch": { - "version": "19.1.1", - "resolved": "https://registry.npmjs.org/npm-registry-fetch/-/npm-registry-fetch-19.1.1.tgz", - "integrity": "sha512-TakBap6OM1w0H73VZVDf44iFXsOS3h+L4wVMXmbWOQroZgFhMch0juN6XSzBNlD965yIKvWg2dfu7NSiaYLxtw==", - "dev": true, - "license": "ISC", - "dependencies": { - "@npmcli/redact": "^4.0.0", - "jsonparse": "^1.3.1", - "make-fetch-happen": "^15.0.0", - "minipass": "^7.0.2", - "minipass-fetch": "^5.0.0", - "minizlib": "^3.0.1", - "npm-package-arg": "^13.0.0", - "proc-log": "^6.0.0" + "validate-npm-package-name": "^8.0.0" }, "engines": { - "node": "^20.17.0 || >=22.9.0" + "node": "^22.22.2 || ^24.15.0 || >=26.0.0" } }, "node_modules/nth-check": { @@ -13639,6 +13320,19 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/obug": { + "version": "2.1.4", + "resolved": "https://registry.npmjs.org/obug/-/obug-2.1.4.tgz", + "integrity": "sha512-4a+OsYv9UktOJKE+l1A4OufDgdRF9PifWj+tJnHURo/P+WOxpG4GzUFL9qCalmWauao6ogiG+QvnCovwPoyAWA==", + "funding": [ + "https://github.com/sponsors/sxzz", + "https://opencollective.com/debug" + ], + "license": "MIT", + "engines": { + "node": ">=12.20.0" + } + }, "node_modules/on-finished": { "version": "2.4.1", "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz", @@ -13722,9 +13416,9 @@ } }, "node_modules/ora": { - "version": "9.4.0", - "resolved": "https://registry.npmjs.org/ora/-/ora-9.4.0.tgz", - "integrity": "sha512-84cglkRILFxdtA8hAvLNdMrtBpPNBTrQ9/ulg0FA7xLMnD6mifv+enAIeRmvtv+WgdCE+LPGOfQmtJRrVaIVhQ==", + "version": "9.4.1", + "resolved": "https://registry.npmjs.org/ora/-/ora-9.4.1.tgz", + "integrity": "sha512-6VlU9MLXbjVQD04AZCMX28hVtA5bUoadvUqO76MUCVA0ilwJbMiHsITRPfyVm6p/BC0Av/BXMujx39WCe1LEqw==", "dev": true, "license": "MIT", "dependencies": { @@ -13758,9 +13452,9 @@ } }, "node_modules/ora/node_modules/string-width": { - "version": "8.2.1", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-8.2.1.tgz", - "integrity": "sha512-IIaP0g3iy9Cyy18w3M9YcaDudujEAVHKt3a3QJg1+sr/oX96TbaGUubG0hJyCjCBThFH+tFpcIyoUHUn1ogaLA==", + "version": "8.2.2", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-8.2.2.tgz", + "integrity": "sha512-GaPUh5gfdrYzqeVNZvUfT23vYYxXzKYidUcnMtJg/3rxRV63EFZy3k6xfKlmfeJD0176lnUV/Usr3XcwSvFzpg==", "dev": true, "license": "MIT", "dependencies": { @@ -13783,13 +13477,14 @@ "optional": true }, "node_modules/own-keys": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/own-keys/-/own-keys-1.0.1.tgz", - "integrity": "sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==", + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/own-keys/-/own-keys-1.0.2.tgz", + "integrity": "sha512-19YVAg7T+WTrxggPukVq7DjTv6+PJ867TmhCvBsYwmbFCsZd344rq2Ld1p0wo8f8Qrrhgp82c6FJRqdXWtSEhg==", "dev": true, "license": "MIT", "dependencies": { - "get-intrinsic": "^1.2.6", + "call-bound": "^1.0.4", + "get-intrinsic": "^1.3.0", "object-keys": "^1.1.1", "safe-push-apply": "^1.0.0" }, @@ -13800,6 +13495,44 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/oxc-parser": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/oxc-parser/-/oxc-parser-0.142.0.tgz", + "integrity": "sha512-kKR+jPiRJYJDexVoziIg/FVGvr1fT1FZSSJOk6tVoMKKSlsf1Cso+cgGCJkOEDWOP174vRntCPFKg+AS7InWvw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@oxc-project/types": "^0.142.0" + }, + "engines": { + "node": "^20.19.0 || >=22.12.0" + }, + "funding": { + "url": "https://github.com/sponsors/Boshen" + }, + "optionalDependencies": { + "@oxc-parser/binding-android-arm-eabi": "0.142.0", + "@oxc-parser/binding-android-arm64": "0.142.0", + "@oxc-parser/binding-darwin-arm64": "0.142.0", + "@oxc-parser/binding-darwin-x64": "0.142.0", + "@oxc-parser/binding-freebsd-x64": "0.142.0", + "@oxc-parser/binding-linux-arm-gnueabihf": "0.142.0", + "@oxc-parser/binding-linux-arm-musleabihf": "0.142.0", + "@oxc-parser/binding-linux-arm64-gnu": "0.142.0", + "@oxc-parser/binding-linux-arm64-musl": "0.142.0", + "@oxc-parser/binding-linux-ppc64-gnu": "0.142.0", + "@oxc-parser/binding-linux-riscv64-gnu": "0.142.0", + "@oxc-parser/binding-linux-riscv64-musl": "0.142.0", + "@oxc-parser/binding-linux-s390x-gnu": "0.142.0", + "@oxc-parser/binding-linux-x64-gnu": "0.142.0", + "@oxc-parser/binding-linux-x64-musl": "0.142.0", + "@oxc-parser/binding-openharmony-arm64": "0.142.0", + "@oxc-parser/binding-wasm32-wasi": "0.142.0", + "@oxc-parser/binding-win32-arm64-msvc": "0.142.0", + "@oxc-parser/binding-win32-ia32-msvc": "0.142.0", + "@oxc-parser/binding-win32-x64-msvc": "0.142.0" + } + }, "node_modules/p-limit": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz", @@ -13832,19 +13565,6 @@ "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/p-map": { - "version": "7.0.4", - "resolved": "https://registry.npmjs.org/p-map/-/p-map-7.0.4.tgz", - "integrity": "sha512-tkAQEw8ysMzmkhgw8k+1U/iPhWNhykKnSk4Rd5zLoPJCuJaGRPo6YposrZgaxHKzDHdDWWZvE/Sk7hsL2X/CpQ==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=18" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/package-json-from-dist": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz", @@ -13852,42 +13572,20 @@ "dev": true, "license": "BlueOak-1.0.0" }, - "node_modules/pacote": { - "version": "21.5.0", - "resolved": "https://registry.npmjs.org/pacote/-/pacote-21.5.0.tgz", - "integrity": "sha512-VtZ0SB8mb5Tzw3dXDfVAIjhyVKUHZkS/ZH9/5mpKenwC9sFOXNI0JI7kEF7IMkwOnsWMFrvAZHzx1T5fmrp9FQ==", - "dev": true, - "license": "ISC", - "dependencies": { - "@gar/promise-retry": "^1.0.0", - "@npmcli/git": "^7.0.0", - "@npmcli/installed-package-contents": "^4.0.0", - "@npmcli/package-json": "^7.0.0", - "@npmcli/promise-spawn": "^9.0.0", - "@npmcli/run-script": "^10.0.0", - "cacache": "^20.0.0", - "fs-minipass": "^3.0.0", - "minipass": "^7.0.2", - "npm-package-arg": "^13.0.0", - "npm-packlist": "^10.0.1", - "npm-pick-manifest": "^11.0.1", - "npm-registry-fetch": "^19.0.0", - "proc-log": "^6.0.0", - "sigstore": "^4.0.0", - "ssri": "^13.0.0", - "tar": "^7.4.3" - }, - "bin": { - "pacote": "bin/index.js" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, "node_modules/pako": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/pako/-/pako-2.1.0.tgz", - "integrity": "sha512-w+eufiZ1WuJYgPXbV/PO3NCMEc3xqylkKHzp8bxp1uW4qaSNQUkwmLLEc3kKsfz8lpV1F8Ht3U1Cm+9Srog2ug==", + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/pako/-/pako-2.2.0.tgz", + "integrity": "sha512-zJq6RP/5q+TO2OpFV3FHzlPnFjmkb7Nc99a5SNjJE+uu/PkpChs+NIZSSzbBoD+6kjiISXjfYdwj1ZRQ81dz/w==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/puzrin" + }, + { + "type": "github", + "url": "https://github.com/sponsors/nodeca" + } + ], "license": "(MIT AND Zlib)" }, "node_modules/parent-module": { @@ -14095,16 +13793,6 @@ "url": "https://github.com/sponsors/isaacs" } }, - "node_modules/path-scurry/node_modules/lru-cache": { - "version": "11.5.1", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.1.tgz", - "integrity": "sha512-RPimw/7aMdv2oqRrxKwvZXcPfwBrn/JZ2xYcY9Hus/6LaS3VOAKVWKWgNLCFSiOm1ESXinjsDlidVU7JlnCN2A==", - "dev": true, - "license": "BlueOak-1.0.0", - "engines": { - "node": "20 || >=22" - } - }, "node_modules/path-to-regexp": { "version": "0.1.13", "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.13.tgz", @@ -14138,9 +13826,9 @@ "license": "ISC" }, "node_modules/picomatch": { - "version": "4.0.4", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz", - "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==", + "version": "4.0.5", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.5.tgz", + "integrity": "sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==", "license": "MIT", "engines": { "node": ">=12" @@ -14150,9 +13838,9 @@ } }, "node_modules/piscina": { - "version": "5.1.4", - "resolved": "https://registry.npmjs.org/piscina/-/piscina-5.1.4.tgz", - "integrity": "sha512-7uU4ZnKeQq22t9AsmHGD2w4OYQGonwFnTypDypaWi7Qr2EvQIFVtG8J5D/3bE7W123Wdc9+v4CZDu5hJXVCtBg==", + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/piscina/-/piscina-5.2.0.tgz", + "integrity": "sha512-DszUCKeVN/5G5QKo6jAVHL8fmKnkJvQ0ACiVgY7YGCq3TUB2oznAOayvZPIAdEThvhczkXR+qm3IHsNXpFCYfA==", "dev": true, "license": "MIT", "engines": { @@ -14182,9 +13870,9 @@ } }, "node_modules/postcss": { - "version": "8.5.15", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.15.tgz", - "integrity": "sha512-FfR8sjd4em2T6fb3I2MwAJU7HWVMr9zba+enmQeeWFfCbm+UOC/0X4DS8XtpUTMwWMGbjKYP7xjfNekzyGmB3A==", + "version": "8.5.25", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.25.tgz", + "integrity": "sha512-DTPx3RWSSnWyzLxQnlH0rJP+EW5ekl16ZU4/psbIhA0e53kJfdgaN5vKM+xP7yJtXVu+nfdVFmlgFDEKAe4Pyw==", "funding": [ { "type": "opencollective", @@ -14201,7 +13889,7 @@ ], "license": "MIT", "dependencies": { - "nanoid": "^3.3.12", + "nanoid": "^3.3.16", "picocolors": "^1.1.1", "source-map-js": "^1.2.1" }, @@ -14254,13 +13942,13 @@ } }, "node_modules/proc-log": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/proc-log/-/proc-log-6.1.0.tgz", - "integrity": "sha512-iG+GYldRf2BQ0UDUAd6JQ/RwzaQy6mXmsk/IzlYyal4A4SNFw54MeH4/tLkF4I5WoWG9SQwuqWzS99jaFQHBuQ==", + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/proc-log/-/proc-log-7.0.0.tgz", + "integrity": "sha512-FYgfaA69XZ93zaXLoMNQ+ViDXGGBgR8aLh03txzcFhV+9xOXx7+8DLCULrKKpR9+GsH9ZfHm82aSUPpozX0Ztg==", "dev": true, "license": "ISC", "engines": { - "node": "^20.17.0 || >=22.9.0" + "node": "^22.22.2 || ^24.15.0 || >=26.0.0" } }, "node_modules/process-nextick-args": { @@ -14293,6 +13981,24 @@ "node": ">= 0.10" } }, + "node_modules/proxy-agent-negotiate": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/proxy-agent-negotiate/-/proxy-agent-negotiate-1.1.0.tgz", + "integrity": "sha512-N8IBcM3UgCVzz2L2Lqv8DVntDnnC8/hiV4nEDUPkqq72TPUgYWjQc+bdZlBPZK9LzPAvOY//gAt0S0DApoOXWQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 20" + }, + "peerDependencies": { + "kerberos": "^2.0.0" + }, + "peerDependenciesMeta": { + "kerberos": { + "optional": true + } + } + }, "node_modules/psl": { "version": "1.15.0", "resolved": "https://registry.npmjs.org/psl/-/psl-1.15.0.tgz", @@ -14332,12 +14038,13 @@ } }, "node_modules/qs": { - "version": "6.15.2", - "resolved": "https://registry.npmjs.org/qs/-/qs-6.15.2.tgz", - "integrity": "sha512-Rzq0KEyX/w/tEybncDgdkZrJgVUsUMk3xjh3t5bv3S1HTAtg+uOYt72+ZfwiQwKdysThkTBdL/rTi6HDmX9Ddw==", + "version": "6.15.3", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.15.3.tgz", + "integrity": "sha512-O9gl3zCl5h5blw1KGUzQKhA5oUXSl8rwUIM5o0S3nCXMliSvy5Dzx7/DJcI+SwgICv+IneSZwhBh1oSyEHA71A==", "license": "BSD-3-Clause", "dependencies": { - "side-channel": "^1.1.0" + "es-define-property": "^1.0.1", + "side-channel": "^1.1.1" }, "engines": { "node": ">=0.6" @@ -14769,9 +14476,9 @@ "license": "MIT" }, "node_modules/rimraf/node_modules/brace-expansion": { - "version": "1.1.15", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.15.tgz", - "integrity": "sha512-EwOCDEex4quD37XhqM3omwtMoJjr//isUZz1JopUNWms+4Z2ViyM/k1YIRePpoVNnQhENnxtFjLaxNHrT7xIUg==", + "version": "1.1.18", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.18.tgz", + "integrity": "sha512-Edep/X9fGqVNmzKBVsDYIOtD+z1tuezV70LBjdCst9Tqu76lsnvRiZ6oTic1n+/BIwX6QDGAO94PN4N2SADvtw==", "dev": true, "license": "MIT", "dependencies": { @@ -14814,57 +14521,49 @@ "node": "*" } }, - "node_modules/rollup": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.60.2.tgz", - "integrity": "sha512-J9qZyW++QK/09NyN/zeO0dG/1GdGfyp9lV8ajHnRVLfo/uFsbji5mHnDgn/qYdUHyCkM2N+8VyspgZclfAh0eQ==", + "node_modules/rolldown": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.2.0.tgz", + "integrity": "sha512-u7tgm5l4Yw1iTqUL4EcYOAt7fFvCgQMLeidrnD4GALlC6aOznCjezYajgxeyKw27u0Q5N7fwgCzjVyPIWzwuBA==", "dev": true, "license": "MIT", "dependencies": { - "@types/estree": "1.0.8" + "@oxc-project/types": "=0.140.0", + "@rolldown/pluginutils": "^1.0.0" }, "bin": { - "rollup": "dist/bin/rollup" + "rolldown": "bin/cli.mjs" }, "engines": { - "node": ">=18.0.0", - "npm": ">=8.0.0" + "node": "^20.19.0 || >=22.12.0" }, "optionalDependencies": { - "@rollup/rollup-android-arm-eabi": "4.60.2", - "@rollup/rollup-android-arm64": "4.60.2", - "@rollup/rollup-darwin-arm64": "4.60.2", - "@rollup/rollup-darwin-x64": "4.60.2", - "@rollup/rollup-freebsd-arm64": "4.60.2", - "@rollup/rollup-freebsd-x64": "4.60.2", - "@rollup/rollup-linux-arm-gnueabihf": "4.60.2", - "@rollup/rollup-linux-arm-musleabihf": "4.60.2", - "@rollup/rollup-linux-arm64-gnu": "4.60.2", - "@rollup/rollup-linux-arm64-musl": "4.60.2", - "@rollup/rollup-linux-loong64-gnu": "4.60.2", - "@rollup/rollup-linux-loong64-musl": "4.60.2", - "@rollup/rollup-linux-ppc64-gnu": "4.60.2", - "@rollup/rollup-linux-ppc64-musl": "4.60.2", - "@rollup/rollup-linux-riscv64-gnu": "4.60.2", - "@rollup/rollup-linux-riscv64-musl": "4.60.2", - "@rollup/rollup-linux-s390x-gnu": "4.60.2", - "@rollup/rollup-linux-x64-gnu": "4.60.2", - "@rollup/rollup-linux-x64-musl": "4.60.2", - "@rollup/rollup-openbsd-x64": "4.60.2", - "@rollup/rollup-openharmony-arm64": "4.60.2", - "@rollup/rollup-win32-arm64-msvc": "4.60.2", - "@rollup/rollup-win32-ia32-msvc": "4.60.2", - "@rollup/rollup-win32-x64-gnu": "4.60.2", - "@rollup/rollup-win32-x64-msvc": "4.60.2", - "fsevents": "~2.3.2" + "@rolldown/binding-android-arm64": "1.2.0", + "@rolldown/binding-darwin-arm64": "1.2.0", + "@rolldown/binding-darwin-x64": "1.2.0", + "@rolldown/binding-freebsd-x64": "1.2.0", + "@rolldown/binding-linux-arm-gnueabihf": "1.2.0", + "@rolldown/binding-linux-arm64-gnu": "1.2.0", + "@rolldown/binding-linux-arm64-musl": "1.2.0", + "@rolldown/binding-linux-ppc64-gnu": "1.2.0", + "@rolldown/binding-linux-s390x-gnu": "1.2.0", + "@rolldown/binding-linux-x64-gnu": "1.2.0", + "@rolldown/binding-linux-x64-musl": "1.2.0", + "@rolldown/binding-openharmony-arm64": "1.2.0", + "@rolldown/binding-wasm32-wasi": "1.2.0", + "@rolldown/binding-win32-arm64-msvc": "1.2.0", + "@rolldown/binding-win32-x64-msvc": "1.2.0" } }, - "node_modules/rollup/node_modules/@types/estree": { - "version": "1.0.8", - "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz", - "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==", + "node_modules/rolldown/node_modules/@oxc-project/types": { + "version": "0.140.0", + "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.140.0.tgz", + "integrity": "sha512-h5LUOzGArYemnW1NMz/DuuQhBi96J6JL2Bk8zE4kvqxB5Sg3jxmCiH4uyOWHDkiKSt5vWlG4FIwCR/DbstcNRQ==", "dev": true, - "license": "MIT" + "license": "MIT", + "funding": { + "url": "https://github.com/sponsors/Boshen" + } }, "node_modules/router": { "version": "2.2.0", @@ -14983,13 +14682,13 @@ "license": "MIT" }, "node_modules/sass": { - "version": "1.99.0", - "resolved": "https://registry.npmjs.org/sass/-/sass-1.99.0.tgz", - "integrity": "sha512-kgW13M54DUB7IsIRM5LvJkNlpH+WhMpooUcaWGFARkF1Tc82v9mIWkCbCYf+MBvpIUBSeSOTilpZjEPr2VYE6Q==", + "version": "1.101.0", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.101.0.tgz", + "integrity": "sha512-OL3GoQyoUdDt843DpVmDO6y2k1sc5IhUDSpu8XucEI+35neq5QivZ1iuegnpraEVTJXlQGK1gl27zKcTLEPbQw==", "dev": true, "license": "MIT", "dependencies": { - "chokidar": "^4.0.0", + "chokidar": "^5.0.0", "immutable": "^5.1.5", "source-map-js": ">=0.6.2 <2.0.0" }, @@ -14997,7 +14696,7 @@ "sass": "sass.js" }, "engines": { - "node": ">=14.0.0" + "node": ">=20.19.0" }, "optionalDependencies": { "@parcel/watcher": "^2.4.1" @@ -15467,40 +15166,10 @@ "url": "https://github.com/chalk/supports-color?sponsor=1" } }, - "node_modules/sass/node_modules/chokidar": { - "version": "4.0.3", - "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz", - "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==", - "dev": true, - "license": "MIT", - "dependencies": { - "readdirp": "^4.0.1" - }, - "engines": { - "node": ">= 14.16.0" - }, - "funding": { - "url": "https://paulmillr.com/funding/" - } - }, - "node_modules/sass/node_modules/readdirp": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz", - "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">= 14.18.0" - }, - "funding": { - "type": "individual", - "url": "https://paulmillr.com/funding/" - } - }, "node_modules/semver": { - "version": "7.8.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.0.tgz", - "integrity": "sha512-AcM7dV/5ul4EekoQ29Agm5vri8JNqRyj39o0qpX6vDF2GZrtutZl5RwgD1XnZjiTAfncsJhMI48QQH3sN87YNA==", + "version": "7.8.5", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz", + "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==", "license": "ISC", "bin": { "semver": "bin/semver.js" @@ -15771,24 +15440,6 @@ "url": "https://github.com/sponsors/isaacs" } }, - "node_modules/sigstore": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/sigstore/-/sigstore-4.1.1.tgz", - "integrity": "sha512-endqECJkfhozrXMK5ngu/UAA0xVcVEFdnHJCElGaExypjW+HK5i6zu3NteLoaX/iFbRUbC3+DjttQs0GARr+5w==", - "dev": true, - "license": "Apache-2.0", - "dependencies": { - "@sigstore/bundle": "^4.0.0", - "@sigstore/core": "^3.2.1", - "@sigstore/protobuf-specs": "^0.5.0", - "@sigstore/sign": "^4.1.1", - "@sigstore/tuf": "^4.0.2", - "@sigstore/verify": "^3.1.1" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, "node_modules/sirv": { "version": "2.0.4", "resolved": "https://registry.npmjs.org/sirv/-/sirv-2.0.4.tgz", @@ -15844,17 +15495,6 @@ "url": "https://github.com/chalk/ansi-styles?sponsor=1" } }, - "node_modules/smart-buffer": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz", - "integrity": "sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">= 6.0.0", - "npm": ">= 3.0.0" - } - }, "node_modules/socket.io": { "version": "4.8.3", "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-4.8.3.tgz", @@ -15875,20 +15515,20 @@ } }, "node_modules/socket.io-adapter": { - "version": "2.5.7", - "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-2.5.7.tgz", - "integrity": "sha512-e0LyK91f3cUxTmv95/KzoLg47+zF+s/sbxRGDNsyG4dmIP8ZSX8ax6byOxfJXeNNtS/8AZlfD+uP7gBeR7DLlg==", + "version": "2.5.8", + "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-2.5.8.tgz", + "integrity": "sha512-6Oy52pbg+kvdCVvjcN+FnY7BvxZ7cIHNScbvztT/It5d0vbwoJoVZmF2gjJmnV0/4WlXRfG15zc45ySk9Ah8bw==", "dev": true, "license": "MIT", "dependencies": { "debug": "~4.4.1", - "ws": "~8.20.1" + "ws": "~8.21.0" } }, "node_modules/socket.io-adapter/node_modules/ws": { - "version": "8.20.1", - "resolved": "https://registry.npmjs.org/ws/-/ws-8.20.1.tgz", - "integrity": "sha512-It4dO0K5v//JtTXuPkfEOaI3uUN87iYPnqo/ZzqCoG3g8uhA66QUMs/SrM0YK7/NAu+r4LMh/9dq2A7k+rHs+w==", + "version": "8.21.2", + "resolved": "https://registry.npmjs.org/ws/-/ws-8.21.2.tgz", + "integrity": "sha512-54dMVAo4WIe6SKy3vBgN+9bJZqqQ8IMRevAkOLQALhi49qkkQDQfWdAZ8KQlXiEabw88ARXXdUrlvtbKQX+aKw==", "dev": true, "license": "MIT", "engines": { @@ -15903,62 +15543,22 @@ "optional": true }, "utf-8-validate": { - "optional": true - } - } - }, - "node_modules/socket.io-parser": { - "version": "4.2.6", - "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.6.tgz", - "integrity": "sha512-asJqbVBDsBCJx0pTqw3WfesSY0iRX+2xzWEWzrpcH7L6fLzrhyF8WPI8UaeM4YCuDfpwA/cgsdugMsmtz8EJeg==", - "dev": true, - "license": "MIT", - "dependencies": { - "@socket.io/component-emitter": "~3.1.0", - "debug": "~4.4.1" - }, - "engines": { - "node": ">=10.0.0" - } - }, - "node_modules/socks": { - "version": "2.8.9", - "resolved": "https://registry.npmjs.org/socks/-/socks-2.8.9.tgz", - "integrity": "sha512-LJhUYUvItdQ0LkJTmPeaEObWXAqFyfmP85x0tch/ez9cahmhlBBLbIqDFnvBnUJGagb0JbIQrkBs1wJ+yRYpEw==", - "dev": true, - "license": "MIT", - "dependencies": { - "ip-address": "^10.1.1", - "smart-buffer": "^4.2.0" - }, - "engines": { - "node": ">= 10.0.0", - "npm": ">= 3.0.0" - } - }, - "node_modules/socks-proxy-agent": { - "version": "8.0.5", - "resolved": "https://registry.npmjs.org/socks-proxy-agent/-/socks-proxy-agent-8.0.5.tgz", - "integrity": "sha512-HehCEsotFqbPW9sJ8WVYB6UbmIMv7kUUORIF2Nncq4VQvBfNBLibW9YZR5dlYCSUhwcD628pRllm7n+E+YTzJw==", - "dev": true, - "license": "MIT", - "dependencies": { - "agent-base": "^7.1.2", - "debug": "^4.3.4", - "socks": "^2.8.3" - }, - "engines": { - "node": ">= 14" + "optional": true + } } }, - "node_modules/socks-proxy-agent/node_modules/agent-base": { - "version": "7.1.4", - "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz", - "integrity": "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==", + "node_modules/socket.io-parser": { + "version": "4.2.7", + "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.7.tgz", + "integrity": "sha512-IH/iSeO9T6gz1KkFleGDWkG9N3dl4jXVYUtMhIqH10Md0ttMer8nUNWiP1DKuNrybD2xBrixLJdCC9J6ECoYkg==", "dev": true, "license": "MIT", + "dependencies": { + "@socket.io/component-emitter": "~3.1.0", + "debug": "~4.4.1" + }, "engines": { - "node": ">= 14" + "node": ">=10.0.0" } }, "node_modules/source-map": { @@ -16029,9 +15629,9 @@ "license": "CC-BY-3.0" }, "node_modules/spdx-expression-parse": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-4.0.0.tgz", - "integrity": "sha512-Clya5JIij/7C6bRR22+tnGXbc4VKlibKSVj2iHvVeX5iMW7s1SIQlqu699JkODJJIhh/pUu8L0/VLh8xflD+LQ==", + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-5.0.0.tgz", + "integrity": "sha512-vngmw3Rgn+o2arXNbnZaj5UtOEBuWBfvaI+Wc8GFfykIhA5/vdK9/Sp/XkLv63dykz2rxKDvKEHupF5P0FORcQ==", "dev": true, "license": "MIT", "dependencies": { @@ -16060,9 +15660,9 @@ } }, "node_modules/sql-formatter": { - "version": "15.8.1", - "resolved": "https://registry.npmjs.org/sql-formatter/-/sql-formatter-15.8.1.tgz", - "integrity": "sha512-nT2r90kTEYBuse9fe4r1Rp78v1mOBD35KsGc07Vo9eQSVa1TcTSnCS0zouf6BCmdzvmqBsBW+cYuBoYkHO/OWg==", + "version": "15.8.2", + "resolved": "https://registry.npmjs.org/sql-formatter/-/sql-formatter-15.8.2.tgz", + "integrity": "sha512-kTYRg5FIcvsDtYUG2Qn9pYT6xKwiLJN5TTIvc5Mur6hIg4pSfdpHu8Yyu5bqESLHnVM3mXzD446cb2+uEaKZXg==", "license": "MIT", "dependencies": { "argparse": "^2.0.1", @@ -16072,19 +15672,6 @@ "sql-formatter": "bin/sql-formatter-cli.cjs" } }, - "node_modules/ssri": { - "version": "13.0.1", - "resolved": "https://registry.npmjs.org/ssri/-/ssri-13.0.1.tgz", - "integrity": "sha512-QUiRf1+u9wPTL/76GTYlKttDEBWV1ga9ZXW8BG6kfdeyyM8LGPix9gROyg9V2+P0xNyF3X2Go526xKFdMZrHSQ==", - "dev": true, - "license": "ISC", - "dependencies": { - "minipass": "^7.0.3" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, "node_modules/stackblur-canvas": { "version": "2.7.0", "resolved": "https://registry.npmjs.org/stackblur-canvas/-/stackblur-canvas-2.7.0.tgz", @@ -16175,9 +15762,9 @@ } }, "node_modules/streamx": { - "version": "2.27.0", - "resolved": "https://registry.npmjs.org/streamx/-/streamx-2.27.0.tgz", - "integrity": "sha512-WZ189TKnHoAokYHvwzaAQMpd55cgUmFIcJFzBSgGcb886jau5DL+XdDhTWV4ps3FLvk+OORp0dLRTPsLZ21CSA==", + "version": "2.28.0", + "resolved": "https://registry.npmjs.org/streamx/-/streamx-2.28.0.tgz", + "integrity": "sha512-1Yowhzjf0ivGMrTIkY9hav5TxobO9qIVqUE41fiCGMGgc3CLlf4MY+9AHmZqBWgDTue0fY9zWjYFVyf6Diuobw==", "dev": true, "license": "MIT", "dependencies": { @@ -16442,9 +16029,9 @@ } }, "node_modules/tailwindcss": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.3.0.tgz", - "integrity": "sha512-y6nxMGB1nMW9R6k96e5gdIFzcfL/gTJRNaqGes1YvkLnPVXzWgbqFF2yLC0T8G774n24cx3Pe8XrKoniCOAH+Q==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.3.3.tgz", + "integrity": "sha512-gOhV3P7ufE62QDGg1zVaTgCR+EtPv92k2nIhVcVKcLmxT1sUBsQGhnZj175j+MqRt4zLF7ic+sCYjfhxMxj7YQ==", "license": "MIT" }, "node_modules/tapable": { @@ -16460,33 +16047,6 @@ "url": "https://opencollective.com/webpack" } }, - "node_modules/tar": { - "version": "7.5.16", - "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.16.tgz", - "integrity": "sha512-56adEpPMouktRlBLXiaYFFzZ/3+JXa8P9n7WbR+ibIjtviN55mEaOkiysCnPnWm+7kkui1Dn8J9l+g6zV8731w==", - "dev": true, - "license": "BlueOak-1.0.0", - "dependencies": { - "@isaacs/fs-minipass": "^4.0.0", - "chownr": "^3.0.0", - "minipass": "^7.1.2", - "minizlib": "^3.1.0", - "yallist": "^5.0.0" - }, - "engines": { - "node": ">=18" - } - }, - "node_modules/tar/node_modules/yallist": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-5.0.0.tgz", - "integrity": "sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==", - "dev": true, - "license": "BlueOak-1.0.0", - "engines": { - "node": ">=18" - } - }, "node_modules/teex": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/teex/-/teex-1.0.1.tgz", @@ -16536,9 +16096,9 @@ } }, "node_modules/tinyglobby": { - "version": "0.2.16", - "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.16.tgz", - "integrity": "sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==", + "version": "0.2.17", + "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.17.tgz", + "integrity": "sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==", "license": "MIT", "dependencies": { "fdir": "^6.5.0", @@ -16761,21 +16321,6 @@ "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==", "license": "0BSD" }, - "node_modules/tuf-js": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/tuf-js/-/tuf-js-4.1.0.tgz", - "integrity": "sha512-50QV99kCKH5P/Vs4E2Gzp7BopNV+KzTXqWeaxrfu5IQJBOULRsTIS9seSsOVT8ZnGXzCyx55nYWAi4qJzpZKEQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "@tufjs/models": "4.1.0", - "debug": "^4.4.3", - "make-fetch-happen": "^15.0.1" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, "node_modules/type-check": { "version": "0.4.0", "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz", @@ -16895,16 +16440,16 @@ } }, "node_modules/typescript-eslint": { - "version": "8.61.0", - "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.61.0.tgz", - "integrity": "sha512-8y31Rd0eGTrDKqhy6vT0HtzhN+YLjQizwX3aA3hPXP/ynSfnrBXcQY5IzsP9/DM7+klX4IUncZZjkchP0z+rUw==", + "version": "8.66.0", + "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.66.0.tgz", + "integrity": "sha512-QlEbBPz/RuJ1XUHj29nm3t0F/O/cSlEnntozqPOYHnnTGAXFamnMBu5i9Vn6vhUPHGAjR+Vl+5J8vPN/BMUrJw==", "dev": true, "license": "MIT", "dependencies": { - "@typescript-eslint/eslint-plugin": "8.61.0", - "@typescript-eslint/parser": "8.61.0", - "@typescript-eslint/typescript-estree": "8.61.0", - "@typescript-eslint/utils": "8.61.0" + "@typescript-eslint/eslint-plugin": "8.66.0", + "@typescript-eslint/parser": "8.66.0", + "@typescript-eslint/typescript-estree": "8.66.0", + "@typescript-eslint/utils": "8.66.0" }, "engines": { "node": "^18.18.0 || ^20.9.0 || >=21.1.0" @@ -17010,16 +16555,6 @@ "fastest-levenshtein": "^1.0.7" } }, - "node_modules/undici": { - "version": "6.26.0", - "resolved": "https://registry.npmjs.org/undici/-/undici-6.26.0.tgz", - "integrity": "sha512-4yqz8a3n5HmGTlsbADNtr/dJlhkh/55Rq798G6ibiULcXbDtaLpTl1pvdqcbFfeoj3iSi52lePFM7h9H21cw/A==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=18.17" - } - }, "node_modules/undici-types": { "version": "7.24.6", "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.24.6.tgz", @@ -17218,13 +16753,13 @@ } }, "node_modules/validate-npm-package-name": { - "version": "7.0.2", - "resolved": "https://registry.npmjs.org/validate-npm-package-name/-/validate-npm-package-name-7.0.2.tgz", - "integrity": "sha512-hVDIBwsRruT73PbK7uP5ebUt+ezEtCmzZz3F59BSr2F6OVFnJ/6h8liuvdLrQ88Xmnk6/+xGGuq+pG9WwTuy3A==", + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/validate-npm-package-name/-/validate-npm-package-name-8.0.0.tgz", + "integrity": "sha512-SCv6OOV6Xj2/3cXy3dGmADluJTNcL3o7hZAglNPTe+WYuEuvxgJzxPrSDLZhF+CwyQOubqgecjMmTJGMVLWjYQ==", "dev": true, "license": "ISC", "engines": { - "node": "^20.17.0 || >=22.9.0" + "node": "^22.22.2 || ^24.15.0 || >=26.0.0" } }, "node_modules/value-or-function": { @@ -17375,18 +16910,17 @@ "license": "MIT" }, "node_modules/vite": { - "version": "7.3.2", - "resolved": "https://registry.npmjs.org/vite/-/vite-7.3.2.tgz", - "integrity": "sha512-Bby3NOsna2jsjfLVOHKes8sGwgl4TT0E6vvpYgnAYDIF/tie7MRaFthmKuHx1NSXjiTueXH3do80FMQgvEktRg==", + "version": "8.1.5", + "resolved": "https://registry.npmjs.org/vite/-/vite-8.1.5.tgz", + "integrity": "sha512-7ULLwsCdYx/nRyrpiEwvqb5TFHrMVZyBt+rg/OAXT7rgj/z+DtTDyKFeLAdDkubDVDKD8jOsndmy7m55XcfUsw==", "dev": true, "license": "MIT", "dependencies": { - "esbuild": "^0.27.0", - "fdir": "^6.5.0", - "picomatch": "^4.0.3", - "postcss": "^8.5.6", - "rollup": "^4.43.0", - "tinyglobby": "^0.2.15" + "lightningcss": "^1.32.0", + "picomatch": "^4.0.5", + "postcss": "^8.5.17", + "rolldown": "~1.1.5", + "tinyglobby": "^0.2.17" }, "bin": { "vite": "bin/vite.js" @@ -17402,9 +16936,10 @@ }, "peerDependencies": { "@types/node": "^20.19.0 || >=22.12.0", + "@vitejs/devtools": "^0.3.0", + "esbuild": "^0.27.0 || ^0.28.0", "jiti": ">=1.21.0", "less": "^4.0.0", - "lightningcss": "^1.21.0", "sass": "^1.70.0", "sass-embedded": "^1.70.0", "stylus": ">=0.54.8", @@ -17417,13 +16952,16 @@ "@types/node": { "optional": true }, - "jiti": { + "@vitejs/devtools": { "optional": true }, - "less": { + "esbuild": { + "optional": true + }, + "jiti": { "optional": true }, - "lightningcss": { + "less": { "optional": true }, "sass": { @@ -17449,63 +16987,45 @@ } } }, - "node_modules/vite/node_modules/@esbuild/aix-ppc64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.27.7.tgz", - "integrity": "sha512-EKX3Qwmhz1eMdEJokhALr0YiD0lhQNwDqkPYyPhiSwKrh7/4KRjQc04sZ8db+5DVVnZ1LmbNDI1uAMPEUBnQPg==", - "cpu": [ - "ppc64" - ], + "node_modules/vite/node_modules/@emnapi/core": { + "version": "1.11.1", + "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.11.1.tgz", + "integrity": "sha512-RSvbQmHzdKzNsLYa/wHrbc3KN4sYLKAdPZxqiM2HATqv/SBk2/ENSHpvXGaLOMcsAyz0poEGqkmmKYG3OWiJEQ==", "dev": true, "license": "MIT", "optional": true, - "os": [ - "aix" - ], - "engines": { - "node": ">=18" + "dependencies": { + "@emnapi/wasi-threads": "1.2.2", + "tslib": "^2.4.0" } }, - "node_modules/vite/node_modules/@esbuild/android-arm": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.27.7.tgz", - "integrity": "sha512-jbPXvB4Yj2yBV7HUfE2KHe4GJX51QplCN1pGbYjvsyCZbQmies29EoJbkEc+vYuU5o45AfQn37vZlyXy4YJ8RQ==", - "cpu": [ - "arm" - ], + "node_modules/vite/node_modules/@emnapi/runtime": { + "version": "1.11.1", + "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.11.1.tgz", + "integrity": "sha512-vgj7R3y3Wgx24IQaGPA/R6YFXLHVMOZ0uVEyIQPaWs+rd1AzfEMXlAC22FYwO1XkKR6NPsq7mUandH8oIRdZFw==", "dev": true, "license": "MIT", "optional": true, - "os": [ - "android" - ], - "engines": { - "node": ">=18" + "dependencies": { + "tslib": "^2.4.0" } }, - "node_modules/vite/node_modules/@esbuild/android-arm64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.27.7.tgz", - "integrity": "sha512-62dPZHpIXzvChfvfLJow3q5dDtiNMkwiRzPylSCfriLvZeq0a1bWChrGx/BbUbPwOrsWKMn8idSllklzBy+dgQ==", - "cpu": [ - "arm64" - ], + "node_modules/vite/node_modules/@oxc-project/types": { + "version": "0.139.0", + "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.139.0.tgz", + "integrity": "sha512-r9gHphtCs+1M7J0pw6Sn/hh/Wpa/iQrOOkrNAlVLF/gHq+/CJmHIWKKUUhdWjcD6CIa8idarspCsASiXCXvFUw==", "dev": true, "license": "MIT", - "optional": true, - "os": [ - "android" - ], - "engines": { - "node": ">=18" + "funding": { + "url": "https://github.com/sponsors/Boshen" } }, - "node_modules/vite/node_modules/@esbuild/android-x64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.27.7.tgz", - "integrity": "sha512-x5VpMODneVDb70PYV2VQOmIUUiBtY3D3mPBG8NxVk5CogneYhkR7MmM3yR/uMdITLrC1ml/NV1rj4bMJuy9MCg==", + "node_modules/vite/node_modules/@rolldown/binding-android-arm64": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.1.5.tgz", + "integrity": "sha512-lZg8fqIv2v7FF237bwMgzGZEJvGL79/s5knJ/i6FmsGF4XXlzccZ4jb+TrFIxtSSxFtIpdsgrPZeMk1I9AFcyQ==", "cpu": [ - "x64" + "arm64" ], "dev": true, "license": "MIT", @@ -17514,13 +17034,13 @@ "android" ], "engines": { - "node": ">=18" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/vite/node_modules/@esbuild/darwin-arm64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.27.7.tgz", - "integrity": "sha512-5lckdqeuBPlKUwvoCXIgI2D9/ABmPq3Rdp7IfL70393YgaASt7tbju3Ac+ePVi3KDH6N2RqePfHnXkaDtY9fkw==", + "node_modules/vite/node_modules/@rolldown/binding-darwin-arm64": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.1.5.tgz", + "integrity": "sha512-51Bnx9pNiMRKSUNtBfySkNJ9vMU9Hh3I1ozDd6gyPPYzaXCfnptUcEZxXGYFn+ul2dtcMUiqGR1Yai2K10uoTw==", "cpu": [ "arm64" ], @@ -17531,13 +17051,13 @@ "darwin" ], "engines": { - "node": ">=18" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/vite/node_modules/@esbuild/darwin-x64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.27.7.tgz", - "integrity": "sha512-rYnXrKcXuT7Z+WL5K980jVFdvVKhCHhUwid+dDYQpH+qu+TefcomiMAJpIiC2EM3Rjtq0sO3StMV/+3w3MyyqQ==", + "node_modules/vite/node_modules/@rolldown/binding-darwin-x64": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.1.5.tgz", + "integrity": "sha512-Tm+gbfC0aHu1tBA/JvKQh32S0K6YgCHkiAF4/W6xX0K0RmNuc94VeK419dJoE65R5aRxmo+noZQSWrAMF6yb6g==", "cpu": [ "x64" ], @@ -17548,30 +17068,13 @@ "darwin" ], "engines": { - "node": ">=18" - } - }, - "node_modules/vite/node_modules/@esbuild/freebsd-arm64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.27.7.tgz", - "integrity": "sha512-B48PqeCsEgOtzME2GbNM2roU29AMTuOIN91dsMO30t+Ydis3z/3Ngoj5hhnsOSSwNzS+6JppqWsuhTp6E82l2w==", - "cpu": [ - "arm64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "freebsd" - ], - "engines": { - "node": ">=18" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/vite/node_modules/@esbuild/freebsd-x64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.27.7.tgz", - "integrity": "sha512-jOBDK5XEjA4m5IJK3bpAQF9/Lelu/Z9ZcdhTRLf4cajlB+8VEhFFRjWgfy3M1O4rO2GQ/b2dLwCUGpiF/eATNQ==", + "node_modules/vite/node_modules/@rolldown/binding-freebsd-x64": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.1.5.tgz", + "integrity": "sha512-JMzDKCCXq93YccG5gz3hvOs1oXRKAf0XYpfOS88e+wZrC8Iugj6j68867vrYZkvpDDpKn/KoKORThmchMpF6TA==", "cpu": [ "x64" ], @@ -17582,13 +17085,13 @@ "freebsd" ], "engines": { - "node": ">=18" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/vite/node_modules/@esbuild/linux-arm": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.27.7.tgz", - "integrity": "sha512-RkT/YXYBTSULo3+af8Ib0ykH8u2MBh57o7q/DAs3lTJlyVQkgQvlrPTnjIzzRPQyavxtPtfg0EopvDyIt0j1rA==", + "node_modules/vite/node_modules/@rolldown/binding-linux-arm-gnueabihf": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.1.5.tgz", + "integrity": "sha512-uML21j2K5TfPGutKxub+M+nLjZIrWjXQ5Grx4lCe/nimTj9B4L63zHpjXLl4y0L3mcm2htEQIb06oCG/szerNw==", "cpu": [ "arm" ], @@ -17599,217 +17102,133 @@ "linux" ], "engines": { - "node": ">=18" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/vite/node_modules/@esbuild/linux-arm64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.27.7.tgz", - "integrity": "sha512-RZPHBoxXuNnPQO9rvjh5jdkRmVizktkT7TCDkDmQ0W2SwHInKCAV95GRuvdSvA7w4VMwfCjUiPwDi0ZO6Nfe9A==", + "node_modules/vite/node_modules/@rolldown/binding-linux-arm64-gnu": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.1.5.tgz", + "integrity": "sha512-navSiuTMogvnQoZoM/v+l3ZWo50/NTwSHSzheABx/RCnmUPaKwq9qSo4Br2OYRs21+Fz8uFqITZM3H4opOB0/Q==", "cpu": [ "arm64" ], "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/vite/node_modules/@esbuild/linux-ia32": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.27.7.tgz", - "integrity": "sha512-GA48aKNkyQDbd3KtkplYWT102C5sn/EZTY4XROkxONgruHPU72l+gW+FfF8tf2cFjeHaRbWpOYa/uRBz/Xq1Pg==", - "cpu": [ - "ia32" + "libc": [ + "glibc" ], - "dev": true, "license": "MIT", "optional": true, "os": [ "linux" ], "engines": { - "node": ">=18" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/vite/node_modules/@esbuild/linux-loong64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.27.7.tgz", - "integrity": "sha512-a4POruNM2oWsD4WKvBSEKGIiWQF8fZOAsycHOt6JBpZ+JN2n2JH9WAv56SOyu9X5IqAjqSIPTaJkqN8F7XOQ5Q==", + "node_modules/vite/node_modules/@rolldown/binding-linux-arm64-musl": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.1.5.tgz", + "integrity": "sha512-lAryqH7IteztmCXQXk0etKj4wBQ7Gx5S6LjKhsgp9zb8I5bsuvU/2llH1hDQcjsFeqIsovMVN339/8pUDDBXxA==", "cpu": [ - "loong64" + "arm64" ], "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/vite/node_modules/@esbuild/linux-mips64el": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.27.7.tgz", - "integrity": "sha512-KabT5I6StirGfIz0FMgl1I+R1H73Gp0ofL9A3nG3i/cYFJzKHhouBV5VWK1CSgKvVaG4q1RNpCTR2LuTVB3fIw==", - "cpu": [ - "mips64el" + "libc": [ + "musl" ], - "dev": true, "license": "MIT", "optional": true, "os": [ "linux" ], "engines": { - "node": ">=18" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/vite/node_modules/@esbuild/linux-ppc64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.27.7.tgz", - "integrity": "sha512-gRsL4x6wsGHGRqhtI+ifpN/vpOFTQtnbsupUF5R5YTAg+y/lKelYR1hXbnBdzDjGbMYjVJLJTd2OFmMewAgwlQ==", + "node_modules/vite/node_modules/@rolldown/binding-linux-ppc64-gnu": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.1.5.tgz", + "integrity": "sha512-fsK/sNBnxzBlL4O1JNrZakVQxPspqpED5dLtNsZS9oOKmtSpdNIzxH2kkol5HYTWJN47sE20ztMJPxfZ89qGOg==", "cpu": [ "ppc64" ], "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/vite/node_modules/@esbuild/linux-riscv64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.27.7.tgz", - "integrity": "sha512-hL25LbxO1QOngGzu2U5xeXtxXcW+/GvMN3ejANqXkxZ/opySAZMrc+9LY/WyjAan41unrR3YrmtTsUpwT66InQ==", - "cpu": [ - "riscv64" + "libc": [ + "glibc" ], - "dev": true, "license": "MIT", "optional": true, "os": [ "linux" ], "engines": { - "node": ">=18" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/vite/node_modules/@esbuild/linux-s390x": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.27.7.tgz", - "integrity": "sha512-2k8go8Ycu1Kb46vEelhu1vqEP+UeRVj2zY1pSuPdgvbd5ykAw82Lrro28vXUrRmzEsUV0NzCf54yARIK8r0fdw==", + "node_modules/vite/node_modules/@rolldown/binding-linux-s390x-gnu": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.1.5.tgz", + "integrity": "sha512-gLYb4BIadlfTOYT5gO503n8zQjXflgzpD0FcyKh0Mzx3rqCZKnHoJWV9xe1KXUJ5lx2JfcSHr/mhzS0PC/McAA==", "cpu": [ "s390x" ], "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/vite/node_modules/@esbuild/linux-x64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.27.7.tgz", - "integrity": "sha512-hzznmADPt+OmsYzw1EE33ccA+HPdIqiCRq7cQeL1Jlq2gb1+OyWBkMCrYGBJ+sxVzve2ZJEVeePbLM2iEIZSxA==", - "cpu": [ - "x64" + "libc": [ + "glibc" ], - "dev": true, "license": "MIT", "optional": true, "os": [ "linux" ], "engines": { - "node": ">=18" - } - }, - "node_modules/vite/node_modules/@esbuild/netbsd-arm64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.27.7.tgz", - "integrity": "sha512-b6pqtrQdigZBwZxAn1UpazEisvwaIDvdbMbmrly7cDTMFnw/+3lVxxCTGOrkPVnsYIosJJXAsILG9XcQS+Yu6w==", - "cpu": [ - "arm64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "netbsd" - ], - "engines": { - "node": ">=18" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/vite/node_modules/@esbuild/netbsd-x64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.27.7.tgz", - "integrity": "sha512-OfatkLojr6U+WN5EDYuoQhtM+1xco+/6FSzJJnuWiUw5eVcicbyK3dq5EeV/QHT1uy6GoDhGbFpprUiHUYggrw==", + "node_modules/vite/node_modules/@rolldown/binding-linux-x64-gnu": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.1.5.tgz", + "integrity": "sha512-FjcpEKUyJygHgs1o50VYNvkt5+7Le/VEdYt0AkRpkL33MnyQfwr8l5mXwMmfmTbyMPr5vJLC+8/Gd9gXnwU1QQ==", "cpu": [ "x64" ], "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "netbsd" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/vite/node_modules/@esbuild/openbsd-arm64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.27.7.tgz", - "integrity": "sha512-AFuojMQTxAz75Fo8idVcqoQWEHIXFRbOc1TrVcFSgCZtQfSdc1RXgB3tjOn/krRHENUB4j00bfGjyl2mJrU37A==", - "cpu": [ - "arm64" + "libc": [ + "glibc" ], - "dev": true, "license": "MIT", "optional": true, "os": [ - "openbsd" + "linux" ], "engines": { - "node": ">=18" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/vite/node_modules/@esbuild/openbsd-x64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.27.7.tgz", - "integrity": "sha512-+A1NJmfM8WNDv5CLVQYJ5PshuRm/4cI6WMZRg1by1GwPIQPCTs1GLEUHwiiQGT5zDdyLiRM/l1G0Pv54gvtKIg==", + "node_modules/vite/node_modules/@rolldown/binding-linux-x64-musl": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.1.5.tgz", + "integrity": "sha512-Me+PfPI2TMeOQk0gYWfLQZtTktrmzbr8cDboqX83XKc7UrgAi55gF+2dUkWdxd19n55Essp2yeca+O9N5rBxHg==", "cpu": [ "x64" ], "dev": true, + "libc": [ + "musl" + ], "license": "MIT", "optional": true, "os": [ - "openbsd" + "linux" ], "engines": { - "node": ">=18" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/vite/node_modules/@esbuild/openharmony-arm64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.27.7.tgz", - "integrity": "sha512-+KrvYb/C8zA9CU/g0sR6w2RBw7IGc5J2BPnc3dYc5VJxHCSF1yNMxTV5LQ7GuKteQXZtspjFbiuW5/dOj7H4Yw==", + "node_modules/vite/node_modules/@rolldown/binding-openharmony-arm64": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.1.5.tgz", + "integrity": "sha512-yc5WrLzXks6zCQfn9Oxr8pORKyl/pF+QjHmW/Qx3qu0oyrrNC+y2JLTU1E2rcWYAmzlnqngWXHQjy51VzW70Vw==", "cpu": [ "arm64" ], @@ -17820,30 +17239,32 @@ "openharmony" ], "engines": { - "node": ">=18" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/vite/node_modules/@esbuild/sunos-x64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.27.7.tgz", - "integrity": "sha512-ikktIhFBzQNt/QDyOL580ti9+5mL/YZeUPKU2ivGtGjdTYoqz6jObj6nOMfhASpS4GU4Q/Clh1QtxWAvcYKamA==", + "node_modules/vite/node_modules/@rolldown/binding-wasm32-wasi": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.1.5.tgz", + "integrity": "sha512-VbQGPX2b4r48TAMIM2cjgluIM1HYutm4pcTEJsle7iEP7sB1dFqtPLBVbdLAZCxy1txCcPxf4QFf4v8uvltPqA==", "cpu": [ - "x64" + "wasm32" ], "dev": true, "license": "MIT", "optional": true, - "os": [ - "sunos" - ], + "dependencies": { + "@emnapi/core": "1.11.1", + "@emnapi/runtime": "1.11.1", + "@napi-rs/wasm-runtime": "^1.1.6" + }, "engines": { - "node": ">=18" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/vite/node_modules/@esbuild/win32-arm64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.27.7.tgz", - "integrity": "sha512-7yRhbHvPqSpRUV7Q20VuDwbjW5kIMwTHpptuUzV+AA46kiPze5Z7qgt6CLCK3pWFrHeNfDd1VKgyP4O+ng17CA==", + "node_modules/vite/node_modules/@rolldown/binding-win32-arm64-msvc": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.1.5.tgz", + "integrity": "sha512-gHv82k63z4qpV5+Q1y/12KrK0ltWBukVDI8nZcbT7Tt/ZlOIVwppazneq0F93oDxTo3IgAMEDIoQh3E2n6mVsw==", "cpu": [ "arm64" ], @@ -17854,30 +17275,13 @@ "win32" ], "engines": { - "node": ">=18" - } - }, - "node_modules/vite/node_modules/@esbuild/win32-ia32": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.27.7.tgz", - "integrity": "sha512-SmwKXe6VHIyZYbBLJrhOoCJRB/Z1tckzmgTLfFYOfpMAx63BJEaL9ExI8x7v0oAO3Zh6D/Oi1gVxEYr5oUCFhw==", - "cpu": [ - "ia32" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "win32" - ], - "engines": { - "node": ">=18" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/vite/node_modules/@esbuild/win32-x64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.27.7.tgz", - "integrity": "sha512-56hiAJPhwQ1R4i+21FVF7V8kSD5zZTdHcVuRFMW0hn753vVfQN8xlx4uOPT4xoGH0Z/oVATuR82AiqSTDIpaHg==", + "node_modules/vite/node_modules/@rolldown/binding-win32-x64-msvc": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.1.5.tgz", + "integrity": "sha512-tTZuDBPw85tEN5PQi1pnEBzDy0Z49HtScLAbD5t6hyeU92A95pRWaSMw1GZZi/RwgSgUIl0xrSlXIT/9QzvYSA==", "cpu": [ "x64" ], @@ -17888,49 +17292,41 @@ "win32" ], "engines": { - "node": ">=18" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/vite/node_modules/esbuild": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.7.tgz", - "integrity": "sha512-IxpibTjyVnmrIQo5aqNpCgoACA/dTKLTlhMHihVHhdkxKyPO1uBBthumT0rdHmcsk9uMonIWS0m4FljWzILh3w==", + "node_modules/vite/node_modules/rolldown": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.1.5.tgz", + "integrity": "sha512-t9z29cJjXf/vxQ8dyhCSpt6H6aSwHTk8cT5I3iy6SMXuFpk5mB6PL6XfC8PCwrPTx93udwKUm9HRteAlTGBLiA==", "dev": true, - "hasInstallScript": true, "license": "MIT", + "dependencies": { + "@oxc-project/types": "=0.139.0", + "@rolldown/pluginutils": "^1.0.0" + }, "bin": { - "esbuild": "bin/esbuild" + "rolldown": "bin/cli.mjs" }, "engines": { - "node": ">=18" + "node": "^20.19.0 || >=22.12.0" }, "optionalDependencies": { - "@esbuild/aix-ppc64": "0.27.7", - "@esbuild/android-arm": "0.27.7", - "@esbuild/android-arm64": "0.27.7", - "@esbuild/android-x64": "0.27.7", - "@esbuild/darwin-arm64": "0.27.7", - "@esbuild/darwin-x64": "0.27.7", - "@esbuild/freebsd-arm64": "0.27.7", - "@esbuild/freebsd-x64": "0.27.7", - "@esbuild/linux-arm": "0.27.7", - "@esbuild/linux-arm64": "0.27.7", - "@esbuild/linux-ia32": "0.27.7", - "@esbuild/linux-loong64": "0.27.7", - "@esbuild/linux-mips64el": "0.27.7", - "@esbuild/linux-ppc64": "0.27.7", - "@esbuild/linux-riscv64": "0.27.7", - "@esbuild/linux-s390x": "0.27.7", - "@esbuild/linux-x64": "0.27.7", - "@esbuild/netbsd-arm64": "0.27.7", - "@esbuild/netbsd-x64": "0.27.7", - "@esbuild/openbsd-arm64": "0.27.7", - "@esbuild/openbsd-x64": "0.27.7", - "@esbuild/openharmony-arm64": "0.27.7", - "@esbuild/sunos-x64": "0.27.7", - "@esbuild/win32-arm64": "0.27.7", - "@esbuild/win32-ia32": "0.27.7", - "@esbuild/win32-x64": "0.27.7" + "@rolldown/binding-android-arm64": "1.1.5", + "@rolldown/binding-darwin-arm64": "1.1.5", + "@rolldown/binding-darwin-x64": "1.1.5", + "@rolldown/binding-freebsd-x64": "1.1.5", + "@rolldown/binding-linux-arm-gnueabihf": "1.1.5", + "@rolldown/binding-linux-arm64-gnu": "1.1.5", + "@rolldown/binding-linux-arm64-musl": "1.1.5", + "@rolldown/binding-linux-ppc64-gnu": "1.1.5", + "@rolldown/binding-linux-s390x-gnu": "1.1.5", + "@rolldown/binding-linux-x64-gnu": "1.1.5", + "@rolldown/binding-linux-x64-musl": "1.1.5", + "@rolldown/binding-openharmony-arm64": "1.1.5", + "@rolldown/binding-wasm32-wasi": "1.1.5", + "@rolldown/binding-win32-arm64-msvc": "1.1.5", + "@rolldown/binding-win32-x64-msvc": "1.1.5" } }, "node_modules/void-elements": { @@ -17944,13 +17340,12 @@ } }, "node_modules/watchpack": { - "version": "2.5.1", - "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.5.1.tgz", - "integrity": "sha512-Zn5uXdcFNIA1+1Ei5McRd+iRzfhENPCe7LeABkJtNulSxjma+l7ltNx55BWZkRlwRnpOgHqxnjyaDgJnNXnqzg==", + "version": "2.5.2", + "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.5.2.tgz", + "integrity": "sha512-6i/00NBjP4yGPs+caKSyRfpTF/8Torsu0MOW3mMzIbhgISFder8i7xbqgHlLMwJrdiN8ndBV3UA1/AfzPSr+jg==", "dev": true, "license": "MIT", "dependencies": { - "glob-to-regexp": "^0.4.1", "graceful-fs": "^4.1.2" }, "engines": { @@ -18177,9 +17572,9 @@ } }, "node_modules/wrap-ansi/node_modules/string-width": { - "version": "8.2.1", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-8.2.1.tgz", - "integrity": "sha512-IIaP0g3iy9Cyy18w3M9YcaDudujEAVHKt3a3QJg1+sr/oX96TbaGUubG0hJyCjCBThFH+tFpcIyoUHUn1ogaLA==", + "version": "8.2.2", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-8.2.2.tgz", + "integrity": "sha512-GaPUh5gfdrYzqeVNZvUfT23vYYxXzKYidUcnMtJg/3rxRV63EFZy3k6xfKlmfeJD0176lnUV/Usr3XcwSvFzpg==", "dev": true, "license": "MIT", "dependencies": { @@ -18200,9 +17595,9 @@ "license": "ISC" }, "node_modules/ws": { - "version": "7.5.11", - "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.11.tgz", - "integrity": "sha512-zS54Oen9bITtp7kp2XM3AydrCIq1D+HwJOuH+c+e4LfpL/lotP5osijd+UoMnxwAam1GN8R4KtLAyIrIcBNpiA==", + "version": "7.5.13", + "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.13.tgz", + "integrity": "sha512-rsKI6xDBFVf4r/x8XyChGK04QR/XHroxs/jUcoWvtEZM8TPU/X/uIY9B1CsSzYws9ZJb/6bbBu7dPhFW00CAoA==", "license": "MIT", "engines": { "node": ">=8.3.0" @@ -18252,6 +17647,7 @@ "version": "3.1.1", "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz", "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==", + "dev": true, "license": "ISC" }, "node_modules/yargs": { @@ -18327,9 +17723,9 @@ } }, "node_modules/yoctocolors": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/yoctocolors/-/yoctocolors-2.1.2.tgz", - "integrity": "sha512-CzhO+pFNo8ajLM2d2IW/R93ipy99LWjtwblvC1RsoSUMZgyLbYFr221TnSNT7GjGdYui6P459mw9JH/g/zW2ug==", + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/yoctocolors/-/yoctocolors-2.2.0.tgz", + "integrity": "sha512-xYqdZFUK/VYazNl/oCDYN+3WloWQwMfZxBoiNt6qNyk+xfOdi598muWE42rNZFp1kNOiqW936q5RhUdnpqElSg==", "dev": true, "license": "MIT", "engines": { @@ -18353,9 +17749,9 @@ } }, "node_modules/zod": { - "version": "4.4.2", - "resolved": "https://registry.npmjs.org/zod/-/zod-4.4.2.tgz", - "integrity": "sha512-IynmDyxsEsb9RKzO3J9+4SxXnl2FTFSzNBaKKaMV6tsSk0rw9gYw9gs+JFCq/qk2LCZ78KDwyj+Z289TijSkUw==", + "version": "4.4.3", + "resolved": "https://registry.npmjs.org/zod/-/zod-4.4.3.tgz", + "integrity": "sha512-ytENFjIJFl2UwYglde2jchW2Hwm4GJFLDiSXWdTrJQBIN9Fcyp7n4DhxJEiWNAJMV1/BqWfW/kkg71UDcHJyTQ==", "license": "MIT", "funding": { "url": "https://github.com/sponsors/colinhacks"