Grid without transactions
-
- This name is forbidden.
-
- }
- Grid without transactions
+This name is forbidden.
+ }
+
-
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 9da1b765f44..4e85cfc3975 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -1,11 +1,12 @@
import {
- Component,
- OnInit,
- ViewChild,
- HostBinding,
- inject,
- signal,
- computed,
+ Component,
+ OnInit,
+ ViewChild,
+ HostBinding,
+ inject,
+ signal,
+ computed,
+ ChangeDetectionStrategy
} from '@angular/core';
import { Router, NavigationStart, NavigationEnd, RouterLinkActive, RouterLink, RouterOutlet } from '@angular/router';
import { filter } from 'rxjs/operators';
@@ -37,6 +38,7 @@ import localeHant from '@angular/common/locales/zh-Hant';
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss'],
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [
IgxNavigationDrawerComponent,
IGX_NAVIGATION_DRAWER_DIRECTIVES,
diff --git a/src/app/app.config.ts b/src/app/app.config.ts
index a40991aa04f..bc50c6d0fa5 100644
--- a/src/app/app.config.ts
+++ b/src/app/app.config.ts
@@ -2,7 +2,7 @@ import { HTTP_INTERCEPTORS, provideHttpClient, withFetch, withInterceptorsFromDi
import { ApplicationConfig, importProvidersFrom } from '@angular/core';
import { TestInterceptorClass } from './interceptor.service';
import { provideAnimations } from '@angular/platform-browser/animations';
-import { HammerModule, provideClientHydration } from '@angular/platform-browser';
+import { HammerModule, provideClientHydration, withNoIncrementalHydration } from '@angular/platform-browser';
import { provideRouter } from '@angular/router';
import { appRoutes } from './app.routes';
import { provideIgniteIntl } from 'igniteui-angular/core';
@@ -17,7 +17,7 @@ export const appConfig: ApplicationConfig = {
},
provideAnimations(),
provideHttpClient(withInterceptorsFromDi(), withFetch()),
- provideClientHydration(),
+ provideClientHydration(withNoIncrementalHydration()),
provideRouter(appRoutes),
provideIgniteIntl()
]
diff --git a/src/app/autocomplete/autocomplete.sample.ts b/src/app/autocomplete/autocomplete.sample.ts
index 867aab1e591..d0e53a6d41c 100644
--- a/src/app/autocomplete/autocomplete.sample.ts
+++ b/src/app/autocomplete/autocomplete.sample.ts
@@ -1,4 +1,4 @@
-import { Component, PipeTransform, Pipe, ViewChild } from '@angular/core';
+import { Component, PipeTransform, Pipe, ViewChild, ChangeDetectionStrategy } from '@angular/core';
import { UntypedFormBuilder, UntypedFormControl, Validators, UntypedFormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
import { worldInfo, attractions } from './data';
@@ -25,6 +25,7 @@ export class AutocompleteGroupPipeContains implements PipeTransform {
selector: 'app-autocomplete-sample',
styleUrls: ['autocomplete.sample.scss'],
templateUrl: `autocomplete.sample.html`,
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [
FormsModule,
ReactiveFormsModule,
diff --git a/src/app/avatar/avatar.sample.ts b/src/app/avatar/avatar.sample.ts
index ef6b48ab91c..6e1af913d60 100644
--- a/src/app/avatar/avatar.sample.ts
+++ b/src/app/avatar/avatar.sample.ts
@@ -1,4 +1,4 @@
-import { Component, CUSTOM_ELEMENTS_SCHEMA, DestroyRef } from '@angular/core';
+import { Component, CUSTOM_ELEMENTS_SCHEMA, DestroyRef, ChangeDetectionStrategy } from '@angular/core';
import {
IgxAvatarComponent,
IgxIconComponent,
@@ -28,6 +28,7 @@ defineComponents(IgcAvatarComponent, IgcIconComponent);
templateUrl: `avatar.sample.html`,
schemas: [CUSTOM_ELEMENTS_SCHEMA],
standalone: true,
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [
IgxAvatarComponent,
IgxIconComponent,
diff --git a/src/app/badge/badge.sample.ts b/src/app/badge/badge.sample.ts
index 434998f13f3..b3690887869 100644
--- a/src/app/badge/badge.sample.ts
+++ b/src/app/badge/badge.sample.ts
@@ -1,4 +1,4 @@
-import { Component, CUSTOM_ELEMENTS_SCHEMA, DestroyRef } from '@angular/core';
+import { Component, CUSTOM_ELEMENTS_SCHEMA, DestroyRef, ChangeDetectionStrategy } from '@angular/core';
import {
IgxBadgeComponent,
IgxAvatarComponent,
@@ -33,6 +33,7 @@ registerIconFromText('bluetooth', bluetooth);
styleUrls: ['badge.sample.scss'],
templateUrl: 'badge.sample.html',
schemas: [CUSTOM_ELEMENTS_SCHEMA],
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxBadgeComponent, IgxAvatarComponent, IgxIconComponent, IgSizeDirective]
})
diff --git a/src/app/banner/banner.sample.ts b/src/app/banner/banner.sample.ts
index c63fc6f587d..d33c3b580fa 100644
--- a/src/app/banner/banner.sample.ts
+++ b/src/app/banner/banner.sample.ts
@@ -1,4 +1,4 @@
-import { Component, CUSTOM_ELEMENTS_SCHEMA, ViewChild } from '@angular/core';
+import { Component, CUSTOM_ELEMENTS_SCHEMA, ViewChild, ChangeDetectionStrategy } from '@angular/core';
import { useAnimation } from '@angular/animations';
import { IGX_BANNER_DIRECTIVES, IgxIconComponent, IgxRippleDirective, IgxNavbarModule, IgxButtonModule, IgxBannerComponent } from 'igniteui-angular';
import { growVerIn, growVerOut } from 'igniteui-angular/animations';
@@ -30,6 +30,7 @@ icons.forEach((icon) => {
templateUrl: `banner.sample.html`,
styleUrls: [`banner.sample.scss`],
schemas: [CUSTOM_ELEMENTS_SCHEMA],
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IGX_BANNER_DIRECTIVES, IgxIconComponent, IgxRippleDirective, IgxNavbarModule, IgxButtonModule]
})
export class BannerSampleComponent {
diff --git a/src/app/bottomnav-routing/bottomnav-routing-views.sample.ts b/src/app/bottomnav-routing/bottomnav-routing-views.sample.ts
index 9530626fb31..b8c954994a1 100644
--- a/src/app/bottomnav-routing/bottomnav-routing-views.sample.ts
+++ b/src/app/bottomnav-routing/bottomnav-routing-views.sample.ts
@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
import { IgxAvatarComponent, IgxIconComponent, IgxListActionDirective, IgxListComponent, IgxListItemComponent, IgxListLineSubTitleDirective, IgxListLineTitleDirective, IgxListThumbnailDirective, IgxRippleDirective } from 'igniteui-angular';
@Component({
@@ -15,6 +15,7 @@ import { IgxAvatarComponent, IgxIconComponent, IgxListActionDirective, IgxListCo
}
`,
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [
IgxListComponent,
IgxListItemComponent,
@@ -72,6 +73,7 @@ export class BottomNavRoutingView1Component {
arcu sollicitudin finibus. Vivamus id lorem pulvinar, accumsan justo vitae, vehicula diam.
Mauris vel quam at velit venenatis vulputate in quis nisl.
`,
+ changeDetection: ChangeDetectionStrategy.Eager,
standalone: true
})
export class BottomNavRoutingView2Component {
@@ -85,6 +87,7 @@ export class BottomNavRoutingView2Component {
urna arcu, bibendum nec molestie ac, varius congue massa. Mauris porttitor viverra lacus.
Donec efficitur purus id urna dapibus, vitae pharetra orci pellentesque.
`,
+ changeDetection: ChangeDetectionStrategy.Eager,
standalone: true
})
export class BottomNavRoutingView3Component {
diff --git a/src/app/bottomnav-routing/bottomnav-routing.sample.ts b/src/app/bottomnav-routing/bottomnav-routing.sample.ts
index 720a1c66a95..9887ca37881 100644
--- a/src/app/bottomnav-routing/bottomnav-routing.sample.ts
+++ b/src/app/bottomnav-routing/bottomnav-routing.sample.ts
@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
import { RouterOutlet, RouterLinkActive, RouterLink } from '@angular/router';
import { IgxBottomNavComponent, IgxBottomNavHeaderComponent, IgxBottomNavHeaderIconDirective, IgxBottomNavHeaderLabelDirective, IgxBottomNavItemComponent, IgxIconComponent } from 'igniteui-angular';
@@ -6,6 +6,7 @@ import { IgxBottomNavComponent, IgxBottomNavHeaderComponent, IgxBottomNavHeaderI
selector: 'app-bottomnav-routing-sample',
styleUrls: ['bottomnav-routing.sample.scss'],
templateUrl: 'bottomnav-routing.sample.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [RouterOutlet, IgxBottomNavComponent, IgxBottomNavItemComponent, RouterLinkActive, IgxBottomNavHeaderComponent, RouterLink, IgxIconComponent, IgxBottomNavHeaderIconDirective, IgxBottomNavHeaderLabelDirective]
})
export class BottomNavRoutingSampleComponent {
diff --git a/src/app/bottomnav/bottomnav.sample.ts b/src/app/bottomnav/bottomnav.sample.ts
index a071b4e0d21..6c23cb2772c 100644
--- a/src/app/bottomnav/bottomnav.sample.ts
+++ b/src/app/bottomnav/bottomnav.sample.ts
@@ -1,10 +1,11 @@
import {
- AfterViewInit,
- Component,
- ElementRef,
- QueryList,
- Renderer2,
- ViewChildren
+ AfterViewInit,
+ Component,
+ ElementRef,
+ QueryList,
+ Renderer2,
+ ViewChildren,
+ ChangeDetectionStrategy
} from '@angular/core';
import { IgxAvatarComponent, IgxBottomNavComponent, IgxBottomNavContentComponent, IgxBottomNavHeaderComponent, IgxBottomNavHeaderIconDirective, IgxBottomNavHeaderLabelDirective, IgxBottomNavItemComponent, IgxIconComponent, IgxListActionDirective, IgxListComponent, IgxListItemComponent, IgxListLineSubTitleDirective, IgxListLineTitleDirective, IgxListThumbnailDirective, IgxRippleDirective } from 'igniteui-angular';
@@ -12,6 +13,7 @@ import { IgxAvatarComponent, IgxBottomNavComponent, IgxBottomNavContentComponent
selector: 'app-bottomnav-sample',
styleUrls: ['bottomnav.sample.scss'],
templateUrl: 'bottomnav.sample.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [
IgxBottomNavComponent,
IgxBottomNavItemComponent,
@@ -100,6 +102,7 @@ export class BottomNavSampleComponent implements AfterViewInit {
@Component({
selector: 'app-custom-content',
templateUrl: 'template.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
standalone: true
})
diff --git a/src/app/button/button.sample.ts b/src/app/button/button.sample.ts
index 193d53a8e85..88271f7050b 100644
--- a/src/app/button/button.sample.ts
+++ b/src/app/button/button.sample.ts
@@ -1,11 +1,12 @@
import {
- Component,
- CUSTOM_ELEMENTS_SCHEMA,
- DestroyRef,
- OnInit,
- TemplateRef,
- ViewChild,
- ViewEncapsulation,
+ Component,
+ CUSTOM_ELEMENTS_SCHEMA,
+ DestroyRef,
+ OnInit,
+ TemplateRef,
+ ViewChild,
+ ViewEncapsulation,
+ ChangeDetectionStrategy
} from '@angular/core';
import { FormsModule } from '@angular/forms';
import {
@@ -38,6 +39,7 @@ registerIconFromText('face', face);
templateUrl: 'button.sample.html',
schemas: [CUSTOM_ELEMENTS_SCHEMA],
encapsulation: ViewEncapsulation.None,
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [
FormsModule,
IgxSwitchComponent,
diff --git a/src/app/buttonGroup/buttonGroup.sample.ts b/src/app/buttonGroup/buttonGroup.sample.ts
index bf51787ac5a..01256a9630f 100644
--- a/src/app/buttonGroup/buttonGroup.sample.ts
+++ b/src/app/buttonGroup/buttonGroup.sample.ts
@@ -1,4 +1,4 @@
-import { Component, CUSTOM_ELEMENTS_SCHEMA, DestroyRef } from '@angular/core';
+import { Component, CUSTOM_ELEMENTS_SCHEMA, DestroyRef, ChangeDetectionStrategy } from '@angular/core';
import {
IgxButtonDirective,
IgxButtonGroupComponent,
@@ -55,6 +55,7 @@ icons.forEach((icon) => {
templateUrl: 'buttonGroup.sample.html',
styleUrls: ['buttonGroup.sample.scss'],
schemas: [CUSTOM_ELEMENTS_SCHEMA],
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxIconComponent]
})
diff --git a/src/app/calendar/calendar.sample.ts b/src/app/calendar/calendar.sample.ts
index 83f6c5b9b6d..6ee83d0df61 100644
--- a/src/app/calendar/calendar.sample.ts
+++ b/src/app/calendar/calendar.sample.ts
@@ -1,10 +1,11 @@
import {
- Component,
- CUSTOM_ELEMENTS_SCHEMA,
- DestroyRef,
- OnInit,
- TemplateRef,
- ViewChild,
+ Component,
+ CUSTOM_ELEMENTS_SCHEMA,
+ DestroyRef,
+ OnInit,
+ TemplateRef,
+ ViewChild,
+ ChangeDetectionStrategy
} from '@angular/core';
import { DATE_PIPE_DEFAULT_OPTIONS } from '@angular/common';
import { FormsModule } from '@angular/forms';
@@ -42,6 +43,7 @@ defineComponents(IgcCalendarComponent);
useValue: { dateFormat: 'longDate', }
}
],
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [
IgxButtonDirective,
IgxDateRangePickerModule,
diff --git a/src/app/card/card.sample.ts b/src/app/card/card.sample.ts
index 629acf4db5c..fbfdeabad3e 100644
--- a/src/app/card/card.sample.ts
+++ b/src/app/card/card.sample.ts
@@ -1,11 +1,12 @@
import {
- Component,
- CUSTOM_ELEMENTS_SCHEMA,
- DestroyRef,
- OnInit,
- TemplateRef,
- ViewChild,
- ViewEncapsulation,
+ Component,
+ CUSTOM_ELEMENTS_SCHEMA,
+ DestroyRef,
+ OnInit,
+ TemplateRef,
+ ViewChild,
+ ViewEncapsulation,
+ ChangeDetectionStrategy
} from '@angular/core';
import { FormsModule } from '@angular/forms';
import {
@@ -100,6 +101,7 @@ const cardFactory = (params: any): ICard => ({
styleUrls: ['card.sample.scss'],
templateUrl: 'card.sample.html',
schemas: [CUSTOM_ELEMENTS_SCHEMA],
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [
FormsModule,
IgxButtonDirective,
diff --git a/src/app/carousel/carousel.sample.ts b/src/app/carousel/carousel.sample.ts
index da7674e38a5..a7739de375a 100644
--- a/src/app/carousel/carousel.sample.ts
+++ b/src/app/carousel/carousel.sample.ts
@@ -1,4 +1,4 @@
-import { Component, CUSTOM_ELEMENTS_SCHEMA, DestroyRef } from '@angular/core';
+import { Component, CUSTOM_ELEMENTS_SCHEMA, DestroyRef, ChangeDetectionStrategy } from '@angular/core';
import { IGX_CAROUSEL_DIRECTIVES, IgxIconComponent } from 'igniteui-angular';
import {
Properties,
@@ -53,6 +53,7 @@ icons.forEach((icon) => {
styleUrls: ['carousel.sample.scss'],
templateUrl: 'carousel.sample.html',
schemas: [CUSTOM_ELEMENTS_SCHEMA],
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IGX_CAROUSEL_DIRECTIVES, IgxIconComponent, NgClass]
})
export class CarouselSampleComponent {
diff --git a/src/app/chips/chips.sample.ts b/src/app/chips/chips.sample.ts
index 9003d3890a2..043b51abc77 100644
--- a/src/app/chips/chips.sample.ts
+++ b/src/app/chips/chips.sample.ts
@@ -1,10 +1,11 @@
import {
- Component,
- CUSTOM_ELEMENTS_SCHEMA,
- DestroyRef,
- OnInit,
- TemplateRef,
- ViewChild,
+ Component,
+ CUSTOM_ELEMENTS_SCHEMA,
+ DestroyRef,
+ OnInit,
+ TemplateRef,
+ ViewChild,
+ ChangeDetectionStrategy
} from '@angular/core';
import { FormsModule } from '@angular/forms';
import {
@@ -62,6 +63,7 @@ icons.forEach((icon) => {
styleUrls: ['chips.sample.scss', '../app.component.scss'],
templateUrl: 'chips.sample.html',
schemas: [CUSTOM_ELEMENTS_SCHEMA],
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [
IgxChipComponent,
IgxCircularProgressBarComponent,
diff --git a/src/app/circular-progress-showcase/circular-progress-showcase.sample.ts b/src/app/circular-progress-showcase/circular-progress-showcase.sample.ts
index 312baa260eb..884bfc2d1c2 100644
--- a/src/app/circular-progress-showcase/circular-progress-showcase.sample.ts
+++ b/src/app/circular-progress-showcase/circular-progress-showcase.sample.ts
@@ -1,4 +1,4 @@
-import { Component, CUSTOM_ELEMENTS_SCHEMA, DestroyRef } from '@angular/core';
+import { Component, CUSTOM_ELEMENTS_SCHEMA, DestroyRef, ChangeDetectionStrategy } from '@angular/core';
import { IgxCircularProgressBarComponent } from 'igniteui-angular';
import {
IgcCircularProgressComponent,
@@ -18,6 +18,7 @@ defineComponents(IgcCircularProgressComponent);
templateUrl: 'circular-progress-showcase.sample.html',
standalone: true,
schemas: [CUSTOM_ELEMENTS_SCHEMA],
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxCircularProgressBarComponent]
})
diff --git a/src/app/combo-showcase/combo-showcase.sample.ts b/src/app/combo-showcase/combo-showcase.sample.ts
index a4ecad9cb56..76995e1987b 100644
--- a/src/app/combo-showcase/combo-showcase.sample.ts
+++ b/src/app/combo-showcase/combo-showcase.sample.ts
@@ -1,4 +1,4 @@
-import { Component, CUSTOM_ELEMENTS_SCHEMA, DestroyRef } from '@angular/core';
+import { Component, CUSTOM_ELEMENTS_SCHEMA, DestroyRef, ChangeDetectionStrategy } from '@angular/core';
import { FormsModule } from '@angular/forms';
import {
IGX_COMBO_DIRECTIVES,
@@ -17,6 +17,7 @@ defineComponents(IgcComboComponent);
templateUrl: './combo-showcase.sample.html',
styleUrls: ['combo-showcase.sample.scss'],
schemas: [CUSTOM_ELEMENTS_SCHEMA],
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [
FormsModule,
IgxLabelDirective,
diff --git a/src/app/combo/combo.sample.ts b/src/app/combo/combo.sample.ts
index dc6afdbff2c..56b6de10740 100644
--- a/src/app/combo/combo.sample.ts
+++ b/src/app/combo/combo.sample.ts
@@ -1,11 +1,12 @@
import {
- AfterViewInit,
- ChangeDetectorRef,
- Component,
- ElementRef,
- OnInit,
- TemplateRef,
- ViewChild,
+ AfterViewInit,
+ ChangeDetectorRef,
+ Component,
+ ElementRef,
+ OnInit,
+ TemplateRef,
+ ViewChild,
+ ChangeDetectionStrategy
} from '@angular/core';
import {
UntypedFormBuilder,
@@ -55,6 +56,7 @@ import { scaleInCenter, scaleOutCenter } from 'igniteui-angular/animations';
selector: 'combo-sample',
templateUrl: './combo.sample.html',
styleUrls: ['combo.sample.scss'],
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [
FormsModule,
IgxSimpleComboComponent,
diff --git a/src/app/date-picker/date-picker.sample.ts b/src/app/date-picker/date-picker.sample.ts
index e7b5413497c..6f0b0e7d72f 100644
--- a/src/app/date-picker/date-picker.sample.ts
+++ b/src/app/date-picker/date-picker.sample.ts
@@ -1,4 +1,4 @@
-import { Component, CUSTOM_ELEMENTS_SCHEMA, DestroyRef, inject } from '@angular/core';
+import { Component, CUSTOM_ELEMENTS_SCHEMA, DestroyRef, inject, ChangeDetectionStrategy } from '@angular/core';
import { ReactiveFormsModule, UntypedFormBuilder, Validators } from '@angular/forms';
import {
IGX_DATE_PICKER_DIRECTIVES,
@@ -33,6 +33,7 @@ registerIconFromText('alarm', alarm);
styleUrls: ['date-picker.sample.scss'],
templateUrl: 'date-picker.sample.html',
schemas: [CUSTOM_ELEMENTS_SCHEMA],
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [
IGX_DATE_PICKER_DIRECTIVES,
IgxButtonDirective,
diff --git a/src/app/date-range/date-range.sample.ts b/src/app/date-range/date-range.sample.ts
index bf7223905b5..35c61f9a018 100644
--- a/src/app/date-range/date-range.sample.ts
+++ b/src/app/date-range/date-range.sample.ts
@@ -1,4 +1,4 @@
-import { Component, CUSTOM_ELEMENTS_SCHEMA, DestroyRef, ViewChild } from '@angular/core';
+import { Component, CUSTOM_ELEMENTS_SCHEMA, DestroyRef, ViewChild, ChangeDetectionStrategy } from '@angular/core';
import { JsonPipe } from '@angular/common';
import { UntypedFormGroup, UntypedFormBuilder, Validators, UntypedFormControl, ValidatorFn, AbstractControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
import { DateRange, IgxButtonDirective, IgxDateRangePickerComponent, IgxDateTimeEditorDirective, IgxInputDirective, IgxLabelDirective, IgxRadioComponent, IgxRippleDirective, IGX_INPUT_GROUP_TYPE, IChangeCheckboxEventArgs, IGX_DATE_RANGE_PICKER_DIRECTIVES, IgxIconComponent, IgSizeDirective, CustomDateRange, CalendarDay, DateRangeType } from 'igniteui-angular';
@@ -18,6 +18,7 @@ defineComponents(IgcDateRangePickerComponent, IgcButtonComponent, IgcIconCompone
useValue: 'border'
}
],
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [
IgxButtonDirective,
IgxRippleDirective,
diff --git a/src/app/date-time-editor/date-time-editor.sample.ts b/src/app/date-time-editor/date-time-editor.sample.ts
index 3b0f814113b..8bd82ce3260 100644
--- a/src/app/date-time-editor/date-time-editor.sample.ts
+++ b/src/app/date-time-editor/date-time-editor.sample.ts
@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { IgxDateTimeEditorDirective, IgxDateTimeEditorEventArgs, IgxIconButtonDirective, IgxIconComponent, IgxInputDirective, IgxInputGroupComponent, IgxRippleDirective, IgxSuffixDirective } from 'igniteui-angular';
@@ -6,6 +6,7 @@ import { IgxDateTimeEditorDirective, IgxDateTimeEditorEventArgs, IgxIconButtonDi
selector: 'app-date-time-editor',
templateUrl: './date-time-editor.sample.html',
styleUrls: ['./date-time-editor.sample.css'],
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxInputGroupComponent, IgxInputDirective, IgxDateTimeEditorDirective, FormsModule, IgxSuffixDirective, IgxRippleDirective, IgxIconComponent, IgxIconButtonDirective]
})
export class DateTimeEditorSampleComponent {
diff --git a/src/app/dialog/dialog.sample.ts b/src/app/dialog/dialog.sample.ts
index 8366ba7f543..6b807b312cd 100644
--- a/src/app/dialog/dialog.sample.ts
+++ b/src/app/dialog/dialog.sample.ts
@@ -1,4 +1,4 @@
-import { Component, CUSTOM_ELEMENTS_SCHEMA, DestroyRef } from '@angular/core';
+import { Component, CUSTOM_ELEMENTS_SCHEMA, DestroyRef, ChangeDetectionStrategy } from '@angular/core';
import {
IgxButtonDirective,
IGX_DIALOG_DIRECTIVES,
@@ -50,6 +50,7 @@ icons.forEach((icon) => {
templateUrl: 'dialog.sample.html',
schemas: [CUSTOM_ELEMENTS_SCHEMA],
standalone: true,
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [
IGX_DIALOG_DIRECTIVES,
IgxButtonDirective,
diff --git a/src/app/divider/divider.component.ts b/src/app/divider/divider.component.ts
index 8212ef2282d..81aa3873f81 100644
--- a/src/app/divider/divider.component.ts
+++ b/src/app/divider/divider.component.ts
@@ -1,4 +1,4 @@
-import { Component, QueryList, ViewChildren } from '@angular/core';
+import { Component, QueryList, ViewChildren, ChangeDetectionStrategy } from '@angular/core';
import {
IgxDividerDirective, IgxHintDirective,
IgxIconComponent,
@@ -29,6 +29,7 @@ import {
IgxHintDirective
],
templateUrl: './divider.component.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
styleUrls: ['./divider.component.scss']
})
export class DividerComponent {
diff --git a/src/app/dockmanager-grid/dockmanager-grid.sample.ts b/src/app/dockmanager-grid/dockmanager-grid.sample.ts
index a48674c5f65..4cdf2821cdc 100644
--- a/src/app/dockmanager-grid/dockmanager-grid.sample.ts
+++ b/src/app/dockmanager-grid/dockmanager-grid.sample.ts
@@ -1,4 +1,4 @@
-import { AfterViewInit, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectorRef, Component, DoCheck, ElementRef, EventEmitter, HostBinding, Input, OnDestroy, OnInit, Output, Renderer2, TemplateRef, ViewChild, ViewContainerRef, ViewEncapsulation } from '@angular/core';
+import { AfterViewInit, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectorRef, Component, DoCheck, ElementRef, EventEmitter, HostBinding, Input, OnDestroy, OnInit, Output, Renderer2, TemplateRef, ViewChild, ViewContainerRef, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';
import { AbsoluteScrollStrategy, ConnectedPositioningStrategy, DefaultSortingStrategy, GridColumnDataType, IGX_BUTTON_GROUP_DIRECTIVES, IGX_GRID_DIRECTIVES, IgxColumnComponent, IgxGridComponent, IgxIconModule, IgxOverlayOutletDirective, IgxSelectComponent, IgxSelectModule, IgxSwitchModule, OverlaySettings, SortingDirection } from 'igniteui-angular';
import { IgcDockManagerLayout, IgcDockManagerPaneType, IgcSplitPane, IgcSplitPaneOrientation } from 'igniteui-dockmanager';
import { defineCustomElements } from 'igniteui-dockmanager/loader';
@@ -13,6 +13,7 @@ defineCustomElements();
@Component({
selector: 'app-dock-slot',
+ changeDetection: ChangeDetectionStrategy.Eager,
template: `
+
+
-
+ }
+
+
+
+
+
+ @for(item of items; track item.field) {
+
+
+ {{ item.field }}
+ }
+
-
- Row edit
-
-
-
- {{cell.row.validation.status}}
-
-
-
-
-
-
-
-
-
- @if (cell.validation.errors?.['forbiddenName']) {
-
-
-
-
-
+
+ Row edit
+
+
+
+ {{ cell.row.validation.status }}
+
+
+
+
+
+
+
+
+ @if (cell.validation.errors?.['forbiddenName']) {
+
+
+
+
+
-
-
+
+
-
- Row edit
-
-
-
-
-
- @if (cell.validation.errors?.['forbiddenName']) {
-
-
-
-
-
-
-
-
-
-
-
+
+ Row edit
+
+
+
+
+ @if (cell.validation.errors?.['forbiddenName']) {
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ cell.row.validation.status }}
+
+
+ @for (c of treeColumns; track c) {
+
+
+ }
+
+
+
+
+
+
-
-
-
-
- {{cell.row.validation.status}}
-
-
- @for (c of treeColumns; track c) {
-
-
- }
-
-
-
-
-
-
-
-
-
-
- @for (c of hColumns; track c) {
-
-
- }
-
- @for (c of hColumns2; track c) {
-
-
-
-
- @if (cell.validation.errors?.['forbiddenName']) {
-
-
- }
-
-
-
+
+
+ @for (c of hColumns; track c) {
+
+ }
+
+ @for (c of hColumns2; track c) {
+
+
+
+ @if (cell.validation.errors?.['forbiddenName']) {
+
+
+ }
+
+
+
+
diff --git a/src/app/grid-validation/grid-validation.sample.component.ts b/src/app/grid-validation/grid-validation.sample.component.ts
index 9b45a74a557..b4be62ccfa1 100644
--- a/src/app/grid-validation/grid-validation.sample.component.ts
+++ b/src/app/grid-validation/grid-validation.sample.component.ts
@@ -1,4 +1,4 @@
-import { Component, Directive, ViewChild, Input } from '@angular/core';
+import { Component, Directive, ViewChild, Input, ChangeDetectionStrategy } from '@angular/core';
import { NgTemplateOutlet } from '@angular/common';
import { AbstractControl, NG_VALIDATORS, ValidationErrors, ValidatorFn, Validators, FormsModule } from '@angular/forms';
@@ -34,6 +34,7 @@ export function forbiddenNameValidator(nameRe: RegExp): ValidatorFn {
selector: 'app-grid-row-edit',
styleUrls: [`grid-validation.sample.component.scss`],
templateUrl: 'grid-validation.sample.component.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [
NgTemplateOutlet,
FormsModule,
diff --git a/src/app/grid/grid.sample.html b/src/app/grid/grid.sample.html
index 2f67f33a48f..c0529db0d97 100644
--- a/src/app/grid/grid.sample.html
+++ b/src/app/grid/grid.sample.html
@@ -1,147 +1,193 @@
Grid with transactions
-
- This name is forbidden.
-
- }
- Grid with transactions
+This name is forbidden.
+ }
+ TreeGrid
+TreeGrid
-Hierarchical Grid
-
- This name is forbidden.
-
- }
- Hierarchical Grid
+This name is forbidden.
+ }
+ Grid with autogenerated columns and local data
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
- Add new row
-The row is added through the grid API
-
-
-
-
-
-
-
-
-
- Grid with autogenerated columns and local data
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
+
+
+
+
+
+
-
-
-
-
-
-
+
+
+
+
+
+
-
-
-
-
-
+ Add new row
++ The row is added through the grid API +
+
+
+
+
+
+
+
+
+
+ Edit selected cell
-Bound through ngModel
-
-
-
-
-
-
- Edit selected cell
+Bound through ngModel
+
+
+
+
+
+
+ Delete selected row
-Revertable for the last deleted row
-
-
-
- Delete selected row
++ Revertable for the last deleted row +
+
+
+
+
- @for (col of grid1.columns; track col) {
-
-
-
-
+
+
+
-
-
-
- }
+ {{ col.field }}
-
- Filtering
-
-
- Sorting
-
-
- Editable
-
-
- Hidden
-
-
- Disable Hiding
-
-
+ @for (col of grid1.columns; track col) {
+
-
+
+ }
+ {{ col.field }}
+
+ Filtering
+
+ Sorting
+
+
+ Editable
+
+
+ Hidden
+
+
+ Disable Hiding
+
+ Grid with templated column cells and local observable data source
-
-
+
-
+
-
-
-
- @for (col of grid2.columns; track col) {
-
-
- }
- {{ col.field }}
-
- Filtering
-
-
- Sorting
-
-
- Editable
-
-
- Hidden
-
-
- Disable Hiding
-
- + Grid with templated column cells and local observable data source +
+
+
-
-
-
-
-
-
-
-
-
- @if (gridPaging) {
-
-
-
+
+
+
+
+
+
+
+ @if (gridPaging) {
+
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
+
- Enable Paging
-
-
-
-
-
-
-
-
-
-
-
-
-
+ @for (col of grid2.columns; track col) {
+
+
+ }
+ {{ col.field }}
+
+ Filtering
+
+
+ Sorting
+
+
+ Editable
+
+
+ Hidden
+
+
+ Disable Hiding
+
+
-
+ Enable Paging
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{column.field}}
-{{column.field}}
+Grid with templated cell remote data
- -
-
-
-
-
-
- {{column.field}}
-Grid with templated cell remote data
+ +
+
+
+
+
+
+ {{column.field}}
+
-
-
+
+
+
diff --git a/src/app/grid/grid.sample.ts b/src/app/grid/grid.sample.ts
index fc94203ef0a..bd8c211e8e2 100644
--- a/src/app/grid/grid.sample.ts
+++ b/src/app/grid/grid.sample.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit, ViewChild, AfterViewInit } from '@angular/core';
+import { Component, OnInit, ViewChild, AfterViewInit, ChangeDetectionStrategy } from '@angular/core';
import { Observable } from 'rxjs';
import { AsyncPipe } from '@angular/common';
import { FormsModule } from '@angular/forms';
@@ -16,6 +16,7 @@ import { CsvFileTypes, DefaultSortingStrategy, GridSelectionMode, IgxBaseExporte
LocalService,
RemoteService
],
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [
FormsModule,
AsyncPipe,
diff --git a/src/app/hierarchical-grid-add-row/hierarchical-grid-add-row.sample.ts b/src/app/hierarchical-grid-add-row/hierarchical-grid-add-row.sample.ts
index 6f5f2ca40e0..eb46f5263d0 100644
--- a/src/app/hierarchical-grid-add-row/hierarchical-grid-add-row.sample.ts
+++ b/src/app/hierarchical-grid-add-row/hierarchical-grid-add-row.sample.ts
@@ -1,9 +1,10 @@
-import { Component, ChangeDetectorRef, AfterViewInit } from '@angular/core';
+import { Component, ChangeDetectorRef, AfterViewInit, ChangeDetectionStrategy } from '@angular/core';
import { ColumnPinningPosition, IgxActionStripComponent, IgxColumnComponent, IgxGridEditingActionsComponent, IgxGridPinningActionsComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular';
@Component({
selector: 'app-hierarchical-grid-add-row-sample',
templateUrl: 'hierarchical-grid-add-row.sample.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxHierarchicalGridComponent, IgxGridToolbarComponent, IgxGridToolbarActionsComponent,
IgxGridToolbarPinningComponent, IgxGridToolbarHidingComponent, IgxActionStripComponent, IgxGridPinningActionsComponent, IgxGridEditingActionsComponent, IgxRowIslandComponent]
})
diff --git a/src/app/hierarchical-grid-advanced-filtering/hierarchical-grid-advanced-filtering.sample.ts b/src/app/hierarchical-grid-advanced-filtering/hierarchical-grid-advanced-filtering.sample.ts
index 5e3eff812c3..cfb42969f28 100644
--- a/src/app/hierarchical-grid-advanced-filtering/hierarchical-grid-advanced-filtering.sample.ts
+++ b/src/app/hierarchical-grid-advanced-filtering/hierarchical-grid-advanced-filtering.sample.ts
@@ -1,4 +1,4 @@
-import { Component, ViewChild, ChangeDetectorRef, AfterViewInit } from '@angular/core';
+import { Component, ViewChild, ChangeDetectorRef, AfterViewInit, ChangeDetectionStrategy } from '@angular/core';
import {
IgxHierarchicalGridComponent,
IGX_HIERARCHICAL_GRID_DIRECTIVES,
@@ -14,6 +14,7 @@ import { SINGERS } from './data';
selector: 'app-hierarchical-grid-advanced-filtering-sample',
styleUrls: ['hierarchical-grid-advanced-filtering.sample.scss'],
templateUrl: 'hierarchical-grid-advanced-filtering.sample.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IGX_HIERARCHICAL_GRID_DIRECTIVES]
})
export class HierarchicalGridAdvancedFilteringSampleComponent implements AfterViewInit {
diff --git a/src/app/hierarchical-grid-remote-virtualization/hierarchical-grid-remote-virtualization.ts b/src/app/hierarchical-grid-remote-virtualization/hierarchical-grid-remote-virtualization.ts
index bd5345ae2a1..ae1597ed3b1 100644
--- a/src/app/hierarchical-grid-remote-virtualization/hierarchical-grid-remote-virtualization.ts
+++ b/src/app/hierarchical-grid-remote-virtualization/hierarchical-grid-remote-virtualization.ts
@@ -1,4 +1,4 @@
-import { Component, ViewChild, AfterViewInit, ChangeDetectorRef } from '@angular/core';
+import { Component, ViewChild, AfterViewInit, ChangeDetectorRef, ChangeDetectionStrategy } from '@angular/core';
import {
IGX_HIERARCHICAL_GRID_DIRECTIVES,
IgxHierarchicalGridComponent
@@ -11,6 +11,7 @@ import { debounceTime } from 'rxjs/operators';
templateUrl: 'hierarchical-grid-remote-virtualization.html',
styleUrls: ['hierarchical-grid-remote-virtualization.scss'],
providers: [HierarchicalRemoteService],
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IGX_HIERARCHICAL_GRID_DIRECTIVES]
})
export class HierarchicalGridRemoteVirtualizationComponent implements AfterViewInit {
diff --git a/src/app/hierarchical-grid-remote/hierarchical-grid-remote.sample.ts b/src/app/hierarchical-grid-remote/hierarchical-grid-remote.sample.ts
index 9111a5ac319..3b216788993 100644
--- a/src/app/hierarchical-grid-remote/hierarchical-grid-remote.sample.ts
+++ b/src/app/hierarchical-grid-remote/hierarchical-grid-remote.sample.ts
@@ -1,4 +1,4 @@
-import { Component, ViewChild, OnInit, ChangeDetectorRef, AfterViewInit } from '@angular/core';
+import { Component, ViewChild, OnInit, ChangeDetectorRef, AfterViewInit, ChangeDetectionStrategy } from '@angular/core';
import {
IgxRowIslandComponent,
IgxHierarchicalGridComponent,
@@ -17,6 +17,7 @@ const API_ENDPOINT = 'https://data-northwind.indigo.design';
selector: 'app-hierarchical-grid-remote-sample',
templateUrl: 'hierarchical-grid-remote.sample.html',
styleUrls: ['hierarchical-grid-remote.sample.scss'],
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IGX_HIERARCHICAL_GRID_DIRECTIVES]
})
export class HierarchicalGridRemoteSampleComponent implements OnInit, AfterViewInit {
diff --git a/src/app/hierarchical-grid-updating/hierarchical-grid-updating.sample.ts b/src/app/hierarchical-grid-updating/hierarchical-grid-updating.sample.ts
index a895c416de7..ccc1c16764b 100644
--- a/src/app/hierarchical-grid-updating/hierarchical-grid-updating.sample.ts
+++ b/src/app/hierarchical-grid-updating/hierarchical-grid-updating.sample.ts
@@ -1,4 +1,4 @@
-import { Component, ViewChild, AfterViewInit } from '@angular/core';
+import { Component, ViewChild, AfterViewInit, ChangeDetectionStrategy } from '@angular/core';
import {
IgxRowIslandComponent,
IgxHierarchicalGridComponent,
@@ -14,6 +14,7 @@ import { RemoteService } from '../shared/remote.service';
styleUrls: ['hierarchical-grid-updating.sample.scss'],
templateUrl: 'hierarchical-grid-updating.sample.html',
providers: [RemoteService],
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxButtonDirective, IgxHierarchicalGridComponent, IgxColumnComponent, IgxRowIslandComponent]
})
export class HierarchicalGridUpdatingSampleComponent implements AfterViewInit {
diff --git a/src/app/hierarchical-grid/hierarchical-grid.sample.ts b/src/app/hierarchical-grid/hierarchical-grid.sample.ts
index 96394bbd56b..c22c9c067dd 100644
--- a/src/app/hierarchical-grid/hierarchical-grid.sample.ts
+++ b/src/app/hierarchical-grid/hierarchical-grid.sample.ts
@@ -1,4 +1,4 @@
-import { Component, ViewChild, ChangeDetectorRef, AfterViewInit, HostBinding } from '@angular/core';
+import { Component, ViewChild, ChangeDetectorRef, AfterViewInit, HostBinding, ChangeDetectionStrategy } from '@angular/core';
import { GridSearchBoxComponent } from '../grid-search-box/grid-search-box.component';
import {
IgxRowIslandComponent,
@@ -17,6 +17,7 @@ import {
selector: 'app-hierarchical-grid-sample',
styleUrls: ['hierarchical-grid.sample.scss'],
templateUrl: 'hierarchical-grid.sample.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [GridSearchBoxComponent, IGX_HIERARCHICAL_GRID_DIRECTIVES, IgxIconComponent, IGX_BUTTON_GROUP_DIRECTIVES, IgxActionStripComponent]
})
export class HierarchicalGridSampleComponent implements AfterViewInit {
diff --git a/src/app/hound/hound.component.ts b/src/app/hound/hound.component.ts
index 8fff9069931..d791dd094c9 100644
--- a/src/app/hound/hound.component.ts
+++ b/src/app/hound/hound.component.ts
@@ -1,4 +1,4 @@
-import {Component, OnInit} from '@angular/core';
+import {Component, OnInit, ChangeDetectionStrategy} from '@angular/core';
import {
IgxButtonModule,
IgxCheckboxComponent,
@@ -54,6 +54,7 @@ import {FormsModule} from "@angular/forms";
IgxTabHeaderComponent,
],
templateUrl: './hound.component.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
styleUrl: './hound.component.scss'
})
export class HoundComponent implements OnInit {
diff --git a/src/app/icon-button/icon-button.sample.ts b/src/app/icon-button/icon-button.sample.ts
index 523fdf16770..cb6e9818127 100644
--- a/src/app/icon-button/icon-button.sample.ts
+++ b/src/app/icon-button/icon-button.sample.ts
@@ -1,4 +1,4 @@
-import { Component, CUSTOM_ELEMENTS_SCHEMA, DestroyRef } from '@angular/core';
+import { Component, CUSTOM_ELEMENTS_SCHEMA, DestroyRef, ChangeDetectionStrategy } from '@angular/core';
import {
IgxIconButtonDirective,
IgxIconComponent,
@@ -26,6 +26,7 @@ registerIconFromText('favorite', favorite);
styleUrls: ['icon-button.sample.scss'],
templateUrl: 'icon-button.sample.html',
schemas: [CUSTOM_ELEMENTS_SCHEMA],
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxIconComponent, IgxIconButtonDirective, IgSizeDirective]
})
export class IconButtonSampleComponent {
diff --git a/src/app/icon/LazyModule/LazyComponent/lazyIcon.sample.ts b/src/app/icon/LazyModule/LazyComponent/lazyIcon.sample.ts
index 3ce0cdbd7aa..7c9f5dde6bc 100644
--- a/src/app/icon/LazyModule/LazyComponent/lazyIcon.sample.ts
+++ b/src/app/icon/LazyModule/LazyComponent/lazyIcon.sample.ts
@@ -1,11 +1,12 @@
import { HttpClient } from '@angular/common/http';
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core';
import { IgxIconComponent } from 'igniteui-angular';
@Component({
selector: 'app-lazy-icon-sample',
styleUrls: ['./lazyIcon.sample.css'],
templateUrl: 'lazyIcon.sample.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxIconComponent]
})
export class LazyIconSampleComponent implements OnInit {
diff --git a/src/app/icon/ThemedComponent/themed-icon.component.ts b/src/app/icon/ThemedComponent/themed-icon.component.ts
index e63d7a5d22b..e37b3040a16 100644
--- a/src/app/icon/ThemedComponent/themed-icon.component.ts
+++ b/src/app/icon/ThemedComponent/themed-icon.component.ts
@@ -1,4 +1,4 @@
-import { Component, inject } from '@angular/core';
+import { Component, inject, ChangeDetectionStrategy } from '@angular/core';
import {
IgxButtonGroupComponent,
IgxButtonDirective,
@@ -19,6 +19,7 @@ import {
},
IgxIconService, // Create New Icon Service Scoped to this component
],
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxIconComponent, IgxButtonDirective, IgxButtonGroupComponent]
})
export class ThemedIconComponent {
diff --git a/src/app/icon/icon.sample.ts b/src/app/icon/icon.sample.ts
index 10b2f88c32a..3a2d39dcd6c 100644
--- a/src/app/icon/icon.sample.ts
+++ b/src/app/icon/icon.sample.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit, ViewEncapsulation } from '@angular/core';
+import { Component, OnInit, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';
import { Router } from '@angular/router';
import { IgxButtonDirective, IgxIconComponent, IgxIconService } from 'igniteui-angular';
@@ -9,6 +9,7 @@ import { ThemedIconComponent } from './ThemedComponent/themed-icon.component';
styleUrls: ['./icon.sample.scss'],
templateUrl: 'icon.sample.html',
encapsulation: ViewEncapsulation.None,
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxIconComponent, IgxButtonDirective, ThemedIconComponent]
})
export class IconSampleComponent implements OnInit {
diff --git a/src/app/input-controls/input-controls.sample.ts b/src/app/input-controls/input-controls.sample.ts
index 764a072ad23..37e1fe9be4b 100644
--- a/src/app/input-controls/input-controls.sample.ts
+++ b/src/app/input-controls/input-controls.sample.ts
@@ -1,4 +1,4 @@
-import { Component, CUSTOM_ELEMENTS_SCHEMA, DestroyRef } from '@angular/core';
+import { Component, CUSTOM_ELEMENTS_SCHEMA, DestroyRef, ChangeDetectionStrategy } from '@angular/core';
import {
IgxCheckboxComponent,
IgxSwitchComponent,
@@ -31,6 +31,7 @@ defineComponents(
styleUrls: ['input-controls.sample.scss'],
templateUrl: 'input-controls.sample.html',
schemas: [CUSTOM_ELEMENTS_SCHEMA],
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [
IgxCheckboxComponent,
IgxSwitchComponent,
diff --git a/src/app/input-group-showcase/input-group-showcase.sample.ts b/src/app/input-group-showcase/input-group-showcase.sample.ts
index 5dab7ef8366..c9024f73e75 100644
--- a/src/app/input-group-showcase/input-group-showcase.sample.ts
+++ b/src/app/input-group-showcase/input-group-showcase.sample.ts
@@ -1,4 +1,4 @@
-import {Component, CUSTOM_ELEMENTS_SCHEMA, inject, signal, computed, viewChild, DestroyRef} from '@angular/core';
+import {Component, CUSTOM_ELEMENTS_SCHEMA, inject, signal, computed, viewChild, DestroyRef, ChangeDetectionStrategy} from '@angular/core';
import {FormsModule, ReactiveFormsModule, UntypedFormBuilder, Validators} from '@angular/forms';
import {
@@ -47,6 +47,7 @@ defineComponents(
IgxSelectItemComponent,
IgxComboComponent,
],
+ changeDetection: ChangeDetectionStrategy.Eager,
schemas: [CUSTOM_ELEMENTS_SCHEMA],
})
export class InputGroupShowcaseSampleComponent {
diff --git a/src/app/label/label.sample.ts b/src/app/label/label.sample.ts
index 857c4d56457..4e3227bb93f 100644
--- a/src/app/label/label.sample.ts
+++ b/src/app/label/label.sample.ts
@@ -1,10 +1,11 @@
-import { Component } from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
import {IgxLabelDirective} from "igniteui-angular";
@Component({
selector: 'app-label',
imports: [IgxLabelDirective],
templateUrl: './label.sample.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
styleUrl: './label.sample.scss'
})
export class LabelSampleComponent {
diff --git a/src/app/layout/layout.sample.ts b/src/app/layout/layout.sample.ts
index 438316c1238..23b75585f8c 100644
--- a/src/app/layout/layout.sample.ts
+++ b/src/app/layout/layout.sample.ts
@@ -1,10 +1,11 @@
-import { Component } from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
import { IgxFlexDirective, IgxLayoutDirective } from 'igniteui-angular';
@Component({
selector: 'app-layout-sample',
styleUrls: ['layout.sample.scss'],
templateUrl: 'layout.sample.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxLayoutDirective, IgxFlexDirective]
})
export class LayoutSampleComponent { }
diff --git a/src/app/linear-progress/linear-progress.sample.ts b/src/app/linear-progress/linear-progress.sample.ts
index 674207b228f..86758c79dcc 100644
--- a/src/app/linear-progress/linear-progress.sample.ts
+++ b/src/app/linear-progress/linear-progress.sample.ts
@@ -1,4 +1,4 @@
-import { Component, CUSTOM_ELEMENTS_SCHEMA, DestroyRef } from '@angular/core';
+import { Component, CUSTOM_ELEMENTS_SCHEMA, DestroyRef, ChangeDetectionStrategy } from '@angular/core';
import { IgxLinearProgressBarComponent, IgxTextAlign } from 'igniteui-angular';
import {
IgcLinearProgressComponent,
@@ -18,6 +18,7 @@ defineComponents(IgcLinearProgressComponent);
templateUrl: 'linear-progress.sample.html',
standalone: true,
schemas: [CUSTOM_ELEMENTS_SCHEMA],
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxLinearProgressBarComponent]
})
diff --git a/src/app/list-panning/list-panning.sample.ts b/src/app/list-panning/list-panning.sample.ts
index 23bf59db6f4..dbc8db5b6aa 100644
--- a/src/app/list-panning/list-panning.sample.ts
+++ b/src/app/list-panning/list-panning.sample.ts
@@ -1,10 +1,11 @@
-import { Component, ViewChild, ViewEncapsulation } from '@angular/core';
+import { Component, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';
import { IGX_LIST_DIRECTIVES, IgxAvatarComponent, IgxButtonDirective, IgxIconComponent, IgxRippleDirective, IgxToastComponent } from 'igniteui-angular';
@Component({
selector: 'app-list-panning-sample',
styleUrls: ['list-panning.sample.scss'],
templateUrl: 'list-panning.sample.html',
encapsulation: ViewEncapsulation.None,
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxRippleDirective, IgxAvatarComponent, IgxIconComponent, IgxToastComponent, IgxButtonDirective, IGX_LIST_DIRECTIVES]
})
export class ListPanningSampleComponent {
diff --git a/src/app/list-performance/list-performance.sample.ts b/src/app/list-performance/list-performance.sample.ts
index 774f86ff013..9e4b7ce6aa5 100644
--- a/src/app/list-performance/list-performance.sample.ts
+++ b/src/app/list-performance/list-performance.sample.ts
@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { IGX_INPUT_GROUP_DIRECTIVES, IGX_LIST_DIRECTIVES, IgxAvatarComponent, IgxButtonDirective, IgxCardComponent, IgxFilterOptions, IgxFilterPipe, IgxForOfDirective, IgxIconComponent, IgxRippleDirective } from 'igniteui-angular';
@@ -8,6 +8,7 @@ import { IGX_INPUT_GROUP_DIRECTIVES, IGX_LIST_DIRECTIVES, IgxAvatarComponent, Ig
selector: 'app-list-performance-sample',
styleUrls: ['list-performance.sample.scss'],
templateUrl: 'list-performance.sample.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxIconComponent, FormsModule, IgxButtonDirective, IgxCardComponent, IgxForOfDirective, IgxRippleDirective, IgxAvatarComponent, IgxFilterPipe, IGX_LIST_DIRECTIVES, IGX_INPUT_GROUP_DIRECTIVES]
})
export class ListPerformanceSampleComponent {
diff --git a/src/app/list/list.sample.ts b/src/app/list/list.sample.ts
index 5cc31545450..a53c2031b61 100644
--- a/src/app/list/list.sample.ts
+++ b/src/app/list/list.sample.ts
@@ -1,8 +1,9 @@
import {
- Component,
- CUSTOM_ELEMENTS_SCHEMA,
- DestroyRef,
- ViewEncapsulation,
+ Component,
+ CUSTOM_ELEMENTS_SCHEMA,
+ DestroyRef,
+ ViewEncapsulation,
+ ChangeDetectionStrategy
} from '@angular/core';
import { FormsModule } from '@angular/forms';
import {
@@ -84,6 +85,7 @@ interface Employee {
IgSizeDirective,
HammerModule
],
+ changeDetection: ChangeDetectionStrategy.Eager,
providers: [
{
provide: HAMMER_GESTURE_CONFIG,
diff --git a/src/app/mask/mask.sample.ts b/src/app/mask/mask.sample.ts
index a789f1be653..90c5dbeec5c 100644
--- a/src/app/mask/mask.sample.ts
+++ b/src/app/mask/mask.sample.ts
@@ -1,4 +1,4 @@
-import { Component, Pipe, PipeTransform } from '@angular/core';
+import { Component, Pipe, PipeTransform, ChangeDetectionStrategy } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { IGX_INPUT_GROUP_DIRECTIVES, IgxMaskDirective, IgxSnackbarComponent, IgxTextSelectionDirective } from 'igniteui-angular';
@@ -15,6 +15,7 @@ interface IPerson {
selector: 'app-mask-sample',
styleUrls: ['mask.sample.scss'],
templateUrl: './mask.sample.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [FormsModule, IGX_INPUT_GROUP_DIRECTIVES, IgxMaskDirective, IgxTextSelectionDirective, IgxSnackbarComponent]
})
export class MaskSampleComponent {
diff --git a/src/app/month-picker/month-picker.sample.ts b/src/app/month-picker/month-picker.sample.ts
index 068b5a064f7..a624d67f83c 100644
--- a/src/app/month-picker/month-picker.sample.ts
+++ b/src/app/month-picker/month-picker.sample.ts
@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { IgxMonthPickerComponent, IgxButtonDirective } from 'igniteui-angular';
@@ -6,6 +6,7 @@ import { IgxMonthPickerComponent, IgxButtonDirective } from 'igniteui-angular';
selector: 'app-monthpicker',
styleUrls: ['./month-picker.sample.scss'],
templateUrl: './month-picker.sample.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxMonthPickerComponent, IgxButtonDirective, FormsModule]
})
export class MonthPickerSampleComponent {
diff --git a/src/app/navbar/navbar.sample.ts b/src/app/navbar/navbar.sample.ts
index caccb615668..7dda494f7d1 100644
--- a/src/app/navbar/navbar.sample.ts
+++ b/src/app/navbar/navbar.sample.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit, ViewEncapsulation } from '@angular/core';
+import { Component, OnInit, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';
import {Location} from '@angular/common';
import {
IGX_NAVBAR_DIRECTIVES,
@@ -19,6 +19,7 @@ const CURRENT_VIEW = 'Ignite UI for Angular Samples';
selector: 'app-navbar-sample',
styleUrls: ['navbar.sample.scss'],
templateUrl: 'navbar.sample.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IGX_NAVBAR_DIRECTIVES, IgxIconComponent, IgxButtonDirective, IgxIconButtonDirective, IgxAvatarComponent, IGX_PROGRESS_BAR_DIRECTIVES, IGX_INPUT_GROUP_DIRECTIVES, FormsModule]
})
export class NavbarSampleComponent implements OnInit {
diff --git a/src/app/navdrawer/navdrawer.sample.ts b/src/app/navdrawer/navdrawer.sample.ts
index c9cd134b9e2..a4363ce43cd 100644
--- a/src/app/navdrawer/navdrawer.sample.ts
+++ b/src/app/navdrawer/navdrawer.sample.ts
@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { IgxRadioComponent, IgxSwitchComponent } from 'igniteui-angular';
import { AppComponent } from '../app.component';
@@ -9,6 +9,7 @@ import { AppComponent } from '../app.component';
selector: 'app-navbar-sample',
styleUrls: ['navdrawer.sample.scss'],
templateUrl: 'navdrawer.sample.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxSwitchComponent, FormsModule, IgxRadioComponent]
})
export class NavdrawerSampleComponent {
diff --git a/src/app/overlay/overlay-animation.sample.ts b/src/app/overlay/overlay-animation.sample.ts
index bea77c96e1a..48098a10b60 100644
--- a/src/app/overlay/overlay-animation.sample.ts
+++ b/src/app/overlay/overlay-animation.sample.ts
@@ -1,4 +1,4 @@
-import { Component, ViewChild } from '@angular/core';
+import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core';
import { AnimationReferenceMetadata, animation, style, AnimationMetadata, animate } from '@angular/animations';
import {
OverlaySettings,
@@ -16,6 +16,7 @@ import {
selector: 'overlay-animation-sample',
templateUrl: './overlay-animation.sample.html',
styleUrls: ['overlay-animation.sample.scss'],
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxAvatarComponent, IgxToggleDirective, IGX_CARD_DIRECTIVES]
})
export class OverlayAnimationSampleComponent {
diff --git a/src/app/overlay/overlay-presets.sample.ts b/src/app/overlay/overlay-presets.sample.ts
index d552ccae19f..3305e30821d 100644
--- a/src/app/overlay/overlay-presets.sample.ts
+++ b/src/app/overlay/overlay-presets.sample.ts
@@ -1,4 +1,4 @@
-import { Component, ViewChild, ElementRef, OnInit } from '@angular/core';
+import { Component, ViewChild, ElementRef, OnInit, ChangeDetectionStrategy } from '@angular/core';
import { FormsModule } from '@angular/forms';
import {
IgxDropDownComponent,
@@ -19,6 +19,7 @@ import {
selector: 'overlay-presets-sample',
templateUrl: './overlay-presets.sample.html',
styleUrls: ['overlay-presets.sample.scss'],
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxRadioComponent, FormsModule, IgxButtonDirective, IgxRippleDirective, IgxDragDirective, IgxDropDownComponent, IgxDropDownItemComponent, IgxToggleDirective]
})
export class OverlayPresetsSampleComponent implements OnInit {
diff --git a/src/app/overlay/overlay.sample.ts b/src/app/overlay/overlay.sample.ts
index b80fe39d7f1..37a335cca0d 100644
--- a/src/app/overlay/overlay.sample.ts
+++ b/src/app/overlay/overlay.sample.ts
@@ -1,4 +1,4 @@
-import { Component, ViewChild, ElementRef, ChangeDetectorRef, OnInit } from '@angular/core';
+import { Component, ViewChild, ElementRef, ChangeDetectorRef, OnInit, ChangeDetectionStrategy } from '@angular/core';
import { FormsModule } from '@angular/forms';
import {
IgxDropDownComponent,
@@ -30,6 +30,7 @@ import { IAnimationParams } from 'igniteui-angular/animations';
selector: 'overlay-sample',
styleUrls: ['overlay.sample.css'],
templateUrl: './overlay.sample.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxRadioComponent, FormsModule, IgxSwitchComponent, IgxInputGroupComponent, IgxInputDirective, IgxLabelDirective, IgxButtonDirective, IgxRippleDirective, IgxDragDirective, IgxDropDownComponent, IgxDropDownItemComponent, IgxToggleDirective]
})
export class OverlaySampleComponent implements OnInit {
diff --git a/src/app/pageHeading/pageHeading.component.ts b/src/app/pageHeading/pageHeading.component.ts
index 9c643019ecb..0018187902d 100644
--- a/src/app/pageHeading/pageHeading.component.ts
+++ b/src/app/pageHeading/pageHeading.component.ts
@@ -1,4 +1,4 @@
-import { Component, EventEmitter, inject, Input, Output } from '@angular/core';
+import { Component, EventEmitter, inject, Input, Output, ChangeDetectionStrategy } from '@angular/core';
import { AsyncPipe, KeyValuePipe } from '@angular/common';
import {
IgxDropDownComponent,
@@ -22,6 +22,7 @@ export type DocumentDirection = 'ltr' | 'rtl';
selector: 'app-page-header',
styleUrls: ['./pageHeading.styles.scss'],
templateUrl: './pageHeading.template.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [
IgxRippleDirective,
IgxToggleActionDirective,
diff --git a/src/app/pageHeading/pageHeading.template.html b/src/app/pageHeading/pageHeading.template.html
index f4ef3ea92e3..007657fad58 100644
--- a/src/app/pageHeading/pageHeading.template.html
+++ b/src/app/pageHeading/pageHeading.template.html
@@ -1,63 +1,59 @@
-@let config = (propertyChangeService.panelConfig | async | keyvalue)?.length > 0;
+@let config = $safeNavigationMigration((propertyChangeService.panelConfig |
+async | keyvalue)?.length) > 0;
-
diff --git a/src/app/pagination/pagination.component.ts b/src/app/pagination/pagination.component.ts
index 4e234f318fc..175cf1d0d86 100644
--- a/src/app/pagination/pagination.component.ts
+++ b/src/app/pagination/pagination.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core';
import { IgxButtonDirective, IgxIconButtonDirective, IgxIconComponent, IgxPageSizeSelectorComponent, IgxPaginatorComponent, IgxPaginatorContentDirective } from 'igniteui-angular';
@@ -6,6 +6,7 @@ import { IgxButtonDirective, IgxIconButtonDirective, IgxIconComponent, IgxPageSi
selector: 'app-pagination',
styleUrls: ['./pagination.styles.scss'],
templateUrl: './pagination.template.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxPaginatorComponent, IgxPaginatorContentDirective, IgxButtonDirective, IgxPageSizeSelectorComponent, IgxIconComponent, IgxIconButtonDirective]
})
export class PaginationSampleComponent implements OnInit {
diff --git a/src/app/pivot-grid-hierarchy/pivot-grid-hierarchy.sample.ts b/src/app/pivot-grid-hierarchy/pivot-grid-hierarchy.sample.ts
index 8e6f51ec87a..2b5c3e5fb1c 100644
--- a/src/app/pivot-grid-hierarchy/pivot-grid-hierarchy.sample.ts
+++ b/src/app/pivot-grid-hierarchy/pivot-grid-hierarchy.sample.ts
@@ -1,4 +1,4 @@
-import { Component, ViewChild } from '@angular/core';
+import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { IgxComboComponent, IgxExcelExporterOptions, IgxExcelExporterService, IgxPivotGridComponent, IgxPivotNumericAggregate, IPivotConfiguration, IPivotDimension, IPivotUISettings, PivotRowLayoutType } from 'igniteui-angular';
import { DATA } from '../shared/pivot-data';
@@ -8,6 +8,7 @@ import { DATA } from '../shared/pivot-data';
selector: 'app-pivot-grid-hierarchy-sample',
styleUrls: ['pivot-grid-hierarchy.sample.scss'],
templateUrl: 'pivot-grid-hierarchy.sample.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxComboComponent, FormsModule, IgxPivotGridComponent]
})
diff --git a/src/app/pivot-grid-noop/pivot-grid-noop.sample.ts b/src/app/pivot-grid-noop/pivot-grid-noop.sample.ts
index a81f1d3da14..1e4b347f51d 100644
--- a/src/app/pivot-grid-noop/pivot-grid-noop.sample.ts
+++ b/src/app/pivot-grid-noop/pivot-grid-noop.sample.ts
@@ -1,4 +1,4 @@
-import { Component, ViewChild } from '@angular/core';
+import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core';
import { IGridState, IPivotConfiguration, IPivotDimension, IPivotUISettings, IPivotValue, IgxButtonDirective, IgxGridStateDirective, IgxPivotGridComponent, IgxPivotNumericAggregate, NoopPivotDimensionsStrategy, NoopSortingStrategy, PivotRowLayoutType } from 'igniteui-angular';
import { take } from 'rxjs/operators';
@@ -23,6 +23,7 @@ export class MyColumnStrategy extends NoopPivotDimensionsStrategy {
selector: 'app-tree-grid-sample',
styleUrls: ['pivot-grid-noop.sample.scss'],
templateUrl: 'pivot-grid-noop.sample.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxPivotGridComponent, IgxGridStateDirective, IgxButtonDirective]
})
diff --git a/src/app/pivot-grid-state/pivot-grid-state.sample.ts b/src/app/pivot-grid-state/pivot-grid-state.sample.ts
index 5d3a9957bdf..10ff7902929 100644
--- a/src/app/pivot-grid-state/pivot-grid-state.sample.ts
+++ b/src/app/pivot-grid-state/pivot-grid-state.sample.ts
@@ -1,4 +1,4 @@
-import { Component, ViewChild } from '@angular/core';
+import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core';
import { FormsModule } from '@angular/forms';
import {
IgxPivotNumericAggregate,
@@ -54,6 +54,7 @@ export class IgxTotalSaleAggregate {
selector: 'app-tree-grid-sample',
styleUrls: ['pivot-grid-state.sample.scss'],
templateUrl: 'pivot-grid-state.sample.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [FormsModule, IgxButtonDirective, IgxSwitchComponent,
IgxPivotGridComponent, IgxGridStateDirective, IgxPivotDataSelectorComponent, IgxPivotRowDimensionHeaderTemplateDirective]
})
diff --git a/src/app/pivot-grid/pivot-grid.sample.ts b/src/app/pivot-grid/pivot-grid.sample.ts
index 132e5d4752d..1c83aa1ba44 100644
--- a/src/app/pivot-grid/pivot-grid.sample.ts
+++ b/src/app/pivot-grid/pivot-grid.sample.ts
@@ -1,4 +1,4 @@
-import { Component, HostBinding, ViewChild } from '@angular/core';
+import { Component, HostBinding, ViewChild, ChangeDetectionStrategy } from '@angular/core';
import { FormsModule } from '@angular/forms';
import {
IgxPivotNumericAggregate,
@@ -55,6 +55,7 @@ export class IgxTotalSaleAggregate {
selector: 'app-tree-grid-sample',
styleUrls: ['pivot-grid.sample.scss'],
templateUrl: 'pivot-grid.sample.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxComboComponent, FormsModule, IgxButtonGroupComponent, IgxButtonDirective, IgxPivotGridComponent, IgxPivotValueChipTemplateDirective, IgxPivotDataSelectorComponent]
})
export class PivotGridSampleComponent {
diff --git a/src/app/properties-panel/properties-panel.component.html b/src/app/properties-panel/properties-panel.component.html
index 4095e896edb..636260399ef 100644
--- a/src/app/properties-panel/properties-panel.component.html
+++ b/src/app/properties-panel/properties-panel.component.html
@@ -1,111 +1,144 @@
-
-
+ - {{ title }} -
-
+
+
- {{ title }}
+
- Localization:
-
-
-
-
- @for(item of selectLocales; track item) {
-
- {{ item }}
-
- }
-
+
+ Localization:
+
+
+
+
+ @for(item of selectLocales; track item) {
+ {{ item }}
+ }
+
- Direction:
-
+ Direction:
+
- @if(config) {
-
- }
-
+ @if(config) {
+
+ }
+
-
diff --git a/src/app/properties-panel/properties-panel.component.ts b/src/app/properties-panel/properties-panel.component.ts
index 562f789411a..d0ee377f4a3 100644
--- a/src/app/properties-panel/properties-panel.component.ts
+++ b/src/app/properties-panel/properties-panel.component.ts
@@ -1,9 +1,10 @@
import {
- ChangeDetectorRef,
- Component,
- DestroyRef,
- TemplateRef,
- inject,
+ ChangeDetectorRef,
+ Component,
+ DestroyRef,
+ TemplateRef,
+ inject,
+ ChangeDetectionStrategy
} from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormGroup, FormControl, ReactiveFormsModule, FormsModule } from '@angular/forms';
@@ -34,6 +35,7 @@ import {
standalone: true,
templateUrl: './properties-panel.component.html',
styleUrl: './properties-panel.component.scss',
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [
FormsModule,
ReactiveFormsModule,
diff --git a/src/app/query-builder/query-builder.sample.ts b/src/app/query-builder/query-builder.sample.ts
index ac89ac47cb6..7f5921bf1fe 100644
--- a/src/app/query-builder/query-builder.sample.ts
+++ b/src/app/query-builder/query-builder.sample.ts
@@ -1,4 +1,4 @@
-import { Component, ViewChild, OnInit } from '@angular/core';
+import { Component, ViewChild, OnInit, ChangeDetectionStrategy } from '@angular/core';
import {
FilteringExpressionsTree,
FilteringLogic,
@@ -27,6 +27,7 @@ import { FormsModule } from '@angular/forms';
selector: 'app-query-builder-sample',
styleUrls: ['query-builder.sample.scss'],
templateUrl: 'query-builder.sample.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [FormsModule, IGX_DIALOG_DIRECTIVES, IgxComboComponent, IgxQueryBuilderComponent, IgxQueryBuilderHeaderComponent, IgxButtonDirective, IgxRippleDirective, CommonModule, IgxQueryBuilderSearchValueTemplateDirective, IgxIconComponent]
})
export class QueryBuilderComponent implements OnInit {
diff --git a/src/app/radio/radio-group.component.ts b/src/app/radio/radio-group.component.ts
index bc1ff604c55..1559c607195 100644
--- a/src/app/radio/radio-group.component.ts
+++ b/src/app/radio/radio-group.component.ts
@@ -5,6 +5,7 @@ import {
ComponentRef,
ViewContainerRef,
OnInit,
+ ChangeDetectionStrategy
} from '@angular/core';
import {
IChangeCheckboxEventArgs,
@@ -16,6 +17,7 @@ import {
@Component({
selector: 'app-radio-group',
templateUrl: './radio-group.component.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxRadioGroupDirective],
})
export class RadioGroupComponent implements OnInit {
diff --git a/src/app/rating/rating.sample.ts b/src/app/rating/rating.sample.ts
index 14bfa4cba9d..f2221c56838 100644
--- a/src/app/rating/rating.sample.ts
+++ b/src/app/rating/rating.sample.ts
@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { defineComponents, IgcRatingComponent } from 'igniteui-webcomponents';
import { IgxCardComponent, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardContentDirective, IgxInputGroupComponent, IgxInputDirective, IgxLabelDirective, IgcFormControlDirective } from 'igniteui-angular';
@@ -10,6 +10,7 @@ defineComponents(IgcRatingComponent);
selector: 'app-rating-sample',
styleUrls: ['rating.sample.scss'],
templateUrl: 'rating.sample.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxCardComponent, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardContentDirective, FormsModule, IgxInputGroupComponent, IgxInputDirective, IgxLabelDirective, IgcFormControlDirective]
})
export class RatingSampleComponent {
diff --git a/src/app/reactive-from/reactive-form-sample.component.ts b/src/app/reactive-from/reactive-form-sample.component.ts
index c2088e10afb..09d563af297 100644
--- a/src/app/reactive-from/reactive-form-sample.component.ts
+++ b/src/app/reactive-from/reactive-form-sample.component.ts
@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
import { UntypedFormBuilder, UntypedFormControl, UntypedFormGroup, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
import { IgxSelectComponent, IgxSelectGroupComponent, IgxSelectItemComponent, IgxLabelDirective, IgxSelectToggleIconDirective, IgxIconComponent, IgxInputGroupComponent, IgxInputDirective, IgxSuffixDirective, IgxPrefixDirective, IgxHintDirective, IgxComboComponent, IgxDatePickerComponent, IgxTimePickerComponent, IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular';
@@ -6,6 +6,7 @@ import { IgxSelectComponent, IgxSelectGroupComponent, IgxSelectItemComponent, Ig
selector: 'app-reactive-form',
styleUrls: ['reactive-form-sample.component.scss'],
templateUrl: 'reactive-form-sample.component.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [FormsModule, ReactiveFormsModule, IgxSelectComponent, IgxSelectGroupComponent, IgxSelectItemComponent, IgxLabelDirective, IgxSelectToggleIconDirective, IgxIconComponent, IgxInputGroupComponent, IgxInputDirective, IgxSuffixDirective, IgxPrefixDirective, IgxHintDirective, IgxComboComponent, IgxDatePickerComponent, IgxTimePickerComponent, IgxButtonDirective, IgxRippleDirective]
})
export class ReactiveFormSampleComponent {
diff --git a/src/app/ripple/ripple.sample.ts b/src/app/ripple/ripple.sample.ts
index 116e4fdd197..52749383f71 100644
--- a/src/app/ripple/ripple.sample.ts
+++ b/src/app/ripple/ripple.sample.ts
@@ -1,10 +1,11 @@
-import { Component } from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
import { IgxRippleDirective } from 'igniteui-angular';
@Component({
selector: 'app-ripple-sample',
styleUrls: ['ripple.sample.scss'],
templateUrl: 'ripple.sample.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxRippleDirective]
})
export class RippleSampleComponent {}
diff --git a/src/app/size-selector/size-selector.component.ts b/src/app/size-selector/size-selector.component.ts
index b7f77d6db6a..a43c7edd6d4 100644
--- a/src/app/size-selector/size-selector.component.ts
+++ b/src/app/size-selector/size-selector.component.ts
@@ -1,10 +1,11 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core';
import { IgxButtonGroupModule } from 'igniteui-angular';
@Component({
selector: 'size-selector',
styleUrls: ['size-selector.component.scss'],
templateUrl: 'size-selector.component.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [
IgxButtonGroupModule
]
diff --git a/src/app/slider-showcase/slider-showcase.sample.ts b/src/app/slider-showcase/slider-showcase.sample.ts
index 862a693891d..78b84709034 100644
--- a/src/app/slider-showcase/slider-showcase.sample.ts
+++ b/src/app/slider-showcase/slider-showcase.sample.ts
@@ -1,4 +1,4 @@
-import { Component, CUSTOM_ELEMENTS_SCHEMA, DestroyRef } from '@angular/core';
+import { Component, CUSTOM_ELEMENTS_SCHEMA, DestroyRef, ChangeDetectionStrategy } from '@angular/core';
import {
TicksOrientation,
IgxSliderComponent,
@@ -22,6 +22,7 @@ defineComponents(IgcSliderComponent, IgcSliderLabelComponent);
styleUrls: ['slider-showcase.sample.scss'],
templateUrl: 'slider-showcase.sample.html',
schemas: [CUSTOM_ELEMENTS_SCHEMA],
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxSliderComponent]
})
export class SliderShowcaseSampleComponent {
diff --git a/src/app/slider/range-slider/range-slider.component.ts b/src/app/slider/range-slider/range-slider.component.ts
index dcad1c532a0..e3297d07600 100644
--- a/src/app/slider/range-slider/range-slider.component.ts
+++ b/src/app/slider/range-slider/range-slider.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, IgxSliderComponent, IgxSliderType, IgxThumbFromTemplateDirective, IgxThumbToTemplateDirective, IRangeSliderValue } from 'igniteui-angular';
@@ -6,6 +6,7 @@ import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxSlider
selector: 'app-range-slider',
templateUrl: './range-slider.component.html',
styleUrls: ['./range-slider.component.scss'],
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxSliderComponent, IgxThumbFromTemplateDirective, IgxThumbToTemplateDirective, FormsModule, IgxInputGroupComponent, IgxLabelDirective, IgxInputDirective]
})
export class RangeSliderComponent {
diff --git a/src/app/slider/slider.sample.ts b/src/app/slider/slider.sample.ts
index 4d78c515a29..7b39fd02dd4 100644
--- a/src/app/slider/slider.sample.ts
+++ b/src/app/slider/slider.sample.ts
@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { IgxSliderType, ISliderValueChangeEventArgs, IRangeSliderValue, TickLabelsOrientation, TicksOrientation, IgxButtonDirective, IgxSliderComponent, IgxTickLabelTemplateDirective } from 'igniteui-angular';
@@ -16,6 +16,7 @@ class Task {
selector: 'app-slider-sample',
styleUrls: ['slider.sample.scss'],
templateUrl: 'slider.sample.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxSliderComponent, FormsModule, IgxTickLabelTemplateDirective, IgxButtonDirective]
})
export class SliderSampleComponent {
diff --git a/src/app/snackbar-showcase/snackbar-showcase.sample.ts b/src/app/snackbar-showcase/snackbar-showcase.sample.ts
index 632d9c68430..066fd3a277e 100644
--- a/src/app/snackbar-showcase/snackbar-showcase.sample.ts
+++ b/src/app/snackbar-showcase/snackbar-showcase.sample.ts
@@ -1,4 +1,4 @@
-import { Component, CUSTOM_ELEMENTS_SCHEMA, DestroyRef } from '@angular/core';
+import { Component, CUSTOM_ELEMENTS_SCHEMA, DestroyRef, ChangeDetectionStrategy } from '@angular/core';
import {
IgxButtonDirective,
IgxSnackbarComponent
@@ -18,6 +18,7 @@ defineComponents(IgcSnackbarComponent);
templateUrl: 'snackbar-showcase.sample.html',
schemas: [CUSTOM_ELEMENTS_SCHEMA],
standalone: true,
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [
IgxSnackbarComponent,
IgxButtonDirective,
diff --git a/src/app/stepper/stepper.sample.ts b/src/app/stepper/stepper.sample.ts
index f24f00425b7..f701a9cadbe 100644
--- a/src/app/stepper/stepper.sample.ts
+++ b/src/app/stepper/stepper.sample.ts
@@ -1,13 +1,14 @@
import {
- Component,
- CUSTOM_ELEMENTS_SCHEMA,
- DestroyRef,
- Directive,
- ElementRef,
- HostBinding,
- inject,
- OnInit,
- ViewChild
+ Component,
+ CUSTOM_ELEMENTS_SCHEMA,
+ DestroyRef,
+ Directive,
+ ElementRef,
+ HostBinding,
+ inject,
+ OnInit,
+ ViewChild,
+ ChangeDetectionStrategy
} from '@angular/core';
import {
FormsModule,
@@ -104,6 +105,7 @@ export class FormControlSyncDirective implements OnInit {
templateUrl: 'stepper.sample.html',
styleUrls: ['stepper.sample.scss'],
schemas: [CUSTOM_ELEMENTS_SCHEMA],
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [
IgxButtonDirective,
FormControlSyncDirective,
diff --git a/src/app/styleguide/animations/animations.sample.ts b/src/app/styleguide/animations/animations.sample.ts
index cb17e9ace85..1ebe5c34dc3 100644
--- a/src/app/styleguide/animations/animations.sample.ts
+++ b/src/app/styleguide/animations/animations.sample.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,
IgxDialogComponent, IgxListComponent, IgxListItemComponent, IgxOverlayService, IgxRippleDirective, IListItemClickEventArgs,
@@ -30,6 +30,7 @@ import {
selector: 'app-animations-sample',
styleUrls: ['animations.sample.scss'],
templateUrl: 'animations.sample.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxListComponent, IgxListItemComponent, IgxRippleDirective, IgxDialogComponent]
})
export class AnimationsSampleComponent {
diff --git a/src/app/styleguide/colors/color.sample.ts b/src/app/styleguide/colors/color.sample.ts
index dab6c1b0070..76cfb0ed8dc 100644
--- a/src/app/styleguide/colors/color.sample.ts
+++ b/src/app/styleguide/colors/color.sample.ts
@@ -1,9 +1,10 @@
-import { Component } from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
@Component({
selector: 'app-colors-sample',
styleUrls: ['color.sample.scss'],
templateUrl: 'color.sample.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: []
})
export class ColorsSampleComponent {
diff --git a/src/app/styleguide/shadows/shadows.sample.ts b/src/app/styleguide/shadows/shadows.sample.ts
index 8d7dd83b7fe..2f874573770 100644
--- a/src/app/styleguide/shadows/shadows.sample.ts
+++ b/src/app/styleguide/shadows/shadows.sample.ts
@@ -1,9 +1,10 @@
-import { Component } from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
@Component({
selector: 'app-shadows-sample',
styleUrls: ['shadows.sample.css'],
templateUrl: 'shadows.sample.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
standalone: true
})
export class ShadowsSampleComponent {}
diff --git a/src/app/styleguide/typography/typography.sample.ts b/src/app/styleguide/typography/typography.sample.ts
index 9ec64ed0d22..ac5331c91df 100644
--- a/src/app/styleguide/typography/typography.sample.ts
+++ b/src/app/styleguide/typography/typography.sample.ts
@@ -1,9 +1,10 @@
-import { Component } from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
@Component({
selector: 'app-typography-sample',
styleUrls: ['typography.sample.css'],
templateUrl: 'typography.sample.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
standalone: true
})
export class TypographySampleComponent {}
diff --git a/src/app/tabs-routing/tabs-routing-views.sample.ts b/src/app/tabs-routing/tabs-routing-views.sample.ts
index 760b0576bb6..27b75d20143 100644
--- a/src/app/tabs-routing/tabs-routing-views.sample.ts
+++ b/src/app/tabs-routing/tabs-routing-views.sample.ts
@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
import { IgxAvatarComponent } from 'igniteui-angular/avatar';
import { IgxRippleDirective } from 'igniteui-angular/directives';
import { IgxIconComponent } from 'igniteui-angular/icon';
@@ -18,6 +18,7 @@ import { IgxListActionDirective, IgxListComponent, IgxListItemComponent, IgxList
}
`,
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxListComponent, IgxListItemComponent, IgxRippleDirective, IgxAvatarComponent, IgxListThumbnailDirective, IgxListLineTitleDirective, IgxListLineSubTitleDirective, IgxIconComponent, IgxListActionDirective]
})
export class TabsRoutingView1Component {
@@ -63,6 +64,7 @@ export class TabsRoutingView1Component {
arcu sollicitudin finibus. Vivamus id lorem pulvinar, accumsan justo vitae, vehicula diam.
Mauris vel quam at velit venenatis vulputate in quis nisl.
`,
+ changeDetection: ChangeDetectionStrategy.Eager,
standalone: true
})
export class TabsRoutingView2Component {
@@ -76,6 +78,7 @@ export class TabsRoutingView2Component {
urna arcu, bibendum nec molestie ac, varius congue massa. Mauris porttitor viverra lacus.
Donec efficitur purus id urna dapibus, vitae pharetra orci pellentesque.
`,
+ changeDetection: ChangeDetectionStrategy.Eager,
standalone: true
})
export class TabsRoutingView3Component {
diff --git a/src/app/tabs-routing/tabs-routing.sample.ts b/src/app/tabs-routing/tabs-routing.sample.ts
index 542c9c27b6d..01f0a66e8a6 100644
--- a/src/app/tabs-routing/tabs-routing.sample.ts
+++ b/src/app/tabs-routing/tabs-routing.sample.ts
@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
import { Router, RouterLinkActive, RouterLink, RouterOutlet } from '@angular/router';
import { IgxBottomNavHeaderIconDirective, IgxBottomNavHeaderLabelDirective, IgxButtonGroupComponent, IgxIconComponent, IgxTabHeaderComponent, IgxTabItemComponent, IgxTabsComponent, ITabsSelectedItemChangeEventArgs } from 'igniteui-angular';
@@ -7,6 +7,7 @@ import { IgxBottomNavHeaderIconDirective, IgxBottomNavHeaderLabelDirective, IgxB
selector: 'app-tabs-routing-sample',
styleUrls: ['tabs-routing.sample.scss'],
templateUrl: 'tabs-routing.sample.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxButtonGroupComponent, IgxTabsComponent, IgxTabItemComponent, RouterLinkActive, IgxTabHeaderComponent, RouterLink, IgxIconComponent, IgxBottomNavHeaderIconDirective, IgxBottomNavHeaderLabelDirective, RouterOutlet]
})
export class TabsRoutingSampleComponent {
diff --git a/src/app/tabs-showcase/tabs-showcase.sample.ts b/src/app/tabs-showcase/tabs-showcase.sample.ts
index fcf308b106f..f4faa803984 100644
--- a/src/app/tabs-showcase/tabs-showcase.sample.ts
+++ b/src/app/tabs-showcase/tabs-showcase.sample.ts
@@ -1,14 +1,15 @@
import {
- Component,
- CUSTOM_ELEMENTS_SCHEMA,
- inject,
- TemplateRef,
- ViewChild,
- ViewEncapsulation,
- OnInit,
- ElementRef,
- ChangeDetectorRef,
- DestroyRef,
+ Component,
+ CUSTOM_ELEMENTS_SCHEMA,
+ inject,
+ TemplateRef,
+ ViewChild,
+ ViewEncapsulation,
+ OnInit,
+ ElementRef,
+ ChangeDetectorRef,
+ DestroyRef,
+ ChangeDetectionStrategy
} from '@angular/core';
import {
@@ -42,6 +43,7 @@ registerIconFromText(
schemas: [CUSTOM_ELEMENTS_SCHEMA],
encapsulation: ViewEncapsulation.None,
standalone: true,
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxButtonDirective, IgxIconComponent, IGX_TABS_DIRECTIVES]
})
export class TabsShowcaseSampleComponent implements OnInit {
diff --git a/src/app/time-picker/time-picker.sample.ts b/src/app/time-picker/time-picker.sample.ts
index 6023e5906f0..48ab9e3f44b 100644
--- a/src/app/time-picker/time-picker.sample.ts
+++ b/src/app/time-picker/time-picker.sample.ts
@@ -1,4 +1,4 @@
-import { Component, DestroyRef, inject, TemplateRef, ViewChild, OnInit } from '@angular/core';
+import { Component, DestroyRef, inject, TemplateRef, ViewChild, OnInit, ChangeDetectionStrategy } from '@angular/core';
import { FormsModule, ReactiveFormsModule, UntypedFormBuilder, Validators } from '@angular/forms';
import {
IgxTimePickerComponent,
@@ -26,6 +26,7 @@ import {
selector: 'app-time-picker-sample',
styleUrls: ['time-picker.sample.scss'],
templateUrl: 'time-picker.sample.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [
IgxTimePickerComponent,
FormsModule,
diff --git a/src/app/toast-showcase/toast-showcase.sample.ts b/src/app/toast-showcase/toast-showcase.sample.ts
index a812a596968..1de40c27ee1 100644
--- a/src/app/toast-showcase/toast-showcase.sample.ts
+++ b/src/app/toast-showcase/toast-showcase.sample.ts
@@ -1,4 +1,4 @@
-import { Component, CUSTOM_ELEMENTS_SCHEMA, DestroyRef } from '@angular/core';
+import { Component, CUSTOM_ELEMENTS_SCHEMA, DestroyRef, ChangeDetectionStrategy } from '@angular/core';
import {
IgxButtonDirective,
IgxRippleDirective,
@@ -18,6 +18,7 @@ defineComponents(IgcToastComponent);
styleUrls: ['toast-showcase.sample.scss'],
templateUrl: 'toast-showcase.sample.html',
schemas: [CUSTOM_ELEMENTS_SCHEMA],
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [
IgxButtonDirective,
IgxRippleDirective,
diff --git a/src/app/tooltip/tooltip.sample.ts b/src/app/tooltip/tooltip.sample.ts
index 5482ab0e370..72e315fd4ae 100644
--- a/src/app/tooltip/tooltip.sample.ts
+++ b/src/app/tooltip/tooltip.sample.ts
@@ -1,4 +1,4 @@
-import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, ViewChild } from '@angular/core';
+import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core';
import { FormsModule } from '@angular/forms';
import {
IgxAvatarComponent,
@@ -30,6 +30,7 @@ defineComponents(IgcTooltipComponent, IgcButtonComponent);
styleUrls: ['tooltip.sample.css'],
templateUrl: 'tooltip.sample.html',
schemas: [CUSTOM_ELEMENTS_SCHEMA],
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxAvatarComponent, IgxTooltipTargetDirective, IgxTooltipDirective, IgxIconComponent, IgxIconButtonDirective, IgxSwitchComponent, FormsModule, IgxSliderComponent, IgxButtonDirective, IgxCardComponent, IgxCardContentDirective, IgxCardActionsComponent, IgxRippleDirective, IgxGridComponent, IgxColumnComponent, IgxCellTemplateDirective]
})
export class TooltipSampleComponent implements OnInit {
diff --git a/src/app/tree-grid-add-row/tree-grid-add-row.sample.html b/src/app/tree-grid-add-row/tree-grid-add-row.sample.html
index 437a82fcaaf..918ac5cad58 100644
--- a/src/app/tree-grid-add-row/tree-grid-add-row.sample.html
+++ b/src/app/tree-grid-add-row/tree-grid-add-row.sample.html
@@ -1,40 +1,73 @@
Properties Panel
- @for( key of getConfigKeys(); track key ) { -
- @if (getControlType(key) !== 'boolean') {
-
- }
+
+ @for (option of getControlOptions(key); track option) {
+
+ {{ option }}
+
+ }
+
+ }
+
+ }
- @if (customControls) {
- Properties Panel
+ @for (key of getConfigKeys(); track key) { +
+ @if (getControlType(key) !== 'boolean') {
+
+ }
-
- @if (getControlType(key) === 'text') {
-
-
-
- }
+
+ @if (getControlType(key) === 'text') {
+
+
+
+ }
-
- @if (getControlType(key) === 'number') {
-
-
-
- }
+
+ @if (getControlType(key) === 'number') {
+
+
+
+ }
-
- @if (getControlType(key) === 'range') {
-
-
- }
+
+ @if (getControlType(key) === 'range') {
+
+
+ }
-
- @if (getControlType(key) === 'boolean') {
-
- @for (option of getControlOptions(key); track option) {
-
- {{ getControlLabels(key)[getControlOptions(key).indexOf(option)] }}
-
- }
-
- }
+ "
+ >
+ @for (option of getControlOptions(key); track option) {
+
+ {{
+ getControlLabels(key)[getControlOptions(key).indexOf(option)]
+ }}
+
+ }
+
+ }
-
- @if (getControlType(key) === 'button-group') {
-
- @for (option of getControlOptions(key); track option) {
-
- }
-
- }
+
+ @if (getControlType(key) === 'button-group') {
+
+ @for (option of getControlOptions(key); track option) {
+
+ }
+
+ }
-
- @if (getControlType(key) === 'select') {
-
- @for (option of getControlOptions(key); track option) {
-
- {{ option }}
-
- }
-
- }
-
- }
+
+ @if (getControlType(key) === 'select') {
+
-
-
-
-
- }
+
+ @if (getControlType(key) === 'boolean') {
+
+
+
+
+
+ }
-
- @if (getControlType(key) === 'date') {
-
-
- }
+
+ @if (getControlType(key) === 'date-time') {
+
+
+ }
-
- @if (
- getControlType(key) === 'radio' || getControlType(key) === 'radio-inline'
- ) {
-
-
- @for (c of columns; track c) {
-
-
- }
-
-
-
-
-
+
+ @for (c of columns; track c) {
+
+
+ }
+
+
+
+
+
+
Date: Mon, 18 May 2026 17:13:33 +0300
Subject: [PATCH 05/11] fix(*): resolving the remaining ng22 issues
---
.../src/carousel/carousel.component.ts | 39 +++++++++----------
.../grids/grid/src/grid.component.html | 2 +-
.../src/hierarchical-grid.component.html | 2 +-
.../grids/lite/src/grid-lite.component.ts | 2 +-
.../tree-grid/src/tree-grid.component.html | 1 +
tsconfig.json | 1 +
6 files changed, 23 insertions(+), 24 deletions(-)
diff --git a/projects/igniteui-angular/carousel/src/carousel/carousel.component.ts b/projects/igniteui-angular/carousel/src/carousel/carousel.component.ts
index 40ebfe2304a..a08e6e72812 100644
--- a/projects/igniteui-angular/carousel/src/carousel/carousel.component.ts
+++ b/projects/igniteui-angular/carousel/src/carousel/carousel.component.ts
@@ -1,6 +1,5 @@
import { NgClass, NgTemplateOutlet } from '@angular/common';
-import { AfterContentInit, Component, ContentChild, ContentChildren, ElementRef, EventEmitter, HostBinding, HostListener, Injectable, Input, IterableChangeRecord, IterableDiffer, IterableDiffers, OnDestroy, Output, QueryList, TemplateRef, ViewChild, ViewChildren, booleanAttribute, inject, ChangeDetectionStrategy } from '@angular/core';
-import { HammerGestureConfig, HAMMER_GESTURE_CONFIG } from '@angular/platform-browser';
+import { AfterContentInit, Component, ContentChild, ContentChildren, ElementRef, EventEmitter, HostBinding, HostListener, Input, IterableChangeRecord, IterableDiffer, IterableDiffers, OnDestroy, Output, QueryList, TemplateRef, ViewChild, ViewChildren, booleanAttribute, inject, ChangeDetectionStrategy } from '@angular/core';
import { merge, Subject } from 'rxjs';
import { takeUntil } from 'rxjs/operators';
import { CarouselResourceStringsEN, ICarouselResourceStrings, isLeftToRight} from 'igniteui-angular/core';
@@ -16,13 +15,6 @@ import { CarouselAnimationType, CarouselIndicatorsOrientation } from './enums';
let NEXT_ID = 0;
-
-@Injectable()
-export class CarouselHammerConfig extends HammerGestureConfig {
- public override overrides = {
- pan: { direction: HammerGesturesManager.Hammer?.DIRECTION_HORIZONTAL }
- };
-}
/**
* **Ignite UI for Angular Carousel** -
* [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/carousel.html)
@@ -45,12 +37,7 @@ export class CarouselHammerConfig extends HammerGestureConfig {
* ```
*/
@Component({
- providers: [
- {
- provide: HAMMER_GESTURE_CONFIG,
- useClass: CarouselHammerConfig
- }
- ],
+ providers: [HammerGesturesManager],
selector: 'igx-carousel',
templateUrl: 'carousel.component.html',
styles: [`
@@ -65,6 +52,7 @@ export class IgxCarouselComponent extends IgxCarouselComponentBase implements On
private element = inject(ElementRef);
private iterableDiffers = inject(IterableDiffers);
private platformUtil = inject(PlatformUtil);
+ private touchManager = inject(HammerGesturesManager);
@@ -554,7 +542,6 @@ export class IgxCarouselComponent extends IgxCarouselComponentBase implements On
}
/** @hidden */
- @HostListener('tap', ['$event'])
public onTap(event) {
// play pause only when tap on slide
if (event.target && event.target.classList.contains('igx-slide')) {
@@ -587,7 +574,6 @@ export class IgxCarouselComponent extends IgxCarouselComponentBase implements On
}
/** @hidden */
- @HostListener('panleft', ['$event'])
public onPanLeft(event) {
if (!this.vertical) {
this.pan(event);
@@ -595,7 +581,6 @@ export class IgxCarouselComponent extends IgxCarouselComponentBase implements On
}
/** @hidden */
- @HostListener('panright', ['$event'])
public onPanRight(event) {
if (!this.vertical) {
this.pan(event);
@@ -603,7 +588,6 @@ export class IgxCarouselComponent extends IgxCarouselComponentBase implements On
}
/** @hidden */
- @HostListener('panup', ['$event'])
public onPanUp(event) {
if (this.vertical) {
this.pan(event);
@@ -611,7 +595,6 @@ export class IgxCarouselComponent extends IgxCarouselComponentBase implements On
}
/** @hidden */
- @HostListener('pandown', ['$event'])
public onPanDown(event) {
if (this.vertical) {
this.pan(event);
@@ -621,7 +604,6 @@ export class IgxCarouselComponent extends IgxCarouselComponentBase implements On
/**
* @hidden
*/
- @HostListener('panend', ['$event'])
public onPanEnd(event) {
if (!this.gesturesSupport) {
return;
@@ -671,6 +653,7 @@ export class IgxCarouselComponent extends IgxCarouselComponentBase implements On
.subscribe((change: QueryList) => this.initSlides(change));
this.initSlides(this.slides);
+ this.registerGestureEvents();
}
/** @hidden */
@@ -682,6 +665,7 @@ export class IgxCarouselComponent extends IgxCarouselComponentBase implements On
if (this.lastInterval) {
clearInterval(this.lastInterval);
}
+ this.touchManager.destroy();
}
/** @hidden */
@@ -902,6 +886,19 @@ export class IgxCarouselComponent extends IgxCarouselComponentBase implements On
return this.currentItem.nativeElement;
}
+ private registerGestureEvents() {
+ if (!this.gesturesSupport || !this.platformUtil.isBrowser) {
+ return;
+ }
+ const el = this.element.nativeElement;
+ this.touchManager.addEventListener(el, 'tap', (e) => this.onTap(e));
+ this.touchManager.addEventListener(el, 'panleft', (e) => this.onPanLeft(e));
+ this.touchManager.addEventListener(el, 'panright', (e) => this.onPanRight(e));
+ this.touchManager.addEventListener(el, 'panup', (e) => this.onPanUp(e));
+ this.touchManager.addEventListener(el, 'pandown', (e) => this.onPanDown(e));
+ this.touchManager.addEventListener(el, 'panend', (e) => this.onPanEnd(e));
+ }
+
private resetInterval() {
if (this.lastInterval) {
clearInterval(this.lastInterval);
diff --git a/projects/igniteui-angular/grids/grid/src/grid.component.html b/projects/igniteui-angular/grids/grid/src/grid.component.html
index cb41e274ad1..8c84eaa587c 100644
--- a/projects/igniteui-angular/grids/grid/src/grid.component.html
+++ b/projects/igniteui-angular/grids/grid/src/grid.component.html
@@ -278,7 +278,7 @@
+ *ngTemplateOutlet="rowEditContainer; context: { rowChangesCount: rowChangesCount, endEdit: this.endEdit.bind(this), $implicit: this }">
diff --git a/projects/igniteui-angular/grids/hierarchical-grid/src/hierarchical-grid.component.html b/projects/igniteui-angular/grids/hierarchical-grid/src/hierarchical-grid.component.html
index 00edd902d3e..9229239cead 100644
--- a/projects/igniteui-angular/grids/hierarchical-grid/src/hierarchical-grid.component.html
+++ b/projects/igniteui-angular/grids/hierarchical-grid/src/hierarchical-grid.component.html
@@ -232,7 +232,7 @@
+ *ngTemplateOutlet="resolveRowEditContainer; context: { rowChangesCount: rowChangesCount, endEdit: this.crudService.endEdit.bind(this), $implicit: this }">
diff --git a/projects/igniteui-angular/grids/lite/src/grid-lite.component.ts b/projects/igniteui-angular/grids/lite/src/grid-lite.component.ts
index e79e9fd20d1..c6cebfe5de4 100644
--- a/projects/igniteui-angular/grids/lite/src/grid-lite.component.ts
+++ b/projects/igniteui-angular/grids/lite/src/grid-lite.component.ts
@@ -120,7 +120,7 @@ export class IgxGridLiteComponent implements OnInit {
* Since the grid has virtualization, this property returns only the currently rendered
* chunk of elements in the DOM.
*/
- public get rows() {
+ public get rows(): IgcGridLite['rows'] {
return this.gridRef.nativeElement.rows ?? [];
}
diff --git a/projects/igniteui-angular/grids/tree-grid/src/tree-grid.component.html b/projects/igniteui-angular/grids/tree-grid/src/tree-grid.component.html
index 2653b3e6096..69fecf903c5 100644
--- a/projects/igniteui-angular/grids/tree-grid/src/tree-grid.component.html
+++ b/projects/igniteui-angular/grids/tree-grid/src/tree-grid.component.html
@@ -494,6 +494,7 @@
context: {
rowChangesCount: rowChangesCount,
endEdit: this.crudService.endEdit.bind(this),
+ $implicit: this
}
"
>
diff --git a/tsconfig.json b/tsconfig.json
index 15f8d2fccb4..5a49ef75e58 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,6 +1,7 @@
{
"compileOnSave": false,
"compilerOptions": {
+ "strict": false,
"importHelpers": true,
"module": "es2022",
"outDir": "./dist/out-tsc",
From 4c2ba90b5b79cbeed26851e0481864f00bfc7649 Mon Sep 17 00:00:00 2001
From: Stamen Stoychev
Date: Mon, 18 May 2026 17:30:54 +0300
Subject: [PATCH 06/11] fix(*): fixing list sample for hammer
---
src/app/list/list.sample.ts | 16 ++--------------
1 file changed, 2 insertions(+), 14 deletions(-)
diff --git a/src/app/list/list.sample.ts b/src/app/list/list.sample.ts
index a53c2031b61..513bc9154f2 100644
--- a/src/app/list/list.sample.ts
+++ b/src/app/list/list.sample.ts
@@ -31,8 +31,7 @@ import {
PropertyChangeService,
PropertyPanelConfig,
} from '../properties-panel/property-change.service';
-import { HAMMER_GESTURE_CONFIG, HammerModule } from '@angular/platform-browser';
-import Hammer from 'hammerjs';
+
defineComponents(
IgcListComponent,
@@ -83,19 +82,8 @@ interface Employee {
IgxButtonModule,
IgxButtonDirective,
IgSizeDirective,
- HammerModule
],
- changeDetection: ChangeDetectionStrategy.Eager,
- providers: [
- {
- provide: HAMMER_GESTURE_CONFIG,
- useClass: class {
- public overrides = {
- pan: { direction: Hammer.DIRECTION_HORIZONTAL }
- }
- }
- }
- ]
+ changeDetection: ChangeDetectionStrategy.Eager
})
export class ListSampleComponent {
public panelConfig: PropertyPanelConfig = {
From 48ced9e47b1ef911e70cadee2d14bb760b8fea51 Mon Sep 17 00:00:00 2001
From: Stamen Stoychev
Date: Mon, 18 May 2026 17:44:42 +0300
Subject: [PATCH 07/11] fix(extras): fixing issues with build
---
projects/bundle-test/tsconfig.app.json | 6 +++---
projects/igniteui-angular-extras/migrations/tsconfig.json | 3 ++-
projects/igniteui-angular-extras/tsconfig.lib.json | 5 +++--
3 files changed, 8 insertions(+), 6 deletions(-)
diff --git a/projects/bundle-test/tsconfig.app.json b/projects/bundle-test/tsconfig.app.json
index 90fe9a70394..50bd608c5ca 100644
--- a/projects/bundle-test/tsconfig.app.json
+++ b/projects/bundle-test/tsconfig.app.json
@@ -5,9 +5,9 @@
"outDir": "../../out-tsc/app",
"types": ["node"],
"paths": {
- "igniteui-angular": ["dist/igniteui-angular"],
- "igniteui-angular/*": ["dist/igniteui-angular/*"],
- "igniteui-angular-i18n": ["dist/igniteui-angular-i18n"]
+ "igniteui-angular": ["../../dist/igniteui-angular"],
+ "igniteui-angular/*": ["../../dist/igniteui-angular/*"],
+ "igniteui-angular-i18n": ["../../dist/igniteui-angular-i18n"]
}
},
"files": ["src/main.ts", "src/main.server.ts", "server.ts"],
diff --git a/projects/igniteui-angular-extras/migrations/tsconfig.json b/projects/igniteui-angular-extras/migrations/tsconfig.json
index 33ee0597bcf..c8d74afc4dd 100644
--- a/projects/igniteui-angular-extras/migrations/tsconfig.json
+++ b/projects/igniteui-angular-extras/migrations/tsconfig.json
@@ -1,6 +1,7 @@
{
"compilerOptions": {
- "target": "es6",
+ "target": "ES2022",
+ "lib": ["ESNext", "DOM"],
"module": "commonjs",
"sourceMap": false,
"declaration": true,
diff --git a/projects/igniteui-angular-extras/tsconfig.lib.json b/projects/igniteui-angular-extras/tsconfig.lib.json
index e70b501273a..43a83cc770e 100644
--- a/projects/igniteui-angular-extras/tsconfig.lib.json
+++ b/projects/igniteui-angular-extras/tsconfig.lib.json
@@ -5,10 +5,11 @@
"declarationMap": true,
"declaration": true,
"inlineSources": true,
+ "lib": ["ESNext", "DOM"],
"types": [],
"paths": {
- "igniteui-angular": ["dist/igniteui-angular/"],
- "igniteui-angular/*": ["dist/igniteui-angular/*"]
+ "igniteui-angular": ["../../dist/igniteui-angular/"],
+ "igniteui-angular/*": ["../../dist/igniteui-angular/*"]
}
},
"exclude": ["src/test.ts", "**/*.spec.ts"],
From b651a32837b9264201fb97453588a41e98fe3bc7 Mon Sep 17 00:00:00 2001
From: Stamen Stoychev
Date: Mon, 18 May 2026 17:55:23 +0300
Subject: [PATCH 08/11] fix(schematics): type errors and typescript config
---
.../schematics/ng-add/add-normalize.ts | 21 ++++++++++++-------
.../igniteui-angular/schematics/tsconfig.json | 3 ++-
2 files changed, 15 insertions(+), 9 deletions(-)
diff --git a/projects/igniteui-angular/schematics/ng-add/add-normalize.ts b/projects/igniteui-angular/schematics/ng-add/add-normalize.ts
index 0cd3688d474..2ab9314ecd1 100644
--- a/projects/igniteui-angular/schematics/ng-add/add-normalize.ts
+++ b/projects/igniteui-angular/schematics/ng-add/add-normalize.ts
@@ -18,7 +18,10 @@ export const addResetCss = (workspace: workspaces.WorkspaceDefinition, host: Tre
let addPackage;
const styleExts = ['scss', 'sass', 'css', 'less', 'styl'];
workspace.projects.forEach(project => {
- const styleExt = styleExts.find(ext => host.exists(path.posix.join(project.sourceRoot, `styles.${ext}`)));
+ if (!project.sourceRoot) {
+ return;
+ }
+ const styleExt = styleExts.find(ext => host.exists(path.posix.join(project.sourceRoot!, `styles.${ext}`)));
if (!styleExt) {
return;
}
@@ -27,7 +30,7 @@ export const addResetCss = (workspace: workspaces.WorkspaceDefinition, host: Tre
switch (styleExt) {
case 'sass':
case 'scss':
- let content = host.read(stylesFile).toString();
+ let content = (host.read(stylesFile) ?? Buffer.alloc(0)).toString();
if (content.indexOf(`minireset.css/minireset`) === -1) {
content = scssImport + content;
host.overwrite(stylesFile, content);
@@ -41,11 +44,13 @@ export const addResetCss = (workspace: workspaces.WorkspaceDefinition, host: Tre
if (!build || project.extensions['projectType'] !== ProjectType.Application) {
return;
}
- if (build.options.styles) {
- build.options.styles =
- [cssImport, ...build.options.styles as JsonArray];
- } else {
- build.options.styles = [cssImport];
+ if (build.options) {
+ if (build.options.styles) {
+ build.options.styles =
+ [cssImport, ...build.options.styles as JsonArray];
+ } else {
+ build.options.styles = [cssImport];
+ }
}
addPackage = resetPackage;
break;
@@ -56,7 +61,7 @@ export const addResetCss = (workspace: workspaces.WorkspaceDefinition, host: Tre
if (addPackage) {
const name = Object.keys(resetPackage)[0];
- status = addPackageToPkgJson(host, name, resetPackage[name], 'dependencies');
+ status = addPackageToPkgJson(host, name, (resetPackage as Record)[name], 'dependencies');
}
return status;
diff --git a/projects/igniteui-angular/schematics/tsconfig.json b/projects/igniteui-angular/schematics/tsconfig.json
index 44dfb1954ee..dcf518da4f0 100644
--- a/projects/igniteui-angular/schematics/tsconfig.json
+++ b/projects/igniteui-angular/schematics/tsconfig.json
@@ -6,6 +6,7 @@
"composite": true,
"declaration": true,
"outDir": "../../../dist/igniteui-angular/schematics/",
- "skipLibCheck": true
+ "skipLibCheck": true,
+ "types": ["node", "jasmine"]
}
}
From dd70668877a5ec40293d8d98c99932603a86a5ef Mon Sep 17 00:00:00 2001
From: Stamen Stoychev
Date: Mon, 18 May 2026 17:58:55 +0300
Subject: [PATCH 09/11] fix(schematics): removing strict type check
---
projects/igniteui-angular/schematics/tsconfig.json | 1 +
1 file changed, 1 insertion(+)
diff --git a/projects/igniteui-angular/schematics/tsconfig.json b/projects/igniteui-angular/schematics/tsconfig.json
index dcf518da4f0..37d552f9c02 100644
--- a/projects/igniteui-angular/schematics/tsconfig.json
+++ b/projects/igniteui-angular/schematics/tsconfig.json
@@ -1,6 +1,7 @@
{
"compilerOptions": {
"target": "es6",
+ "strict": false,
"module": "node16",
"sourceMap": false,
"composite": true,
From e84f86a38f37d0abb713dc83cadc29be051c3600 Mon Sep 17 00:00:00 2001
From: Stamen Stoychev
Date: Mon, 18 May 2026 18:05:40 +0300
Subject: [PATCH 10/11] fix(migrations): fixing migrations build
---
projects/igniteui-angular/migrations/tsconfig.json | 2 ++
1 file changed, 2 insertions(+)
diff --git a/projects/igniteui-angular/migrations/tsconfig.json b/projects/igniteui-angular/migrations/tsconfig.json
index a3be4b5133a..bd09ff43969 100644
--- a/projects/igniteui-angular/migrations/tsconfig.json
+++ b/projects/igniteui-angular/migrations/tsconfig.json
@@ -8,12 +8,14 @@
"compilerOptions": {
"target": "es6",
"module": "node16",
+ "strict": false,
"sourceMap": false,
"declaration": true,
"outDir": "../../../dist/igniteui-angular/migrations",
"typeRoots": [
"../../../node_modules/@types"
],
+ "types": ["node"],
"paths": {
"igniteui-angular/*": [
"../*"
From 0026ba4960743fafd4ff69ea3c6ab4a287f88021 Mon Sep 17 00:00:00 2001
From: Stamen Stoychev
Date: Mon, 18 May 2026 18:20:43 +0300
Subject: [PATCH 11/11] fix(tests): resolving tests build issues
---
.../igniteui-angular/core/src/core/i18n/resources.spec.ts | 4 ++--
.../grids/pivot-grid/src/pivot-grid.pipes.spec.ts | 2 +-
.../slider/src/slider/slider.component.spec.ts | 4 ++--
.../test-utils/hierarchical-grid-components.spec.ts | 2 +-
projects/igniteui-angular/tree/src/tree/tree-samples.spec.ts | 2 +-
5 files changed, 7 insertions(+), 7 deletions(-)
diff --git a/projects/igniteui-angular/core/src/core/i18n/resources.spec.ts b/projects/igniteui-angular/core/src/core/i18n/resources.spec.ts
index 8ab20d80528..4dfed0430dd 100644
--- a/projects/igniteui-angular/core/src/core/i18n/resources.spec.ts
+++ b/projects/igniteui-angular/core/src/core/i18n/resources.spec.ts
@@ -2,9 +2,9 @@ import { getCurrentResourceStrings, getI18nManager, IResourceStrings, registerI1
import { ActionStripResourceStringsEN } from './action-strip-resources';
import { BannerResourceStringsEN } from './banner-resources';
import { changei18n, getCurrentResourceStrings as igxGetCurrentResourceStrings } from './resources';
-import { ActionStripResourceStringsBG } from 'projects/igniteui-angular-i18n/src/i18n/BG/action-strip-resources';
+import { ActionStripResourceStringsBG } from '../../../../../igniteui-angular-i18n/src/i18n/BG/action-strip-resources';
import { BannerResourceStringsBG, ResourceStringsBG } from 'igniteui-i18n-resources';
-import { IResourceCategories } from 'node_modules/igniteui-i18n-core/i18n-manager.interfaces';
+import { IResourceCategories } from '../../../../../../node_modules/igniteui-i18n-core/i18n-manager.interfaces';
describe('i18n', () => {
beforeEach(() => {
diff --git a/projects/igniteui-angular/grids/pivot-grid/src/pivot-grid.pipes.spec.ts b/projects/igniteui-angular/grids/pivot-grid/src/pivot-grid.pipes.spec.ts
index 31fda83a400..ca33e98d74b 100644
--- a/projects/igniteui-angular/grids/pivot-grid/src/pivot-grid.pipes.spec.ts
+++ b/projects/igniteui-angular/grids/pivot-grid/src/pivot-grid.pipes.spec.ts
@@ -1,7 +1,7 @@
import { IGX_GRID_BASE, IgxPivotAggregate, IgxPivotDateAggregate, IgxPivotDateDimension, IgxPivotNumericAggregate, IgxPivotTimeAggregate, IPivotConfiguration, NoopPivotDimensionsStrategy } from 'igniteui-angular/grids/core';
import { IgxPivotAutoTransform, IgxPivotColumnPipe, IgxPivotRowExpansionPipe, IgxPivotRowPipe } from './pivot-grid.pipes';
import { PivotGridFunctions } from '../../../test-utils/pivot-grid-functions.spec';
-import { DATA } from 'src/app/shared/pivot-data';
+import { DATA } from '../../../../../src/app/shared/pivot-data';
import { DefaultDataCloneStrategy, IDataCloneStrategy } from 'igniteui-angular/core';
import { TestBed } from '@angular/core/testing';
diff --git a/projects/igniteui-angular/slider/src/slider/slider.component.spec.ts b/projects/igniteui-angular/slider/src/slider/slider.component.spec.ts
index 8dbe22609a1..d3dabe43aa5 100644
--- a/projects/igniteui-angular/slider/src/slider/slider.component.spec.ts
+++ b/projects/igniteui-angular/slider/src/slider/slider.component.spec.ts
@@ -1,7 +1,7 @@
import { Component, Input, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core';
import { ComponentFixture, fakeAsync, TestBed, tick, waitForAsync } from '@angular/core/testing';
import { FormsModule, ReactiveFormsModule, UntypedFormControl } from '@angular/forms';
-import { By, HammerModule } from '@angular/platform-browser';
+import { By } from '@angular/platform-browser';
import { NoopAnimationsModule } from '@angular/platform-browser/animations';
import { UIInteractions, wait } from '../../../test-utils/ui-interactions.spec';
import { IgxSliderType, IgxThumbFromTemplateDirective, IgxThumbToTemplateDirective, IRangeSliderValue, TickLabelsOrientation, TicksOrientation } from './slider.common';
@@ -27,7 +27,7 @@ describe('IgxSlider', () => {
beforeEach(waitForAsync(() => {
TestBed.configureTestingModule({
imports: [
- NoopAnimationsModule, FormsModule, ReactiveFormsModule, HammerModule,
+ NoopAnimationsModule, FormsModule, ReactiveFormsModule,
SliderInitializeTestComponent,
SliderMinMaxComponent,
SliderTestComponent,
diff --git a/projects/igniteui-angular/test-utils/hierarchical-grid-components.spec.ts b/projects/igniteui-angular/test-utils/hierarchical-grid-components.spec.ts
index 1ccc645b797..ebf6346f6f4 100644
--- a/projects/igniteui-angular/test-utils/hierarchical-grid-components.spec.ts
+++ b/projects/igniteui-angular/test-utils/hierarchical-grid-components.spec.ts
@@ -1,6 +1,6 @@
import { Component, ViewChild, OnInit, TemplateRef, ChangeDetectionStrategy } from '@angular/core';
import { SampleTestData } from './sample-test-data.spec';
-import { HIERARCHICAL_SAMPLE_DATA, HIERARCHICAL_SAMPLE_DATA_SHORT } from 'src/app/shared/sample-data';
+import { HIERARCHICAL_SAMPLE_DATA, HIERARCHICAL_SAMPLE_DATA_SHORT } from '../../../src/app/shared/sample-data';
import { IgxButtonDirective } from '../directives/src/directives/button/button.directive';
import { IgxCheckboxComponent } from '../checkbox/src/checkbox/checkbox.component';
import { IgxPaginatorComponent, IgxPaginatorContentDirective } from '../paginator/src/paginator/paginator.component';
diff --git a/projects/igniteui-angular/tree/src/tree/tree-samples.spec.ts b/projects/igniteui-angular/tree/src/tree/tree-samples.spec.ts
index 149c8f2f4db..5e4314c51db 100644
--- a/projects/igniteui-angular/tree/src/tree/tree-samples.spec.ts
+++ b/projects/igniteui-angular/tree/src/tree/tree-samples.spec.ts
@@ -1,6 +1,6 @@
import { Component, ViewChild, ChangeDetectorRef, inject, ChangeDetectionStrategy } from '@angular/core';
import { IgxTreeComponent, IgxTreeExpandIndicatorDirective, IgxTreeNodeComponent, IgxTreeNodeLinkDirective } from './public_api';
-import { HIERARCHICAL_SAMPLE_DATA } from 'src/app/shared/sample-data';
+import { HIERARCHICAL_SAMPLE_DATA } from '../../../../../src/app/shared/sample-data';
import { NgTemplateOutlet } from '@angular/common';
import { IgxIconComponent } from 'igniteui-angular/icon';
+
diff --git a/src/app/tree-grid-add-row/tree-grid-add-row.sample.ts b/src/app/tree-grid-add-row/tree-grid-add-row.sample.ts
index e920daa74fa..ff0f4955b77 100644
--- a/src/app/tree-grid-add-row/tree-grid-add-row.sample.ts
+++ b/src/app/tree-grid-add-row/tree-grid-add-row.sample.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit, ViewChild } from '@angular/core';
+import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core';
import { ColumnPinningPosition, IgxActionStripComponent, IgxButtonDirective, IgxColumnComponent, IgxGridEditingActionsComponent, IgxGridPinningActionsComponent, IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxTreeGridComponent, RowPinningPosition } from 'igniteui-angular';
@@ -6,6 +6,7 @@ import { ColumnPinningPosition, IgxActionStripComponent, IgxButtonDirective, Igx
selector: 'app-tree-grid-add-row',
styleUrls: ['tree-grid-add-row.sample.scss'],
templateUrl: `tree-grid-add-row.sample.html`,
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxTreeGridComponent, IgxColumnComponent, IgxActionStripComponent, IgxGridPinningActionsComponent, IgxGridEditingActionsComponent, IgxButtonDirective, IgxInputGroupComponent, IgxInputDirective, IgxLabelDirective]
})
export class TreeGridAddRowSampleComponent implements OnInit {
diff --git a/src/app/tree-grid-flat-data/tree-grid-flat-data.sample.ts b/src/app/tree-grid-flat-data/tree-grid-flat-data.sample.ts
index 8d7fd37a3b5..264823c5593 100644
--- a/src/app/tree-grid-flat-data/tree-grid-flat-data.sample.ts
+++ b/src/app/tree-grid-flat-data/tree-grid-flat-data.sample.ts
@@ -1,4 +1,4 @@
-import { Component, ViewChild, OnInit, HostBinding } from '@angular/core';
+import { Component, ViewChild, OnInit, HostBinding, ChangeDetectionStrategy } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { GridSearchBoxComponent } from '../grid-search-box/grid-search-box.component';
@@ -22,6 +22,7 @@ export class MySummaryOperand extends IgxSummaryOperand {
selector: 'app-tree-grid-flat-data-sample',
styleUrls: ['tree-grid-flat-data.sample.scss'],
templateUrl: 'tree-grid-flat-data.sample.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxTreeGridComponent, IgxColumnComponent, IgxGridToolbarComponent, GridSearchBoxComponent, IgxGridToolbarActionsComponent, IgxGridToolbarPinningComponent, IgxGridToolbarHidingComponent, IgxGridToolbarAdvancedFilteringComponent, IgxGridToolbarExporterComponent, IgxExcelTextDirective, IgxCSVTextDirective, IgxPaginatorComponent, IgxSwitchComponent, FormsModule]
})
export class TreeGridFlatDataSampleComponent implements OnInit {
diff --git a/src/app/tree-grid-groupby/tree-grid-groupby.sample.ts b/src/app/tree-grid-groupby/tree-grid-groupby.sample.ts
index 466eb1ce7d5..230a983a589 100644
--- a/src/app/tree-grid-groupby/tree-grid-groupby.sample.ts
+++ b/src/app/tree-grid-groupby/tree-grid-groupby.sample.ts
@@ -1,4 +1,4 @@
-import { Component, ViewChild, OnInit, HostBinding } from '@angular/core';
+import { Component, ViewChild, OnInit, HostBinding, ChangeDetectionStrategy } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { SAMPLE_DATA } from '../shared/sample-data';
@@ -10,6 +10,7 @@ import { IgxButtonGroupComponent, IgxSwitchComponent, IgxTreeGridComponent, IgxT
selector: 'app-tree-grid-groupby-sample',
styleUrls: ['tree-grid-groupby.sample.scss'],
templateUrl: 'tree-grid-groupby.sample.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxButtonGroupComponent, IgxSwitchComponent, FormsModule, IgxTreeGridComponent, IgxTreeGridGroupByAreaComponent, IgxColumnComponent, IgxTreeGridGroupingPipe]
})
diff --git a/src/app/tree-grid-load-on-demand/tree-grid-load-on-demand.sample.ts b/src/app/tree-grid-load-on-demand/tree-grid-load-on-demand.sample.ts
index 0214c9e4209..bb33273eb88 100644
--- a/src/app/tree-grid-load-on-demand/tree-grid-load-on-demand.sample.ts
+++ b/src/app/tree-grid-load-on-demand/tree-grid-load-on-demand.sample.ts
@@ -1,4 +1,4 @@
-import { Component, ViewChild, OnInit, HostBinding } from '@angular/core';
+import { Component, ViewChild, OnInit, HostBinding, ChangeDetectionStrategy } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { TreeGridLoadOnDemandService } from './tree-grid-load-on-demand.service';
@@ -24,6 +24,7 @@ export class MySummaryOperand extends IgxSummaryOperand {
selector: 'app-tree-grid-load-on-demand-sample',
styleUrls: ['tree-grid-load-on-demand.sample.scss'],
templateUrl: 'tree-grid-load-on-demand.sample.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxButtonGroupComponent, IgxTreeGridComponent, IgxGridToolbarComponent, GridSearchBoxComponent, IgxGridToolbarActionsComponent, IgxGridToolbarPinningComponent, IgxGridToolbarHidingComponent, IgxGridToolbarAdvancedFilteringComponent, IgxGridToolbarExporterComponent, IgxExcelTextDirective, IgxCSVTextDirective, IgxColumnComponent, IgxSwitchComponent, FormsModule, IgxPaginatorComponent, IgxButtonDirective]
})
export class TreeGridLoadOnDemandSampleComponent implements OnInit {
diff --git a/src/app/tree-grid/tree-grid.sample.ts b/src/app/tree-grid/tree-grid.sample.ts
index 44989f7d246..3ca443a8469 100644
--- a/src/app/tree-grid/tree-grid.sample.ts
+++ b/src/app/tree-grid/tree-grid.sample.ts
@@ -1,4 +1,4 @@
-import { Component, ViewChild, OnInit, HostBinding } from '@angular/core';
+import { Component, ViewChild, OnInit, HostBinding, ChangeDetectionStrategy } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HIERARCHICAL_SAMPLE_DATA } from '../shared/sample-data';
@@ -11,6 +11,7 @@ import { IgxButtonGroupComponent, IgxTreeGridComponent, IgxGridToolbarComponent,
selector: 'app-tree-grid-sample',
styleUrls: ['tree-grid.sample.scss'],
templateUrl: 'tree-grid.sample.html',
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxButtonGroupComponent, IgxTreeGridComponent, IgxGridToolbarComponent, GridSearchBoxComponent, IgxGridToolbarActionsComponent, IgxGridToolbarPinningComponent, IgxGridToolbarHidingComponent, IgxGridToolbarAdvancedFilteringComponent, IgxGridToolbarExporterComponent, IgxExcelTextDirective, IgxCSVTextDirective, IgxPaginatorComponent, IgxSwitchComponent, FormsModule, IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxDropDownComponent, IgxDropDownItemComponent]
})
diff --git a/src/app/tree-showcase/tree-showcase.sample.ts b/src/app/tree-showcase/tree-showcase.sample.ts
index 1b43895b2b3..50b1b690e00 100644
--- a/src/app/tree-showcase/tree-showcase.sample.ts
+++ b/src/app/tree-showcase/tree-showcase.sample.ts
@@ -1,4 +1,4 @@
-import { Component, CUSTOM_ELEMENTS_SCHEMA, DestroyRef } from '@angular/core';
+import { Component, CUSTOM_ELEMENTS_SCHEMA, DestroyRef, ChangeDetectionStrategy } from '@angular/core';
import { HIERARCHICAL_SAMPLE_DATA } from '../shared/sample-data';
import {
IGX_TREE_DIRECTIVES,
@@ -30,6 +30,7 @@ interface CompanyData {
styleUrls: ['tree-showcase.sample.scss'],
schemas: [CUSTOM_ELEMENTS_SCHEMA],
standalone: true,
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IGX_TREE_DIRECTIVES, IgSizeDirective],
})
export class TreeShowcaseSampleComponent {
diff --git a/src/app/tree/tree.sample.ts b/src/app/tree/tree.sample.ts
index 28ed9c02a11..c4274b3619f 100644
--- a/src/app/tree/tree.sample.ts
+++ b/src/app/tree/tree.sample.ts
@@ -1,6 +1,6 @@
import { useAnimation } from '@angular/animations';
import { NgTemplateOutlet, AsyncPipe } from '@angular/common';
-import { AfterViewInit, ChangeDetectorRef, Component, ViewChild } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, Component, ViewChild, ChangeDetectionStrategy } from '@angular/core';
import { FormsModule } from '@angular/forms';
import {
IgxTreeNodeComponent,
@@ -50,6 +50,7 @@ interface CompanyData {
selector: 'app-tree-sample',
templateUrl: 'tree.sample.html',
styleUrls: ['tree.sample.scss'],
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [
IgxLayoutDirective,
IgxInputGroupComponent,
diff --git a/src/app/virtual-for-directive/virtual-for.sample.ts b/src/app/virtual-for-directive/virtual-for.sample.ts
index f315df145d1..ea38052dd41 100644
--- a/src/app/virtual-for-directive/virtual-for.sample.ts
+++ b/src/app/virtual-for-directive/virtual-for.sample.ts
@@ -1,4 +1,4 @@
-import { Component, ViewChild, OnInit, ViewEncapsulation } from '@angular/core';
+import { Component, ViewChild, OnInit, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';
import { NgClass, AsyncPipe } from '@angular/common';
import { RemoteService } from '../shared/remote.service';
import { IgxForOfDirective, ButtonGroupAlignment, IgxListComponent, IgxButtonDirective, IgxButtonGroupComponent, IgxInputDirective, IgxInputGroupComponent, IgxListItemComponent, IgxSuffixDirective } from 'igniteui-angular';
@@ -10,6 +10,7 @@ import { IgxForOfDirective, ButtonGroupAlignment, IgxListComponent, IgxButtonDir
styleUrls: ['virtual-for.sample.css'],
encapsulation: ViewEncapsulation.None,
providers: [RemoteService],
+ changeDetection: ChangeDetectionStrategy.Eager,
imports: [IgxListComponent, IgxForOfDirective, IgxListItemComponent, IgxInputGroupComponent, IgxInputDirective, IgxSuffixDirective, IgxButtonDirective, IgxButtonGroupComponent, NgClass, AsyncPipe]
})
export class VirtualForSampleComponent implements OnInit {
diff --git a/src/tsconfig.app.json b/src/tsconfig.app.json
index 718ed829af6..c809e717082 100644
--- a/src/tsconfig.app.json
+++ b/src/tsconfig.app.json
@@ -1,18 +1,18 @@
{
- "extends": "../tsconfig.json",
- "compilerOptions": {
- "outDir": "../out-tsc/app",
- "types": [
- "node"
- ],
- "allowSyntheticDefaultImports": true
- },
- "files": [
- "main.ts",
- "main.server.ts",
- "server.ts"
- ],
- "include": [
- "**/*.d.ts"
- ]
+ "extends": "../tsconfig.json",
+ "compilerOptions": {
+ "outDir": "../out-tsc/app",
+ "types": ["node"],
+ "allowSyntheticDefaultImports": true
+ },
+ "files": ["main.ts", "main.server.ts", "server.ts"],
+ "include": ["**/*.d.ts"],
+ "angularCompilerOptions": {
+ "extendedDiagnostics": {
+ "checks": {
+ "nullishCoalescingNotNullable": "suppress",
+ "optionalChainNotNullable": "suppress"
+ }
+ }
+ }
}
diff --git a/src/tsconfig.spec.json b/src/tsconfig.spec.json
index 12ac5090b6c..d781921c326 100644
--- a/src/tsconfig.spec.json
+++ b/src/tsconfig.spec.json
@@ -2,18 +2,16 @@
"extends": "../tsconfig.json",
"compilerOptions": {
"outDir": "../out-tsc/spec",
- "types": [
- "jasmine",
- "node",
- "hammerjs"
- ]
+ "types": ["jasmine", "node", "hammerjs"]
},
- "files": [
- "test.ts",
- "polyfills.ts"
- ],
- "include": [
- "**/*.spec.ts",
- "**/*.d.ts"
- ]
+ "files": ["test.ts", "polyfills.ts"],
+ "include": ["**/*.spec.ts", "**/*.d.ts"],
+ "angularCompilerOptions": {
+ "extendedDiagnostics": {
+ "checks": {
+ "nullishCoalescingNotNullable": "suppress",
+ "optionalChainNotNullable": "suppress"
+ }
+ }
+ }
}
From c0f0c6d492420ccd0bfb8f7202967dac2771c4ce Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 15 May 2026 15:10:03 +0000
Subject: [PATCH 03/11] chore(*): add npm overrides for angular-eslint peer
deps on angular/cli 22
Agent-Logs-Url: https://github.com/IgniteUI/igniteui-angular/sessions/d1d834ec-b074-483e-b539-f7494c127837
Co-authored-by: damyanpetev <3198469+damyanpetev@users.noreply.github.com>
---
package.json | 18 ++++++++++++------
1 file changed, 12 insertions(+), 6 deletions(-)
diff --git a/package.json b/package.json
index e23f8a6099c..135836da856 100644
--- a/package.json
+++ b/package.json
@@ -174,14 +174,20 @@
}
},
"igniteui-angular-charts": {
- "@angular/core": "^21.0.0",
- "@angular/common": "^21.0.0",
- "@angular/compiler": "^21.0.0"
+ "@angular/core": "^22.0.0-rc.0",
+ "@angular/common": "^22.0.0-rc.0",
+ "@angular/compiler": "^22.0.0-rc.0"
},
"igniteui-angular-core": {
- "@angular/core": "^21.0.0",
- "@angular/common": "^21.0.0",
- "@angular/compiler": "^21.0.0"
+ "@angular/core": "^22.0.0-rc.0",
+ "@angular/common": "^22.0.0-rc.0",
+ "@angular/compiler": "^22.0.0-rc.0"
+ },
+ "@angular-eslint/builder": {
+ "@angular/cli": "$@angular/cli"
+ },
+ "@angular-eslint/schematics": {
+ "@angular/cli": "$@angular/cli"
}
}
}
From 4a57cf2a78feed82e9ccb4c7388dcecc6d4ca446 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 18 May 2026 11:29:38 +0000
Subject: [PATCH 04/11] chore(*): remove deprecated baseUrl from tsconfig files
for TypeScript 6.0
Agent-Logs-Url: https://github.com/IgniteUI/igniteui-angular/sessions/5300624e-d2f9-44ce-a301-133f222bd058
Co-authored-by: damyanpetev <3198469+damyanpetev@users.noreply.github.com>
---
projects/igniteui-angular-i18n/tsconfig.build.json | 1 -
tsconfig.json | 9 ++++-----
2 files changed, 4 insertions(+), 6 deletions(-)
diff --git a/projects/igniteui-angular-i18n/tsconfig.build.json b/projects/igniteui-angular-i18n/tsconfig.build.json
index 656f989e5b1..8fe54b7ad5c 100644
--- a/projects/igniteui-angular-i18n/tsconfig.build.json
+++ b/projects/igniteui-angular-i18n/tsconfig.build.json
@@ -1,6 +1,5 @@
{
"compilerOptions": {
- "baseUrl": "./",
"rootDir": "./src",
"target": "es2022",
"module": "esnext",
diff --git a/tsconfig.json b/tsconfig.json
index d7738415c21..15f8d2fccb4 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,7 +1,6 @@
{
"compileOnSave": false,
"compilerOptions": {
- "baseUrl": "./",
"importHelpers": true,
"module": "es2022",
"outDir": "./dist/out-tsc",
@@ -19,16 +18,16 @@
],
"paths": {
"igniteui-angular": [
- "projects/igniteui-angular/src/public_api.ts"
+ "./projects/igniteui-angular/src/public_api.ts"
],
"igniteui-angular/*": [
- "projects/igniteui-angular/*"
+ "./projects/igniteui-angular/*"
],
"igniteui-angular-i18n": [
- "projects/igniteui-angular-i18n/src/index.ts"
+ "./projects/igniteui-angular-i18n/src/index.ts"
],
"igniteui-angular-extras": [
- "projects/igniteui-angular-extras/src/public-api.ts"
+ "./projects/igniteui-angular-extras/src/public-api.ts"
],
},
"rootDir": ".",
From 65695cb7dc238031e4a836f09fa2130ebcb855e5 Mon Sep 17 00:00:00 2001
From: Stamen Stoychev
+
+
-
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+