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) {
+
+
+ }
+
+
+
+
+
+
+
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"
+ }
+ }
+ }
}
+
+
-
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+