+@if (grid.selectedRowKeys.length) {
+
![]()
+}
diff --git a/apps/demos/Demos/DataGrid/RowSelection/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/RowSelection/Angular/app/app.component.ts
index 3612b9749d90..3400e87dfa57 100644
--- a/apps/demos/Demos/DataGrid/RowSelection/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/RowSelection/Angular/app/app.component.ts
@@ -1,4 +1,4 @@
-import { NgModule, Component, enableProdMode } from '@angular/core';
+import {NgModule, Component, enableProdMode, provideZoneChangeDetection} from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { DxDataGridModule } from 'devextreme-angular';
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
@Component({
selector: 'demo-app',
+ standalone: false,
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
providers: [Service],
@@ -35,6 +36,9 @@ export class AppComponent {
],
declarations: [AppComponent],
bootstrap: [AppComponent],
+ providers: [
+ provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
+ ]
})
export class AppModule { }
diff --git a/apps/demos/Demos/DataGrid/SignalRService/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/SignalRService/Angular/app/app.component.ts
index c75f3cd10a34..4b2669794aa9 100644
--- a/apps/demos/Demos/DataGrid/SignalRService/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/SignalRService/Angular/app/app.component.ts
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/DataGrid/SimpleArray/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/SimpleArray/Angular/app/app.component.ts
index 4e48a05d42dd..d1a6e48c2515 100644
--- a/apps/demos/Demos/DataGrid/SimpleArray/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/SimpleArray/Angular/app/app.component.ts
@@ -15,6 +15,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
providers: [Service],
diff --git a/apps/demos/Demos/DataGrid/StatePersistence/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/StatePersistence/Angular/app/app.component.ts
index e1f0eec05bc9..14464a74e9e0 100644
--- a/apps/demos/Demos/DataGrid/StatePersistence/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/StatePersistence/Angular/app/app.component.ts
@@ -17,6 +17,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/DataGrid/Toolbar/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/Toolbar/Angular/app/app.component.ts
index 771eb135b62c..6927ca571285 100644
--- a/apps/demos/Demos/DataGrid/Toolbar/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/Toolbar/Angular/app/app.component.ts
@@ -24,6 +24,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/DataGrid/VirtualScrolling/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/VirtualScrolling/Angular/app/app.component.ts
index 533ead4d017c..ecdb273c4e3f 100644
--- a/apps/demos/Demos/DataGrid/VirtualScrolling/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/VirtualScrolling/Angular/app/app.component.ts
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/DataGrid/WebAPIService/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/WebAPIService/Angular/app/app.component.ts
index 0edb1da6f034..ee2f559c0c52 100644
--- a/apps/demos/Demos/DataGrid/WebAPIService/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/WebAPIService/Angular/app/app.component.ts
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
})
diff --git a/apps/demos/Demos/DataGrid/WebAPIService/Angular/app/detail-grid/detail-grid.component.ts b/apps/demos/Demos/DataGrid/WebAPIService/Angular/app/detail-grid/detail-grid.component.ts
index 7b3a30f95a5f..280b0143a0e4 100644
--- a/apps/demos/Demos/DataGrid/WebAPIService/Angular/app/detail-grid/detail-grid.component.ts
+++ b/apps/demos/Demos/DataGrid/WebAPIService/Angular/app/detail-grid/detail-grid.component.ts
@@ -9,6 +9,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'detail-grid',
templateUrl: `.${modulePrefix}/detail-grid/detail-grid.component.html`,
providers: [],
diff --git a/apps/demos/Demos/DateBox/Formatting/Angular/app/app.component.ts b/apps/demos/Demos/DateBox/Formatting/Angular/app/app.component.ts
index a95288fadfb3..f3b67a8701e4 100644
--- a/apps/demos/Demos/DateBox/Formatting/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DateBox/Formatting/Angular/app/app.component.ts
@@ -14,6 +14,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/DateBox/Overview/Angular/app/app.component.ts b/apps/demos/Demos/DateBox/Overview/Angular/app/app.component.ts
index a0e42a2bbbc8..66757db7e6ae 100644
--- a/apps/demos/Demos/DateBox/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DateBox/Overview/Angular/app/app.component.ts
@@ -15,6 +15,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
providers: [Service],
templateUrl: `.${modulePrefix}/app.component.html`,
diff --git a/apps/demos/Demos/DateRangeBox/Formatting/Angular/app/app.component.ts b/apps/demos/Demos/DateRangeBox/Formatting/Angular/app/app.component.ts
index fbb028ec18c1..a09cfb3f1d62 100644
--- a/apps/demos/Demos/DateRangeBox/Formatting/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DateRangeBox/Formatting/Angular/app/app.component.ts
@@ -17,6 +17,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/DateRangeBox/Overview/Angular/app/app.component.ts b/apps/demos/Demos/DateRangeBox/Overview/Angular/app/app.component.ts
index 2bd3af4557e1..be409643f6b5 100644
--- a/apps/demos/Demos/DateRangeBox/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DateRangeBox/Overview/Angular/app/app.component.ts
@@ -27,6 +27,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Diagram/Adaptability/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/Adaptability/Angular/app/app.component.ts
index 1bb6c40b8a64..e40476fb8f81 100644
--- a/apps/demos/Demos/Diagram/Adaptability/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Diagram/Adaptability/Angular/app/app.component.ts
@@ -3,7 +3,7 @@ import {
} from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-import { HttpClient, HttpClientModule } from '@angular/common/http';
+import {HttpClient, provideHttpClient, withFetch} from '@angular/common/http';
import { DxDiagramModule, DxDiagramComponent } from 'devextreme-angular';
@@ -18,6 +18,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
@@ -37,9 +38,9 @@ export class AppComponent {
@NgModule({
imports: [
BrowserModule,
- HttpClientModule,
DxDiagramModule,
],
+ providers: [provideHttpClient(withFetch())],
declarations: [AppComponent],
bootstrap: [AppComponent],
})
diff --git a/apps/demos/Demos/Diagram/AdvancedDataBinding/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/AdvancedDataBinding/Angular/app/app.component.ts
index 7d55d9ddcaf9..703d9df0d3f8 100644
--- a/apps/demos/Demos/Diagram/AdvancedDataBinding/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Diagram/AdvancedDataBinding/Angular/app/app.component.ts
@@ -3,7 +3,7 @@ import {
} from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-import { HttpClientModule } from '@angular/common/http';
+import { provideHttpClient, withFetch } from '@angular/common/http';
import { DxDiagramModule } from 'devextreme-angular';
import { ArrayStore } from 'devextreme-angular/common/data';
@@ -20,6 +20,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
@@ -93,9 +94,9 @@ export class AppComponent {
@NgModule({
imports: [
BrowserModule,
- HttpClientModule,
DxDiagramModule,
],
+ providers: [provideHttpClient(withFetch())],
declarations: [AppComponent],
bootstrap: [AppComponent],
})
diff --git a/apps/demos/Demos/Diagram/Containers/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/Containers/Angular/app/app.component.ts
index 0326d173404f..03b40fa3a8da 100644
--- a/apps/demos/Demos/Diagram/Containers/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Diagram/Containers/Angular/app/app.component.ts
@@ -3,7 +3,7 @@ import {
} from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-import { HttpClient, HttpClientModule } from '@angular/common/http';
+import { HttpClient, provideHttpClient, withFetch } from '@angular/common/http';
import { DxDiagramModule, DxDiagramComponent } from 'devextreme-angular';
@@ -18,6 +18,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
@@ -37,9 +38,9 @@ export class AppComponent {
@NgModule({
imports: [
BrowserModule,
- HttpClientModule,
DxDiagramModule,
],
+ providers: [provideHttpClient(withFetch())],
declarations: [AppComponent],
bootstrap: [AppComponent],
})
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithIcons/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/CustomShapesWithIcons/Angular/app/app.component.ts
index 171c36c73c54..3270246ad660 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithIcons/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Diagram/CustomShapesWithIcons/Angular/app/app.component.ts
@@ -3,7 +3,7 @@ import {
} from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-import { HttpClient, HttpClientModule } from '@angular/common/http';
+import { HttpClient, provideHttpClient, withFetch } from '@angular/common/http';
import { DxDiagramModule, DxDiagramComponent } from 'devextreme-angular';
@@ -18,6 +18,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
@@ -37,9 +38,9 @@ export class AppComponent {
@NgModule({
imports: [
BrowserModule,
- HttpClientModule,
DxDiagramModule,
],
+ providers: [provideHttpClient(withFetch())],
declarations: [AppComponent],
bootstrap: [AppComponent],
})
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithTemplates/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/CustomShapesWithTemplates/Angular/app/app.component.ts
index e2817ec167b8..5039fd2d6c18 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTemplates/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTemplates/Angular/app/app.component.ts
@@ -21,6 +21,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Angular/app/app.component.ts
index be3e003b93c8..bf269b7a5888 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Angular/app/app.component.ts
@@ -21,6 +21,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Diagram/CustomShapesWithTexts/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/CustomShapesWithTexts/Angular/app/app.component.ts
index f0d17490c6cd..cd07328cf724 100644
--- a/apps/demos/Demos/Diagram/CustomShapesWithTexts/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Diagram/CustomShapesWithTexts/Angular/app/app.component.ts
@@ -3,7 +3,7 @@ import {
} from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-import { HttpClient, HttpClientModule } from '@angular/common/http';
+import { HttpClient, provideHttpClient, withFetch } from '@angular/common/http';
import { DxDiagramModule, DxDiagramComponent } from 'devextreme-angular';
import { Service, Employee } from './app.service';
@@ -19,6 +19,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
@@ -43,9 +44,9 @@ export class AppComponent {
@NgModule({
imports: [
BrowserModule,
- HttpClientModule,
DxDiagramModule,
],
+ providers: [provideHttpClient(withFetch())],
declarations: [AppComponent],
bootstrap: [AppComponent],
})
diff --git a/apps/demos/Demos/Diagram/ImagesInShapes/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/ImagesInShapes/Angular/app/app.component.ts
index 9e33d8d96c6d..876d427fb106 100644
--- a/apps/demos/Demos/Diagram/ImagesInShapes/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Diagram/ImagesInShapes/Angular/app/app.component.ts
@@ -3,7 +3,7 @@ import {
} from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-import { HttpClientModule } from '@angular/common/http';
+import { provideHttpClient, withFetch } from '@angular/common/http';
import { DxDiagramModule } from 'devextreme-angular';
import { ArrayStore } from 'devextreme-angular/common/data';
@@ -20,6 +20,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
@@ -46,9 +47,9 @@ export class AppComponent {
@NgModule({
imports: [
BrowserModule,
- HttpClientModule,
DxDiagramModule,
],
+ providers: [provideHttpClient(withFetch())],
declarations: [AppComponent],
bootstrap: [AppComponent],
})
diff --git a/apps/demos/Demos/Diagram/ItemSelection/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/ItemSelection/Angular/app/app.component.ts
index 01f3af7159e8..5f824044cd72 100644
--- a/apps/demos/Demos/Diagram/ItemSelection/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Diagram/ItemSelection/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
import {
- NgModule, Component, Pipe, PipeTransform, enableProdMode,
+ NgModule, Component, Pipe, PipeTransform, enableProdMode, provideZoneChangeDetection,
} from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
@@ -20,6 +20,7 @@ if (window && window.config?.packageConfigPaths) {
@Component({
selector: 'demo-app',
+ standalone: false,
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
providers: [Service],
@@ -55,7 +56,7 @@ export class AppComponent {
}
}
-@Pipe({ name: 'stringifyItems' })
+@Pipe({ name: 'stringifyItems', standalone: false })
export class StringifyItemsPipe implements PipeTransform {
transform(items: DxDiagramTypes.Item[], textExpression: string): string {
return items
@@ -71,6 +72,7 @@ export class StringifyItemsPipe implements PipeTransform {
DxDiagramModule,
],
declarations: [AppComponent, StringifyItemsPipe],
+ providers: [provideZoneChangeDetection({ eventCoalescing: true })],
bootstrap: [AppComponent],
})
export class AppModule { }
diff --git a/apps/demos/Demos/Diagram/NodesAndEdgesArrays/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/NodesAndEdgesArrays/Angular/app/app.component.ts
index 85c5c6ef56f5..255ab397b577 100644
--- a/apps/demos/Demos/Diagram/NodesAndEdgesArrays/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Diagram/NodesAndEdgesArrays/Angular/app/app.component.ts
@@ -3,7 +3,7 @@ import {
} from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-import { HttpClientModule } from '@angular/common/http';
+import {provideHttpClient, withFetch} from '@angular/common/http';
import { DxDiagramModule } from 'devextreme-angular';
import { ArrayStore } from 'devextreme-angular/common/data';
@@ -20,6 +20,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
@@ -46,9 +47,9 @@ export class AppComponent {
@NgModule({
imports: [
BrowserModule,
- HttpClientModule,
DxDiagramModule,
],
+ providers: [provideHttpClient(withFetch())],
declarations: [AppComponent],
bootstrap: [AppComponent],
})
diff --git a/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/Angular/app/app.component.ts
index 062e8176efde..56c017fd709d 100644
--- a/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Diagram/NodesArrayHierarchicalStructure/Angular/app/app.component.ts
@@ -3,7 +3,7 @@ import {
} from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-import { HttpClientModule } from '@angular/common/http';
+import { provideHttpClient, withFetch } from '@angular/common/http';
import { DxDiagramModule } from 'devextreme-angular';
import { ArrayStore } from 'devextreme-angular/common/data';
@@ -20,6 +20,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
@@ -40,9 +41,9 @@ export class AppComponent {
@NgModule({
imports: [
BrowserModule,
- HttpClientModule,
DxDiagramModule,
],
+ providers: [provideHttpClient(withFetch())],
declarations: [AppComponent],
bootstrap: [AppComponent],
})
diff --git a/apps/demos/Demos/Diagram/NodesArrayPlainStructure/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/NodesArrayPlainStructure/Angular/app/app.component.ts
index 75a344144910..8cac82e3e4d7 100644
--- a/apps/demos/Demos/Diagram/NodesArrayPlainStructure/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Diagram/NodesArrayPlainStructure/Angular/app/app.component.ts
@@ -1,7 +1,7 @@
import { NgModule, Component, enableProdMode } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-import { HttpClientModule } from '@angular/common/http';
+import { provideHttpClient, withFetch } from '@angular/common/http';
import { DxDiagramModule } from 'devextreme-angular';
import { ArrayStore } from 'devextreme-angular/common/data';
import { Service } from './app.service';
@@ -17,6 +17,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
@@ -37,9 +38,9 @@ export class AppComponent {
@NgModule({
imports: [
BrowserModule,
- HttpClientModule,
DxDiagramModule,
],
+ providers: [provideHttpClient(withFetch())],
declarations: [AppComponent],
bootstrap: [AppComponent],
})
diff --git a/apps/demos/Demos/Diagram/OperationRestrictions/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/OperationRestrictions/Angular/app/app.component.ts
index 79e0ae00a18e..a6ebe12d0a3e 100644
--- a/apps/demos/Demos/Diagram/OperationRestrictions/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Diagram/OperationRestrictions/Angular/app/app.component.ts
@@ -1,7 +1,7 @@
import {
NgModule, Component, enableProdMode,
} from '@angular/core';
-import { HttpClientModule } from '@angular/common/http';
+import {provideHttpClient, withFetch} from '@angular/common/http';
import { BrowserModule } from '@angular/platform-browser';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import notify from 'devextreme/ui/notify';
@@ -20,6 +20,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
@@ -121,9 +122,9 @@ export class AppComponent {
@NgModule({
imports: [
BrowserModule,
- HttpClientModule,
DxDiagramModule,
],
+ providers: [provideHttpClient(withFetch())],
declarations: [AppComponent],
bootstrap: [AppComponent],
})
diff --git a/apps/demos/Demos/Diagram/Overview/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/Overview/Angular/app/app.component.ts
index 1bb6c40b8a64..dee57980ed31 100644
--- a/apps/demos/Demos/Diagram/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Diagram/Overview/Angular/app/app.component.ts
@@ -3,7 +3,7 @@ import {
} from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-import { HttpClient, HttpClientModule } from '@angular/common/http';
+import { HttpClient, provideHttpClient, withFetch } from '@angular/common/http';
import { DxDiagramModule, DxDiagramComponent } from 'devextreme-angular';
@@ -18,6 +18,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
@@ -37,9 +38,9 @@ export class AppComponent {
@NgModule({
imports: [
BrowserModule,
- HttpClientModule,
DxDiagramModule,
],
+ providers: [provideHttpClient(withFetch())],
declarations: [AppComponent],
bootstrap: [AppComponent],
})
diff --git a/apps/demos/Demos/Diagram/ReadOnly/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/ReadOnly/Angular/app/app.component.ts
index 0326d173404f..5311528b3290 100644
--- a/apps/demos/Demos/Diagram/ReadOnly/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Diagram/ReadOnly/Angular/app/app.component.ts
@@ -3,7 +3,7 @@ import {
} from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-import { HttpClient, HttpClientModule } from '@angular/common/http';
+import { HttpClient, provideHttpClient, withFetch } from '@angular/common/http';
import { DxDiagramModule, DxDiagramComponent } from 'devextreme-angular';
@@ -18,6 +18,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
@@ -37,10 +38,10 @@ export class AppComponent {
@NgModule({
imports: [
BrowserModule,
- HttpClientModule,
DxDiagramModule,
],
declarations: [AppComponent],
+ providers: [provideHttpClient(withFetch())],
bootstrap: [AppComponent],
})
export class AppModule { }
diff --git a/apps/demos/Demos/Diagram/SimpleView/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/SimpleView/Angular/app/app.component.ts
index 5a8735cd977e..a0c930244d50 100644
--- a/apps/demos/Demos/Diagram/SimpleView/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Diagram/SimpleView/Angular/app/app.component.ts
@@ -3,7 +3,7 @@ import {
} from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-import { HttpClientModule } from '@angular/common/http';
+import { provideHttpClient, withFetch } from '@angular/common/http';
import { DxDiagramModule } from 'devextreme-angular';
import { ArrayStore } from 'devextreme-angular/common/data';
@@ -20,6 +20,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
@@ -40,9 +41,9 @@ export class AppComponent {
@NgModule({
imports: [
BrowserModule,
- HttpClientModule,
DxDiagramModule,
],
+ providers: [provideHttpClient(withFetch())],
declarations: [AppComponent],
bootstrap: [AppComponent],
})
diff --git a/apps/demos/Demos/Diagram/UICustomization/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/UICustomization/Angular/app/app.component.ts
index 23b6b2005f25..09dd5ec1c5c4 100644
--- a/apps/demos/Demos/Diagram/UICustomization/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Diagram/UICustomization/Angular/app/app.component.ts
@@ -3,7 +3,7 @@ import {
} from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-import { HttpClient, HttpClientModule } from '@angular/common/http';
+import { HttpClient, provideHttpClient, withFetch } from '@angular/common/http';
import { DxDiagramModule, DxDiagramComponent } from 'devextreme-angular';
import { confirm } from 'devextreme/ui/dialog';
@@ -19,6 +19,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
@@ -51,10 +52,10 @@ export class AppComponent {
@NgModule({
imports: [
BrowserModule,
- HttpClientModule,
DxDiagramModule,
],
declarations: [AppComponent],
+ providers: [provideHttpClient(withFetch())],
bootstrap: [AppComponent],
})
export class AppModule { }
diff --git a/apps/demos/Demos/Diagram/WebAPIService/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/WebAPIService/Angular/app/app.component.ts
index 5acf6b0f998c..57cf1e7e4f95 100644
--- a/apps/demos/Demos/Diagram/WebAPIService/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Diagram/WebAPIService/Angular/app/app.component.ts
@@ -18,6 +18,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Drawer/LeftOrRightPosition/Angular/app/app.component.ts b/apps/demos/Demos/Drawer/LeftOrRightPosition/Angular/app/app.component.ts
index d616f1c7cb82..aa52982f62de 100644
--- a/apps/demos/Demos/Drawer/LeftOrRightPosition/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Drawer/LeftOrRightPosition/Angular/app/app.component.ts
@@ -18,6 +18,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Drawer/TopOrBottomPosition/Angular/app/app.component.ts b/apps/demos/Demos/Drawer/TopOrBottomPosition/Angular/app/app.component.ts
index 28b5efd71592..82668f36619a 100644
--- a/apps/demos/Demos/Drawer/TopOrBottomPosition/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Drawer/TopOrBottomPosition/Angular/app/app.component.ts
@@ -18,6 +18,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/DropDownBox/MultipleSelection/Angular/app/app.component.ts b/apps/demos/Demos/DropDownBox/MultipleSelection/Angular/app/app.component.ts
index 4a7b3262b3ef..6d03ae5a9ba9 100644
--- a/apps/demos/Demos/DropDownBox/MultipleSelection/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DropDownBox/MultipleSelection/Angular/app/app.component.ts
@@ -3,7 +3,7 @@ import {
} from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-import { HttpClient, HttpClientModule } from '@angular/common/http';
+import { HttpClient, provideHttpClient, withFetch } from '@angular/common/http';
import { lastValueFrom } from 'rxjs';
import { CustomStore } from 'devextreme-angular/common/data';
import { DxDropDownBoxModule, DxDataGridModule } from 'devextreme-angular';
@@ -20,6 +20,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
@@ -80,9 +81,9 @@ export class AppComponent {
BrowserModule,
DxTreeViewModule,
DxDropDownBoxModule,
- HttpClientModule,
DxDataGridModule,
],
+ providers: [provideHttpClient(withFetch())],
declarations: [AppComponent],
bootstrap: [AppComponent],
})
diff --git a/apps/demos/Demos/DropDownBox/SingleSelection/Angular/app/app.component.ts b/apps/demos/Demos/DropDownBox/SingleSelection/Angular/app/app.component.ts
index 0bc0d781b60f..3c12a4e572df 100644
--- a/apps/demos/Demos/DropDownBox/SingleSelection/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DropDownBox/SingleSelection/Angular/app/app.component.ts
@@ -1,7 +1,7 @@
import {
enableProdMode, ChangeDetectionStrategy, ChangeDetectorRef, Component, NgModule, ViewChild,
} from '@angular/core';
-import { HttpClient, HttpClientModule } from '@angular/common/http';
+import { HttpClient, provideHttpClient, withFetch } from '@angular/common/http';
import { BrowserModule } from '@angular/platform-browser';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { lastValueFrom } from 'rxjs';
@@ -21,6 +21,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
@@ -94,9 +95,9 @@ export class AppComponent {
BrowserModule,
DxTreeViewModule,
DxDropDownBoxModule,
- HttpClientModule,
DxDataGridModule,
],
+ providers: [provideHttpClient(withFetch())],
declarations: [AppComponent],
bootstrap: [AppComponent],
})
diff --git a/apps/demos/Demos/DropDownButton/Overview/Angular/app/app.component.ts b/apps/demos/Demos/DropDownButton/Overview/Angular/app/app.component.ts
index 0ee22ccc4048..ceb43788bab7 100644
--- a/apps/demos/Demos/DropDownButton/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DropDownButton/Overview/Angular/app/app.component.ts
@@ -19,6 +19,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/FieldSet/Overview/Angular/app/app.component.ts b/apps/demos/Demos/FieldSet/Overview/Angular/app/app.component.ts
index 08b8e7665791..a23695e21399 100644
--- a/apps/demos/Demos/FieldSet/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/FieldSet/Overview/Angular/app/app.component.ts
@@ -17,6 +17,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/FileManager/BindingToEF/Angular/app/app.component.ts b/apps/demos/Demos/FileManager/BindingToEF/Angular/app/app.component.ts
index a6bfcc6419eb..54690447b5fe 100644
--- a/apps/demos/Demos/FileManager/BindingToEF/Angular/app/app.component.ts
+++ b/apps/demos/Demos/FileManager/BindingToEF/Angular/app/app.component.ts
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
preserveWhitespaces: true,
diff --git a/apps/demos/Demos/FileManager/BindingToFileSystem/Angular/app/app.component.ts b/apps/demos/Demos/FileManager/BindingToFileSystem/Angular/app/app.component.ts
index 7409936203fd..e5439cb30328 100644
--- a/apps/demos/Demos/FileManager/BindingToFileSystem/Angular/app/app.component.ts
+++ b/apps/demos/Demos/FileManager/BindingToFileSystem/Angular/app/app.component.ts
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
preserveWhitespaces: true,
diff --git a/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/Angular/app/app.component.ts b/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/Angular/app/app.component.ts
index 2ad147d8ef74..3cf463140cbf 100644
--- a/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/Angular/app/app.component.ts
+++ b/apps/demos/Demos/FileManager/BindingToHierarchicalStructure/Angular/app/app.component.ts
@@ -17,6 +17,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
providers: [Service],
diff --git a/apps/demos/Demos/FileManager/CustomThumbnails/Angular/app/app.component.ts b/apps/demos/Demos/FileManager/CustomThumbnails/Angular/app/app.component.ts
index d51e91ee520e..f63f34e5a156 100644
--- a/apps/demos/Demos/FileManager/CustomThumbnails/Angular/app/app.component.ts
+++ b/apps/demos/Demos/FileManager/CustomThumbnails/Angular/app/app.component.ts
@@ -17,6 +17,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
providers: [Service],
diff --git a/apps/demos/Demos/FileManager/Overview/Angular/app/app.component.ts b/apps/demos/Demos/FileManager/Overview/Angular/app/app.component.ts
index be8813ff89cf..fdc008d1caf8 100644
--- a/apps/demos/Demos/FileManager/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/FileManager/Overview/Angular/app/app.component.ts
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/FileManager/UICustomization/Angular/app/app.component.ts b/apps/demos/Demos/FileManager/UICustomization/Angular/app/app.component.ts
index 49fd46e34abd..a8dfafe990a1 100644
--- a/apps/demos/Demos/FileManager/UICustomization/Angular/app/app.component.ts
+++ b/apps/demos/Demos/FileManager/UICustomization/Angular/app/app.component.ts
@@ -17,6 +17,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
providers: [Service],
diff --git a/apps/demos/Demos/FileUploader/ChunkUpload/Angular/app/app.component.ts b/apps/demos/Demos/FileUploader/ChunkUpload/Angular/app/app.component.ts
index b2cffa1f046b..26efb7bfbcfc 100644
--- a/apps/demos/Demos/FileUploader/ChunkUpload/Angular/app/app.component.ts
+++ b/apps/demos/Demos/FileUploader/ChunkUpload/Angular/app/app.component.ts
@@ -15,6 +15,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/FileUploader/CustomDropzone/Angular/app/app.component.ts b/apps/demos/Demos/FileUploader/CustomDropzone/Angular/app/app.component.ts
index b86979e75eff..1f873628ba44 100644
--- a/apps/demos/Demos/FileUploader/CustomDropzone/Angular/app/app.component.ts
+++ b/apps/demos/Demos/FileUploader/CustomDropzone/Angular/app/app.component.ts
@@ -15,6 +15,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/FileUploader/FileSelection/Angular/app/app.component.ts b/apps/demos/Demos/FileUploader/FileSelection/Angular/app/app.component.ts
index 4f194cb6a6c6..dacc6d298f53 100644
--- a/apps/demos/Demos/FileUploader/FileSelection/Angular/app/app.component.ts
+++ b/apps/demos/Demos/FileUploader/FileSelection/Angular/app/app.component.ts
@@ -19,6 +19,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/FileUploader/FileUploading/Angular/app/app.component.ts b/apps/demos/Demos/FileUploader/FileUploading/Angular/app/app.component.ts
index a5e10cb2c5ed..964934c665d2 100644
--- a/apps/demos/Demos/FileUploader/FileUploading/Angular/app/app.component.ts
+++ b/apps/demos/Demos/FileUploader/FileUploading/Angular/app/app.component.ts
@@ -12,7 +12,7 @@ if (!/localhost/.test(document.location.host)) {
enableProdMode();
}
-@Pipe({ name: 'demodate' })
+@Pipe({ name: 'demodate', standalone: true })
export class DemoDatePipe implements PipeTransform {
transform(date: number) {
return new Date(date);
@@ -30,6 +30,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
@@ -44,8 +45,9 @@ export class AppComponent {
DxCheckBoxModule,
DxFileUploaderModule,
DxSelectBoxModule,
+ DemoDatePipe,
],
- declarations: [AppComponent, DemoDatePipe],
+ declarations: [AppComponent],
bootstrap: [AppComponent],
})
export class AppModule { }
diff --git a/apps/demos/Demos/FileUploader/Validation/Angular/app/app.component.ts b/apps/demos/Demos/FileUploader/Validation/Angular/app/app.component.ts
index 83871e0c60a3..e72f60e3a739 100644
--- a/apps/demos/Demos/FileUploader/Validation/Angular/app/app.component.ts
+++ b/apps/demos/Demos/FileUploader/Validation/Angular/app/app.component.ts
@@ -15,6 +15,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/FilterBuilder/Customization/Angular/app/app.component.ts b/apps/demos/Demos/FilterBuilder/Customization/Angular/app/app.component.ts
index c73fd7a197ce..dcb040d94195 100644
--- a/apps/demos/Demos/FilterBuilder/Customization/Angular/app/app.component.ts
+++ b/apps/demos/Demos/FilterBuilder/Customization/Angular/app/app.component.ts
@@ -1,4 +1,4 @@
-import { NgModule, Component, enableProdMode } from '@angular/core';
+import { NgModule, Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { DxListModule, DxButtonModule, DxTagBoxModule } from 'devextreme-angular';
@@ -31,6 +31,7 @@ if (window && window.config?.packageConfigPaths) {
@Component({
selector: 'demo-app',
+ standalone: false,
providers: [Service],
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
@@ -88,6 +89,7 @@ export class AppComponent {
DxFilterBuilderModule,
],
declarations: [AppComponent],
+ providers: [provideZoneChangeDetection({ eventCoalescing: true })],
bootstrap: [AppComponent],
})
diff --git a/apps/demos/Demos/FilterBuilder/WithDataGrid/Angular/app/app.component.ts b/apps/demos/Demos/FilterBuilder/WithDataGrid/Angular/app/app.component.ts
index bed0d6a1a9e3..09d857f51886 100644
--- a/apps/demos/Demos/FilterBuilder/WithDataGrid/Angular/app/app.component.ts
+++ b/apps/demos/Demos/FilterBuilder/WithDataGrid/Angular/app/app.component.ts
@@ -21,6 +21,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
providers: [Service],
templateUrl: `.${modulePrefix}/app.component.html`,
diff --git a/apps/demos/Demos/FilterBuilder/WithList/Angular/app/app.component.ts b/apps/demos/Demos/FilterBuilder/WithList/Angular/app/app.component.ts
index 1fcf122b2bce..c35ed9e9e194 100644
--- a/apps/demos/Demos/FilterBuilder/WithList/Angular/app/app.component.ts
+++ b/apps/demos/Demos/FilterBuilder/WithList/Angular/app/app.component.ts
@@ -24,6 +24,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
providers: [Service],
templateUrl: `.${modulePrefix}/app.component.html`,
diff --git a/apps/demos/Demos/FloatingActionButton/Overview/Angular/app/app.component.ts b/apps/demos/Demos/FloatingActionButton/Overview/Angular/app/app.component.ts
index 030d0f9becaa..afaa732aeb6b 100644
--- a/apps/demos/Demos/FloatingActionButton/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/FloatingActionButton/Overview/Angular/app/app.component.ts
@@ -23,6 +23,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Form/Adaptability/Angular/app/app.component.ts b/apps/demos/Demos/Form/Adaptability/Angular/app/app.component.ts
index 8ee57dc55a8a..849f0ec0ddc4 100644
--- a/apps/demos/Demos/Form/Adaptability/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Form/Adaptability/Angular/app/app.component.ts
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
providers: [Service],
templateUrl: `.${modulePrefix}/app.component.html`,
diff --git a/apps/demos/Demos/Form/Grouping/Angular/app/app.component.ts b/apps/demos/Demos/Form/Grouping/Angular/app/app.component.ts
index fad043ea809e..c6527794f014 100644
--- a/apps/demos/Demos/Form/Grouping/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Form/Grouping/Angular/app/app.component.ts
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
providers: [Service],
templateUrl: `.${modulePrefix}/app.component.html`,
diff --git a/apps/demos/Demos/Form/ItemCustomization/Angular/app/app.component.ts b/apps/demos/Demos/Form/ItemCustomization/Angular/app/app.component.ts
index 220477917abc..0ad955d067be 100644
--- a/apps/demos/Demos/Form/ItemCustomization/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Form/ItemCustomization/Angular/app/app.component.ts
@@ -24,6 +24,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
providers: [Service],
templateUrl: `.${modulePrefix}/app.component.html`,
diff --git a/apps/demos/Demos/Form/Overview/Angular/app/app.component.ts b/apps/demos/Demos/Form/Overview/Angular/app/app.component.ts
index e1badbdfe48a..049e95116e32 100644
--- a/apps/demos/Demos/Form/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Form/Overview/Angular/app/app.component.ts
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
providers: [Service],
templateUrl: `.${modulePrefix}/app.component.html`,
diff --git a/apps/demos/Demos/Form/SmartPaste/Angular/app/app.component.ts b/apps/demos/Demos/Form/SmartPaste/Angular/app/app.component.ts
index 4cb94e5cc6b5..641c25d5da17 100644
--- a/apps/demos/Demos/Form/SmartPaste/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Form/SmartPaste/Angular/app/app.component.ts
@@ -46,6 +46,7 @@ const showNotification = (message: string, of: string, isError?: boolean, offset
};
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Form/UpdateItemsDynamically/Angular/app/app.component.ts b/apps/demos/Demos/Form/UpdateItemsDynamically/Angular/app/app.component.ts
index a58e3161f7cf..89fede42f473 100644
--- a/apps/demos/Demos/Form/UpdateItemsDynamically/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Form/UpdateItemsDynamically/Angular/app/app.component.ts
@@ -18,6 +18,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
providers: [Service],
templateUrl: `.${modulePrefix}/app.component.html`,
diff --git a/apps/demos/Demos/Form/Validation/Angular/app/app.component.ts b/apps/demos/Demos/Form/Validation/Angular/app/app.component.ts
index 013aa03f6781..3d2df9fd1be7 100644
--- a/apps/demos/Demos/Form/Validation/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Form/Validation/Angular/app/app.component.ts
@@ -41,6 +41,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
providers: [Service],
templateUrl: `.${modulePrefix}/app.component.html`,
diff --git a/apps/demos/Demos/Gallery/ItemTemplate/Angular/app/app.component.ts b/apps/demos/Demos/Gallery/ItemTemplate/Angular/app/app.component.ts
index a4bc8005ae11..85289bb52fc6 100644
--- a/apps/demos/Demos/Gallery/ItemTemplate/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gallery/ItemTemplate/Angular/app/app.component.ts
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
providers: [Service],
templateUrl: `.${modulePrefix}/app.component.html`,
diff --git a/apps/demos/Demos/Gallery/Overview/Angular/app/app.component.ts b/apps/demos/Demos/Gallery/Overview/Angular/app/app.component.ts
index 3d9871a7710a..b9e3ea1d1bf6 100644
--- a/apps/demos/Demos/Gallery/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gallery/Overview/Angular/app/app.component.ts
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
providers: [Service],
templateUrl: `.${modulePrefix}/app.component.html`,
diff --git a/apps/demos/Demos/Gantt/Appearance/Angular/app/app.component.ts b/apps/demos/Demos/Gantt/Appearance/Angular/app/app.component.ts
index 65a9f0dc729c..7bafee343d75 100644
--- a/apps/demos/Demos/Gantt/Appearance/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gantt/Appearance/Angular/app/app.component.ts
@@ -18,6 +18,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Gantt/ContextMenu/Angular/app/app.component.ts b/apps/demos/Demos/Gantt/ContextMenu/Angular/app/app.component.ts
index d2c26ab68eb2..51a66a1fbee2 100644
--- a/apps/demos/Demos/Gantt/ContextMenu/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gantt/ContextMenu/Angular/app/app.component.ts
@@ -18,6 +18,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Gantt/DataBinding/Angular/app/app.component.ts b/apps/demos/Demos/Gantt/DataBinding/Angular/app/app.component.ts
index 873a8802221a..eea9ca40bc15 100644
--- a/apps/demos/Demos/Gantt/DataBinding/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gantt/DataBinding/Angular/app/app.component.ts
@@ -19,6 +19,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Gantt/ExportToPDF/Angular/app/app.component.ts b/apps/demos/Demos/Gantt/ExportToPDF/Angular/app/app.component.ts
index 4a8cb939bfa7..c803c110dd6e 100644
--- a/apps/demos/Demos/Gantt/ExportToPDF/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gantt/ExportToPDF/Angular/app/app.component.ts
@@ -33,6 +33,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Gantt/FilterRow/Angular/app/app.component.ts b/apps/demos/Demos/Gantt/FilterRow/Angular/app/app.component.ts
index 873a8802221a..eea9ca40bc15 100644
--- a/apps/demos/Demos/Gantt/FilterRow/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gantt/FilterRow/Angular/app/app.component.ts
@@ -19,6 +19,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Gantt/HeaderFilter/Angular/app/app.component.ts b/apps/demos/Demos/Gantt/HeaderFilter/Angular/app/app.component.ts
index 873a8802221a..eea9ca40bc15 100644
--- a/apps/demos/Demos/Gantt/HeaderFilter/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gantt/HeaderFilter/Angular/app/app.component.ts
@@ -19,6 +19,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Gantt/Overview/Angular/app/app.component.ts b/apps/demos/Demos/Gantt/Overview/Angular/app/app.component.ts
index 873a8802221a..eea9ca40bc15 100644
--- a/apps/demos/Demos/Gantt/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gantt/Overview/Angular/app/app.component.ts
@@ -19,6 +19,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Gantt/Sorting/Angular/app/app.component.ts b/apps/demos/Demos/Gantt/Sorting/Angular/app/app.component.ts
index ac09e299922d..912c4f8c9513 100644
--- a/apps/demos/Demos/Gantt/Sorting/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gantt/Sorting/Angular/app/app.component.ts
@@ -18,6 +18,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Gantt/StripLines/Angular/app/app.component.ts b/apps/demos/Demos/Gantt/StripLines/Angular/app/app.component.ts
index 3f2cd5a90c7a..b031417a33e6 100644
--- a/apps/demos/Demos/Gantt/StripLines/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gantt/StripLines/Angular/app/app.component.ts
@@ -17,6 +17,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Gantt/TaskTemplate/Angular/app/app.component.ts b/apps/demos/Demos/Gantt/TaskTemplate/Angular/app/app.component.ts
index cb824d3b0a22..a89bfe9e6dab 100644
--- a/apps/demos/Demos/Gantt/TaskTemplate/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gantt/TaskTemplate/Angular/app/app.component.ts
@@ -17,6 +17,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Gantt/Toolbar/Angular/app/app.component.ts b/apps/demos/Demos/Gantt/Toolbar/Angular/app/app.component.ts
index ad0fe2a69e09..1e72f4aac881 100644
--- a/apps/demos/Demos/Gantt/Toolbar/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gantt/Toolbar/Angular/app/app.component.ts
@@ -18,6 +18,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Gantt/Validation/Angular/app/app.component.ts b/apps/demos/Demos/Gantt/Validation/Angular/app/app.component.ts
index 79ac7c8e070f..f86f5c5bfd3c 100644
--- a/apps/demos/Demos/Gantt/Validation/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gantt/Validation/Angular/app/app.component.ts
@@ -17,6 +17,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Gauges/AnglesCustomization/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/AnglesCustomization/Angular/app/app.component.ts
index fbcda42f8387..34386731ec65 100644
--- a/apps/demos/Demos/Gauges/AnglesCustomization/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/AnglesCustomization/Angular/app/app.component.ts
@@ -14,6 +14,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Gauges/BarGauge/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/BarGauge/Angular/app/app.component.ts
index 54dcc344b7df..96e1aefa28d1 100644
--- a/apps/demos/Demos/Gauges/BarGauge/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/BarGauge/Angular/app/app.component.ts
@@ -17,6 +17,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Gauges/CircularGauge/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/CircularGauge/Angular/app/app.component.ts
index 8b8e2c95c64d..f018574bce1b 100644
--- a/apps/demos/Demos/Gauges/CircularGauge/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/CircularGauge/Angular/app/app.component.ts
@@ -17,6 +17,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Gauges/CustomLayout/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/CustomLayout/Angular/app/app.component.ts
index fbcda42f8387..34386731ec65 100644
--- a/apps/demos/Demos/Gauges/CustomLayout/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/CustomLayout/Angular/app/app.component.ts
@@ -14,6 +14,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Gauges/CustomLayoutLinearGauge/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/CustomLayoutLinearGauge/Angular/app/app.component.ts
index 9aab1e779216..ce7dd8221f36 100644
--- a/apps/demos/Demos/Gauges/CustomLayoutLinearGauge/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/CustomLayoutLinearGauge/Angular/app/app.component.ts
@@ -14,6 +14,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypes/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypes/Angular/app/app.component.ts
index fbcda42f8387..34386731ec65 100644
--- a/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypes/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypes/Angular/app/app.component.ts
@@ -14,6 +14,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypesLinearGauge/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypesLinearGauge/Angular/app/app.component.ts
index e86e1bd5d5e8..ea220c62ac29 100644
--- a/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypesLinearGauge/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/DifferentSubvalueIndicatorTypesLinearGauge/Angular/app/app.component.ts
@@ -14,6 +14,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Gauges/DifferentValueIndicatorTypes/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/DifferentValueIndicatorTypes/Angular/app/app.component.ts
index 1ded9f7b4897..7999cd658c3d 100644
--- a/apps/demos/Demos/Gauges/DifferentValueIndicatorTypes/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/DifferentValueIndicatorTypes/Angular/app/app.component.ts
@@ -14,6 +14,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Gauges/DifferentValueIndicatorTypesLinearGauge/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/DifferentValueIndicatorTypesLinearGauge/Angular/app/app.component.ts
index a7db54a1d4d3..d0c8595808e8 100644
--- a/apps/demos/Demos/Gauges/DifferentValueIndicatorTypesLinearGauge/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/DifferentValueIndicatorTypesLinearGauge/Angular/app/app.component.ts
@@ -14,6 +14,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Gauges/GaugeTitleCustomized/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/GaugeTitleCustomized/Angular/app/app.component.ts
index fbcda42f8387..34386731ec65 100644
--- a/apps/demos/Demos/Gauges/GaugeTitleCustomized/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/GaugeTitleCustomized/Angular/app/app.component.ts
@@ -14,6 +14,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Gauges/GaugeTooltip/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/GaugeTooltip/Angular/app/app.component.ts
index bfacc21984eb..fda08d7843fd 100644
--- a/apps/demos/Demos/Gauges/GaugeTooltip/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/GaugeTooltip/Angular/app/app.component.ts
@@ -14,6 +14,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Gauges/LabelsCustomization/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/LabelsCustomization/Angular/app/app.component.ts
index 1e5da23d6cc2..9b9b94e64da8 100644
--- a/apps/demos/Demos/Gauges/LabelsCustomization/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/LabelsCustomization/Angular/app/app.component.ts
@@ -15,6 +15,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Gauges/LinearGauge/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/LinearGauge/Angular/app/app.component.ts
index 30cfa83e0bb5..04e47d5c1621 100644
--- a/apps/demos/Demos/Gauges/LinearGauge/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/LinearGauge/Angular/app/app.component.ts
@@ -17,6 +17,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Gauges/Overview/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/Overview/Angular/app/app.component.ts
index f283ca29f3f1..33dfedb0b707 100644
--- a/apps/demos/Demos/Gauges/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/Overview/Angular/app/app.component.ts
@@ -14,6 +14,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Gauges/Palette/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/Palette/Angular/app/app.component.ts
index e4c74d86149c..3074b51d1666 100644
--- a/apps/demos/Demos/Gauges/Palette/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/Palette/Angular/app/app.component.ts
@@ -15,6 +15,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Gauges/PaletteForRanges/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/PaletteForRanges/Angular/app/app.component.ts
index fbcda42f8387..34386731ec65 100644
--- a/apps/demos/Demos/Gauges/PaletteForRanges/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/PaletteForRanges/Angular/app/app.component.ts
@@ -14,6 +14,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Gauges/RangeBarBaseValue/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/RangeBarBaseValue/Angular/app/app.component.ts
index 0f2c8273a8b3..220facf972ed 100644
--- a/apps/demos/Demos/Gauges/RangeBarBaseValue/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/RangeBarBaseValue/Angular/app/app.component.ts
@@ -17,6 +17,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Gauges/ScaleCustomTickInterval/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/ScaleCustomTickInterval/Angular/app/app.component.ts
index 9aab1e779216..ce7dd8221f36 100644
--- a/apps/demos/Demos/Gauges/ScaleCustomTickInterval/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/ScaleCustomTickInterval/Angular/app/app.component.ts
@@ -14,6 +14,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Gauges/ScaleCustomTickValues/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/ScaleCustomTickValues/Angular/app/app.component.ts
index 9aab1e779216..ce7dd8221f36 100644
--- a/apps/demos/Demos/Gauges/ScaleCustomTickValues/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/ScaleCustomTickValues/Angular/app/app.component.ts
@@ -14,6 +14,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Gauges/ScaleLabelFormatting/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/ScaleLabelFormatting/Angular/app/app.component.ts
index 1ded9f7b4897..7999cd658c3d 100644
--- a/apps/demos/Demos/Gauges/ScaleLabelFormatting/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/ScaleLabelFormatting/Angular/app/app.component.ts
@@ -14,6 +14,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Gauges/ScaleMinorTicks/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/ScaleMinorTicks/Angular/app/app.component.ts
index fbcda42f8387..34386731ec65 100644
--- a/apps/demos/Demos/Gauges/ScaleMinorTicks/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/ScaleMinorTicks/Angular/app/app.component.ts
@@ -14,6 +14,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Gauges/SubvalueIndicatorTextFormatting/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/SubvalueIndicatorTextFormatting/Angular/app/app.component.ts
index a77200d8a7d1..3f7a2e06bce1 100644
--- a/apps/demos/Demos/Gauges/SubvalueIndicatorTextFormatting/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/SubvalueIndicatorTextFormatting/Angular/app/app.component.ts
@@ -14,6 +14,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Gauges/SubvalueIndicatorsRuntimeCustomization/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/SubvalueIndicatorsRuntimeCustomization/Angular/app/app.component.ts
index 46e995187e6c..59b1410aea1f 100644
--- a/apps/demos/Demos/Gauges/SubvalueIndicatorsRuntimeCustomization/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/SubvalueIndicatorsRuntimeCustomization/Angular/app/app.component.ts
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Gauges/Tooltip/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/Tooltip/Angular/app/app.component.ts
index 6c1c80ec6987..573a02bd0d6d 100644
--- a/apps/demos/Demos/Gauges/Tooltip/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/Tooltip/Angular/app/app.component.ts
@@ -15,6 +15,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Gauges/ValueIndicatorsAPI/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/ValueIndicatorsAPI/Angular/app/app.component.ts
index c03d536954b8..a9ffb3062109 100644
--- a/apps/demos/Demos/Gauges/ValueIndicatorsAPI/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/ValueIndicatorsAPI/Angular/app/app.component.ts
@@ -15,6 +15,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Gauges/VariableNumberOfBars/Angular/app/app.component.ts b/apps/demos/Demos/Gauges/VariableNumberOfBars/Angular/app/app.component.ts
index 4dd301fcb7de..bfda5c15f1d3 100644
--- a/apps/demos/Demos/Gauges/VariableNumberOfBars/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Gauges/VariableNumberOfBars/Angular/app/app.component.ts
@@ -17,6 +17,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/HtmlEditor/AITextEditing/Angular/app/app.component.ts b/apps/demos/Demos/HtmlEditor/AITextEditing/Angular/app/app.component.ts
index 40c2dc65c67b..2501b9829208 100644
--- a/apps/demos/Demos/HtmlEditor/AITextEditing/Angular/app/app.component.ts
+++ b/apps/demos/Demos/HtmlEditor/AITextEditing/Angular/app/app.component.ts
@@ -25,6 +25,7 @@ type AIMessage = (OpenAI.ChatCompletionUserMessageParam | OpenAI.ChatCompletionS
};
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/HtmlEditor/MarkdownSupport/Angular/app/app.component.ts b/apps/demos/Demos/HtmlEditor/MarkdownSupport/Angular/app/app.component.ts
index d93370ec142d..d77c912db73a 100644
--- a/apps/demos/Demos/HtmlEditor/MarkdownSupport/Angular/app/app.component.ts
+++ b/apps/demos/Demos/HtmlEditor/MarkdownSupport/Angular/app/app.component.ts
@@ -27,6 +27,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/HtmlEditor/Mentions/Angular/app/app.component.ts b/apps/demos/Demos/HtmlEditor/Mentions/Angular/app/app.component.ts
index c7eab0bb67cb..909f0f9f9e9c 100644
--- a/apps/demos/Demos/HtmlEditor/Mentions/Angular/app/app.component.ts
+++ b/apps/demos/Demos/HtmlEditor/Mentions/Angular/app/app.component.ts
@@ -15,6 +15,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/HtmlEditor/Overview/Angular/app/app.component.ts b/apps/demos/Demos/HtmlEditor/Overview/Angular/app/app.component.ts
index cca21f81d444..774130b34c91 100644
--- a/apps/demos/Demos/HtmlEditor/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/HtmlEditor/Overview/Angular/app/app.component.ts
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/HtmlEditor/Tables/Angular/app/app.component.ts b/apps/demos/Demos/HtmlEditor/Tables/Angular/app/app.component.ts
index 9d47ab52b3e0..0243d990dfd4 100644
--- a/apps/demos/Demos/HtmlEditor/Tables/Angular/app/app.component.ts
+++ b/apps/demos/Demos/HtmlEditor/Tables/Angular/app/app.component.ts
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/HtmlEditor/ToolbarCustomization/Angular/app/app.component.ts b/apps/demos/Demos/HtmlEditor/ToolbarCustomization/Angular/app/app.component.ts
index 996c21672a5c..8b366fd53cfd 100644
--- a/apps/demos/Demos/HtmlEditor/ToolbarCustomization/Angular/app/app.component.ts
+++ b/apps/demos/Demos/HtmlEditor/ToolbarCustomization/Angular/app/app.component.ts
@@ -18,6 +18,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/List/DragAndDrop/Angular/app/app.component.ts b/apps/demos/Demos/List/DragAndDrop/Angular/app/app.component.ts
index 97938b5f1b7f..f87337e11a89 100644
--- a/apps/demos/Demos/List/DragAndDrop/Angular/app/app.component.ts
+++ b/apps/demos/Demos/List/DragAndDrop/Angular/app/app.component.ts
@@ -1,4 +1,4 @@
-import { NgModule, Component, enableProdMode } from '@angular/core';
+import { NgModule, Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { DxListModule } from 'devextreme-angular';
@@ -19,6 +19,7 @@ if (window && window.config?.packageConfigPaths) {
@Component({
selector: 'demo-app',
+ standalone: false,
providers: [Service],
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
@@ -59,6 +60,7 @@ export class AppComponent {
],
declarations: [AppComponent],
bootstrap: [AppComponent],
+ providers: [provideZoneChangeDetection({ eventCoalescing: true })],
})
export class AppModule { }
diff --git a/apps/demos/Demos/List/Grouping/Angular/app/app.component.ts b/apps/demos/Demos/List/Grouping/Angular/app/app.component.ts
index 92e0c0b5a48e..ebaf1b263807 100644
--- a/apps/demos/Demos/List/Grouping/Angular/app/app.component.ts
+++ b/apps/demos/Demos/List/Grouping/Angular/app/app.component.ts
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
providers: [Service],
templateUrl: `.${modulePrefix}/app.component.html`,
diff --git a/apps/demos/Demos/List/ItemDeletion/Angular/app/app.component.ts b/apps/demos/Demos/List/ItemDeletion/Angular/app/app.component.ts
index 1ff6d914586d..72dd682f2a88 100644
--- a/apps/demos/Demos/List/ItemDeletion/Angular/app/app.component.ts
+++ b/apps/demos/Demos/List/ItemDeletion/Angular/app/app.component.ts
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
providers: [Service],
templateUrl: `.${modulePrefix}/app.component.html`,
diff --git a/apps/demos/Demos/List/ItemTemplate/Angular/app/app.component.ts b/apps/demos/Demos/List/ItemTemplate/Angular/app/app.component.ts
index 2b59fa389903..a07b45a4d88e 100644
--- a/apps/demos/Demos/List/ItemTemplate/Angular/app/app.component.ts
+++ b/apps/demos/Demos/List/ItemTemplate/Angular/app/app.component.ts
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
providers: [Service],
templateUrl: `.${modulePrefix}/app.component.html`,
diff --git a/apps/demos/Demos/List/Search/Angular/app/app.component.ts b/apps/demos/Demos/List/Search/Angular/app/app.component.ts
index 20d3ba4a060f..81733518c5e7 100644
--- a/apps/demos/Demos/List/Search/Angular/app/app.component.ts
+++ b/apps/demos/Demos/List/Search/Angular/app/app.component.ts
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
providers: [Service],
templateUrl: `.${modulePrefix}/app.component.html`,
diff --git a/apps/demos/Demos/List/Selection/Angular/app/app.component.ts b/apps/demos/Demos/List/Selection/Angular/app/app.component.ts
index 4f584a270bb9..8adb52890fb9 100644
--- a/apps/demos/Demos/List/Selection/Angular/app/app.component.ts
+++ b/apps/demos/Demos/List/Selection/Angular/app/app.component.ts
@@ -1,4 +1,4 @@
-import { NgModule, Component, enableProdMode } from '@angular/core';
+import { NgModule, Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { DataSource, ArrayStore } from 'devextreme-angular/common/data';
@@ -19,6 +19,7 @@ if (window && window.config?.packageConfigPaths) {
@Component({
selector: 'demo-app',
+ standalone: false,
providers: [Service],
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
@@ -51,6 +52,7 @@ export class AppComponent {
DxCheckBoxModule,
],
declarations: [AppComponent],
+ providers: [provideZoneChangeDetection({ eventCoalescing: true })],
bootstrap: [AppComponent],
})
export class AppModule { }
diff --git a/apps/demos/Demos/List/WebAPI/Angular/app/app.component.ts b/apps/demos/Demos/List/WebAPI/Angular/app/app.component.ts
index 76b419729927..9e6561fb61d7 100644
--- a/apps/demos/Demos/List/WebAPI/Angular/app/app.component.ts
+++ b/apps/demos/Demos/List/WebAPI/Angular/app/app.component.ts
@@ -17,6 +17,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
})
diff --git a/apps/demos/Demos/LoadIndicator/Overview/Angular/app/app.component.ts b/apps/demos/Demos/LoadIndicator/Overview/Angular/app/app.component.ts
index f00ab7791597..4bfc94e58877 100644
--- a/apps/demos/Demos/LoadIndicator/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/LoadIndicator/Overview/Angular/app/app.component.ts
@@ -14,6 +14,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/LoadPanel/Overview/Angular/app/app.component.ts b/apps/demos/Demos/LoadPanel/Overview/Angular/app/app.component.ts
index e52913c50a62..3cfbaf046510 100644
--- a/apps/demos/Demos/LoadPanel/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/LoadPanel/Overview/Angular/app/app.component.ts
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
providers: [Service],
templateUrl: `.${modulePrefix}/app.component.html`,
diff --git a/apps/demos/Demos/Localization/UsingGlobalize/Angular/app/app.component.ts b/apps/demos/Demos/Localization/UsingGlobalize/Angular/app/app.component.ts
index 859a377868a8..a1270f9e020a 100644
--- a/apps/demos/Demos/Localization/UsingGlobalize/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Localization/UsingGlobalize/Angular/app/app.component.ts
@@ -31,6 +31,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Localization/UsingIntl/Angular/app/app.component.ts b/apps/demos/Demos/Localization/UsingIntl/Angular/app/app.component.ts
index 1124379f16ea..aa201b4c14e7 100644
--- a/apps/demos/Demos/Localization/UsingIntl/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Localization/UsingIntl/Angular/app/app.component.ts
@@ -20,6 +20,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Lookup/Basics/Angular/app/app.component.ts b/apps/demos/Demos/Lookup/Basics/Angular/app/app.component.ts
index 76f07f177408..8e22d0088cc8 100644
--- a/apps/demos/Demos/Lookup/Basics/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Lookup/Basics/Angular/app/app.component.ts
@@ -17,6 +17,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
providers: [Service],
templateUrl: `.${modulePrefix}/app.component.html`,
diff --git a/apps/demos/Demos/Lookup/EventHandling/Angular/app/app.component.ts b/apps/demos/Demos/Lookup/EventHandling/Angular/app/app.component.ts
index fbeef8c6f832..c0ce0d776ce6 100644
--- a/apps/demos/Demos/Lookup/EventHandling/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Lookup/EventHandling/Angular/app/app.component.ts
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
providers: [Service],
templateUrl: `.${modulePrefix}/app.component.html`,
diff --git a/apps/demos/Demos/Lookup/Templates/Angular/app/app.component.ts b/apps/demos/Demos/Lookup/Templates/Angular/app/app.component.ts
index f2d993bf5833..433e346aca9e 100644
--- a/apps/demos/Demos/Lookup/Templates/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Lookup/Templates/Angular/app/app.component.ts
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
providers: [Service],
templateUrl: `.${modulePrefix}/app.component.html`,
diff --git a/apps/demos/Demos/Map/Markers/Angular/app/app.component.ts b/apps/demos/Demos/Map/Markers/Angular/app/app.component.ts
index 087d4fa31b07..a7a73ae12d2b 100644
--- a/apps/demos/Demos/Map/Markers/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Map/Markers/Angular/app/app.component.ts
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
providers: [Service],
templateUrl: `.${modulePrefix}/app.component.html`,
diff --git a/apps/demos/Demos/Map/ProvidersAndTypes/Angular/app/app.component.ts b/apps/demos/Demos/Map/ProvidersAndTypes/Angular/app/app.component.ts
index 1c701521157b..7d01be9ad705 100644
--- a/apps/demos/Demos/Map/ProvidersAndTypes/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Map/ProvidersAndTypes/Angular/app/app.component.ts
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
providers: [Service],
templateUrl: `.${modulePrefix}/app.component.html`,
diff --git a/apps/demos/Demos/Map/Routes/Angular/app/app.component.ts b/apps/demos/Demos/Map/Routes/Angular/app/app.component.ts
index 15817cee313a..37e3d8991673 100644
--- a/apps/demos/Demos/Map/Routes/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Map/Routes/Angular/app/app.component.ts
@@ -18,6 +18,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
providers: [Service],
templateUrl: `.${modulePrefix}/app.component.html`,
diff --git a/apps/demos/Demos/Menu/Overview/Angular/app/app.component.ts b/apps/demos/Demos/Menu/Overview/Angular/app/app.component.ts
index 59f311a898c4..29fd16143133 100644
--- a/apps/demos/Demos/Menu/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Menu/Overview/Angular/app/app.component.ts
@@ -21,6 +21,7 @@ const isProductItem = (item: Product | ProductItem): item is ProductItem =>
!('items' in item);
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Menu/Scrolling/Angular/app/app.component.ts b/apps/demos/Demos/Menu/Scrolling/Angular/app/app.component.ts
index 3613a809667a..50add7aae63d 100644
--- a/apps/demos/Demos/Menu/Scrolling/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Menu/Scrolling/Angular/app/app.component.ts
@@ -19,6 +19,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/MultiView/Overview/Angular/app/app.component.ts b/apps/demos/Demos/MultiView/Overview/Angular/app/app.component.ts
index 2dd5a6e92656..ab62c67decda 100644
--- a/apps/demos/Demos/MultiView/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/MultiView/Overview/Angular/app/app.component.ts
@@ -1,4 +1,4 @@
-import { NgModule, Component, enableProdMode } from '@angular/core';
+import { NgModule, Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
@@ -18,6 +18,7 @@ if (window && window.config?.packageConfigPaths) {
@Component({
selector: 'demo-app',
+ standalone: false,
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
providers: [Service],
@@ -42,6 +43,7 @@ export class AppComponent {
],
declarations: [AppComponent],
bootstrap: [AppComponent],
+ providers: [provideZoneChangeDetection({ eventCoalescing: true })],
})
export class AppModule { }
diff --git a/apps/demos/Demos/NumberBox/Formatting/Angular/app/app.component.ts b/apps/demos/Demos/NumberBox/Formatting/Angular/app/app.component.ts
index ff6c4209e065..16dbabfe33e2 100644
--- a/apps/demos/Demos/NumberBox/Formatting/Angular/app/app.component.ts
+++ b/apps/demos/Demos/NumberBox/Formatting/Angular/app/app.component.ts
@@ -14,6 +14,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/NumberBox/Overview/Angular/app/app.component.ts b/apps/demos/Demos/NumberBox/Overview/Angular/app/app.component.ts
index 886f34840201..a6d7bafcdf8f 100644
--- a/apps/demos/Demos/NumberBox/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/NumberBox/Overview/Angular/app/app.component.ts
@@ -14,6 +14,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
})
diff --git a/apps/demos/Demos/Pagination/Overview/Angular/app/app.component.ts b/apps/demos/Demos/Pagination/Overview/Angular/app/app.component.ts
index d0cd6d2228f1..3d5eae854e3c 100644
--- a/apps/demos/Demos/Pagination/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Pagination/Overview/Angular/app/app.component.ts
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Pagination/Overview/Angular/app/employee-card/employee-card.component.ts b/apps/demos/Demos/Pagination/Overview/Angular/app/employee-card/employee-card.component.ts
index 9aa203f87924..33ec80d89f58 100644
--- a/apps/demos/Demos/Pagination/Overview/Angular/app/employee-card/employee-card.component.ts
+++ b/apps/demos/Demos/Pagination/Overview/Angular/app/employee-card/employee-card.component.ts
@@ -8,6 +8,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'employee-card',
templateUrl: `.${modulePrefix}/employee-card/employee-card.component.html`,
})
diff --git a/apps/demos/Demos/PivotGrid/ChartIntegration/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/ChartIntegration/Angular/app/app.component.ts
index ce211479a5f5..eb53fd13ff75 100644
--- a/apps/demos/Demos/PivotGrid/ChartIntegration/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/ChartIntegration/Angular/app/app.component.ts
@@ -24,6 +24,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/PivotGrid/Customization/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/Customization/Angular/app/app.component.ts
index 0ec33bbc4ec3..e9b74b4fa424 100644
--- a/apps/demos/Demos/PivotGrid/Customization/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/Customization/Angular/app/app.component.ts
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/PivotGrid/DrillDown/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/DrillDown/Angular/app/app.component.ts
index f12da531ca4c..ad4f091b3c73 100644
--- a/apps/demos/Demos/PivotGrid/DrillDown/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/DrillDown/Angular/app/app.component.ts
@@ -24,6 +24,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/Angular/app/app.component.ts
index 401673784266..5f08c699ab2e 100644
--- a/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/Angular/app/app.component.ts
@@ -22,6 +22,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
providers: [Service],
diff --git a/apps/demos/Demos/PivotGrid/ExcelJSOverview/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/ExcelJSOverview/Angular/app/app.component.ts
index 5514020ee19f..d7a22cf9efbb 100644
--- a/apps/demos/Demos/PivotGrid/ExcelJSOverview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/ExcelJSOverview/Angular/app/app.component.ts
@@ -20,6 +20,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/PivotGrid/ExcelJsHeaderAndFooter/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/ExcelJsHeaderAndFooter/Angular/app/app.component.ts
index 66a2394d53a1..cc9f432c881b 100644
--- a/apps/demos/Demos/PivotGrid/ExcelJsHeaderAndFooter/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/ExcelJsHeaderAndFooter/Angular/app/app.component.ts
@@ -20,6 +20,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/PivotGrid/FieldPanel/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/FieldPanel/Angular/app/app.component.ts
index 2cbb44180513..ea4341cd229e 100644
--- a/apps/demos/Demos/PivotGrid/FieldPanel/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/FieldPanel/Angular/app/app.component.ts
@@ -17,6 +17,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/PivotGrid/Filtering/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/Filtering/Angular/app/app.component.ts
index 980b1cb6860b..40af91f3044e 100644
--- a/apps/demos/Demos/PivotGrid/Filtering/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/Filtering/Angular/app/app.component.ts
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/PivotGrid/IntegratedFieldChooser/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/IntegratedFieldChooser/Angular/app/app.component.ts
index c43fa9f05cc7..c78164bcd1a2 100644
--- a/apps/demos/Demos/PivotGrid/IntegratedFieldChooser/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/IntegratedFieldChooser/Angular/app/app.component.ts
@@ -1,4 +1,4 @@
-import { NgModule, Component, enableProdMode } from '@angular/core';
+import { NgModule, Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { DxSelectBoxModule } from 'devextreme-angular';
@@ -16,8 +16,9 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
- styleUrls: [`.${modulePrefix}/app.component.css`],
selector: 'demo-app',
+ standalone: false,
+ styleUrls: [`.${modulePrefix}/app.component.css`],
templateUrl: `.${modulePrefix}/app.component.html`,
})
export class AppComponent {
@@ -57,6 +58,7 @@ export class AppComponent {
DxSelectBoxModule,
],
declarations: [AppComponent],
+ providers: [provideZoneChangeDetection({ eventCoalescing: true })],
bootstrap: [AppComponent],
})
export class AppModule { }
diff --git a/apps/demos/Demos/PivotGrid/OLAPDataSource/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/OLAPDataSource/Angular/app/app.component.ts
index ea381f32668c..fe860e68d8b5 100644
--- a/apps/demos/Demos/PivotGrid/OLAPDataSource/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/OLAPDataSource/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
import {
- NgModule, Component, enableProdMode,
+ NgModule, Component, enableProdMode, provideZoneChangeDetection,
} from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
@@ -17,8 +17,9 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
- styleUrls: [`.${modulePrefix}/app.component.css`],
selector: 'demo-app',
+ standalone: false,
+ styleUrls: [`.${modulePrefix}/app.component.css`],
templateUrl: `.${modulePrefix}/app.component.html`,
})
export class AppComponent {
@@ -58,6 +59,7 @@ export class AppComponent {
],
declarations: [AppComponent],
bootstrap: [AppComponent],
+ providers: [provideZoneChangeDetection({ eventCoalescing: true })],
})
export class AppModule { }
diff --git a/apps/demos/Demos/PivotGrid/Overview/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/Overview/Angular/app/app.component.ts
index cb720f0902a3..ceb5c1b6788f 100644
--- a/apps/demos/Demos/PivotGrid/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/Overview/Angular/app/app.component.ts
@@ -23,6 +23,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/PivotGrid/RemoteVirtualScrolling/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/RemoteVirtualScrolling/Angular/app/app.component.ts
index 1b06bc44f3f9..d29033da43d1 100644
--- a/apps/demos/Demos/PivotGrid/RemoteVirtualScrolling/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/RemoteVirtualScrolling/Angular/app/app.component.ts
@@ -15,6 +15,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
styleUrls: [`.${modulePrefix}/app.component.css`],
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
diff --git a/apps/demos/Demos/PivotGrid/RunningTotals/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/RunningTotals/Angular/app/app.component.ts
index c8b4dd8ec9c7..7feafc58cdf4 100644
--- a/apps/demos/Demos/PivotGrid/RunningTotals/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/RunningTotals/Angular/app/app.component.ts
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/PivotGrid/SimpleArray/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/SimpleArray/Angular/app/app.component.ts
index 34e657df39b7..20f67e642c82 100644
--- a/apps/demos/Demos/PivotGrid/SimpleArray/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/SimpleArray/Angular/app/app.component.ts
@@ -18,6 +18,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/PivotGrid/StandaloneFieldChooser/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/StandaloneFieldChooser/Angular/app/app.component.ts
index c01325db059e..ddd4ff5db590 100644
--- a/apps/demos/Demos/PivotGrid/StandaloneFieldChooser/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/StandaloneFieldChooser/Angular/app/app.component.ts
@@ -22,6 +22,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/PivotGrid/StatePersistence/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/StatePersistence/Angular/app/app.component.ts
index ac0cb783149e..13b74b7c679e 100644
--- a/apps/demos/Demos/PivotGrid/StatePersistence/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/StatePersistence/Angular/app/app.component.ts
@@ -17,6 +17,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/PivotGrid/SummaryDisplayModes/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/SummaryDisplayModes/Angular/app/app.component.ts
index 00428ba47831..e6880dea989e 100644
--- a/apps/demos/Demos/PivotGrid/SummaryDisplayModes/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/SummaryDisplayModes/Angular/app/app.component.ts
@@ -17,6 +17,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/PivotGrid/VirtualScrolling/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/VirtualScrolling/Angular/app/app.component.ts
index 9cb8a7c485ae..ff22c93a36c0 100644
--- a/apps/demos/Demos/PivotGrid/VirtualScrolling/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/VirtualScrolling/Angular/app/app.component.ts
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
providers: [Service],
diff --git a/apps/demos/Demos/PivotGrid/WebAPIService/Angular/app/app.component.ts b/apps/demos/Demos/PivotGrid/WebAPIService/Angular/app/app.component.ts
index 963a80733dba..3394a3c0e893 100644
--- a/apps/demos/Demos/PivotGrid/WebAPIService/Angular/app/app.component.ts
+++ b/apps/demos/Demos/PivotGrid/WebAPIService/Angular/app/app.component.ts
@@ -18,6 +18,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
})
diff --git a/apps/demos/Demos/Popover/Overview/Angular/app/app.component.ts b/apps/demos/Demos/Popover/Overview/Angular/app/app.component.ts
index fe194b974ab1..dea9e8c090c6 100644
--- a/apps/demos/Demos/Popover/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Popover/Overview/Angular/app/app.component.ts
@@ -14,6 +14,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Popup/Overview/Angular/app/app.component.ts b/apps/demos/Demos/Popup/Overview/Angular/app/app.component.ts
index 1480915d07bc..bdb04fbdb2b4 100644
--- a/apps/demos/Demos/Popup/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Popup/Overview/Angular/app/app.component.ts
@@ -17,6 +17,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Popup/Scrolling/Angular/app/app.component.ts b/apps/demos/Demos/Popup/Scrolling/Angular/app/app.component.ts
index cf468f94fb9d..a452a3f21e9f 100644
--- a/apps/demos/Demos/Popup/Scrolling/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Popup/Scrolling/Angular/app/app.component.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule, enableProdMode } from '@angular/core';
+import { Component, NgModule, enableProdMode, provideZoneChangeDetection } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { DxPopupModule, DxScrollViewModule } from 'devextreme-angular';
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
@Component({
selector: 'demo-app',
+ standalone: false,
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
})
@@ -54,6 +55,7 @@ export class AppComponent {
],
declarations: [AppComponent],
bootstrap: [AppComponent],
+ providers: [provideZoneChangeDetection({ eventCoalescing: true })],
})
export class AppModule { }
diff --git a/apps/demos/Demos/ProgressBar/Overview/Angular/app/app.component.ts b/apps/demos/Demos/ProgressBar/Overview/Angular/app/app.component.ts
index 00f99e275273..1d71c22f560c 100644
--- a/apps/demos/Demos/ProgressBar/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/ProgressBar/Overview/Angular/app/app.component.ts
@@ -5,7 +5,7 @@ import { BrowserModule } from '@angular/platform-browser';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { DxButtonModule, DxProgressBarModule } from 'devextreme-angular';
-@Pipe({ name: 'time' })
+@Pipe({ name: 'time', standalone: true })
export class TimePipe implements PipeTransform {
transform(value: number): string {
return `00:00:${(`0${value}`).slice(-2)}`;
@@ -23,6 +23,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
@@ -73,8 +74,9 @@ export class AppComponent {
BrowserModule,
DxButtonModule,
DxProgressBarModule,
+ TimePipe,
],
- declarations: [AppComponent, TimePipe],
+ declarations: [AppComponent],
bootstrap: [AppComponent],
})
export class AppModule { }
diff --git a/apps/demos/Demos/RadioGroup/Overview/Angular/app/app.component.ts b/apps/demos/Demos/RadioGroup/Overview/Angular/app/app.component.ts
index 7e770469c3ac..c6156a31bfe2 100644
--- a/apps/demos/Demos/RadioGroup/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/RadioGroup/Overview/Angular/app/app.component.ts
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
providers: [Service],
templateUrl: `.${modulePrefix}/app.component.html`,
diff --git a/apps/demos/Demos/RangeSelector/BackgroundImage/Angular/app/app.component.ts b/apps/demos/Demos/RangeSelector/BackgroundImage/Angular/app/app.component.ts
index 2f655d36003d..ad4f3c50e711 100644
--- a/apps/demos/Demos/RangeSelector/BackgroundImage/Angular/app/app.component.ts
+++ b/apps/demos/Demos/RangeSelector/BackgroundImage/Angular/app/app.component.ts
@@ -14,6 +14,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/RangeSelector/Calculation/Angular/app/app.component.ts b/apps/demos/Demos/RangeSelector/Calculation/Angular/app/app.component.ts
index bee5178ae124..eb514af2e7f8 100644
--- a/apps/demos/Demos/RangeSelector/Calculation/Angular/app/app.component.ts
+++ b/apps/demos/Demos/RangeSelector/Calculation/Angular/app/app.component.ts
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/RangeSelector/CustomFormatting/Angular/app/app.component.ts b/apps/demos/Demos/RangeSelector/CustomFormatting/Angular/app/app.component.ts
index 4e18907973c6..edd234c694fb 100644
--- a/apps/demos/Demos/RangeSelector/CustomFormatting/Angular/app/app.component.ts
+++ b/apps/demos/Demos/RangeSelector/CustomFormatting/Angular/app/app.component.ts
@@ -14,6 +14,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/RangeSelector/DateTimeScale/Angular/app/app.component.ts b/apps/demos/Demos/RangeSelector/DateTimeScale/Angular/app/app.component.ts
index d688d2ffd76c..ed7a41d4d5be 100644
--- a/apps/demos/Demos/RangeSelector/DateTimeScale/Angular/app/app.component.ts
+++ b/apps/demos/Demos/RangeSelector/DateTimeScale/Angular/app/app.component.ts
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
providers: [Service],
templateUrl: `.${modulePrefix}/app.component.html`,
diff --git a/apps/demos/Demos/RangeSelector/DateTimeScaleLightweight/Angular/app/app.component.ts b/apps/demos/Demos/RangeSelector/DateTimeScaleLightweight/Angular/app/app.component.ts
index 9ec946411cd1..1d0adec50668 100644
--- a/apps/demos/Demos/RangeSelector/DateTimeScaleLightweight/Angular/app/app.component.ts
+++ b/apps/demos/Demos/RangeSelector/DateTimeScaleLightweight/Angular/app/app.component.ts
@@ -14,6 +14,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/RangeSelector/DiscreteScale/Angular/app/app.component.ts b/apps/demos/Demos/RangeSelector/DiscreteScale/Angular/app/app.component.ts
index 94146920e7c2..dff4a4996dbd 100644
--- a/apps/demos/Demos/RangeSelector/DiscreteScale/Angular/app/app.component.ts
+++ b/apps/demos/Demos/RangeSelector/DiscreteScale/Angular/app/app.component.ts
@@ -15,6 +15,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
providers: [Service],
templateUrl: `.${modulePrefix}/app.component.html`,
diff --git a/apps/demos/Demos/RangeSelector/EmbeddedChart/Angular/app/app.component.ts b/apps/demos/Demos/RangeSelector/EmbeddedChart/Angular/app/app.component.ts
index 8d77fcf3ed3a..71bc276096ec 100644
--- a/apps/demos/Demos/RangeSelector/EmbeddedChart/Angular/app/app.component.ts
+++ b/apps/demos/Demos/RangeSelector/EmbeddedChart/Angular/app/app.component.ts
@@ -14,6 +14,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/RangeSelector/EmbeddedChartCustomized/Angular/app/app.component.ts b/apps/demos/Demos/RangeSelector/EmbeddedChartCustomized/Angular/app/app.component.ts
index b31370e1b17f..47e742d33db8 100644
--- a/apps/demos/Demos/RangeSelector/EmbeddedChartCustomized/Angular/app/app.component.ts
+++ b/apps/demos/Demos/RangeSelector/EmbeddedChartCustomized/Angular/app/app.component.ts
@@ -14,6 +14,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/RangeSelector/EmbeddedChartSeriesTemplate/Angular/app/app.component.ts b/apps/demos/Demos/RangeSelector/EmbeddedChartSeriesTemplate/Angular/app/app.component.ts
index d2d66af08ec4..50b2432306fc 100644
--- a/apps/demos/Demos/RangeSelector/EmbeddedChartSeriesTemplate/Angular/app/app.component.ts
+++ b/apps/demos/Demos/RangeSelector/EmbeddedChartSeriesTemplate/Angular/app/app.component.ts
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
providers: [Service],
templateUrl: `.${modulePrefix}/app.component.html`,
diff --git a/apps/demos/Demos/RangeSelector/Filter/Angular/app/app.component.ts b/apps/demos/Demos/RangeSelector/Filter/Angular/app/app.component.ts
index 581dceec4ca2..bbdb47460192 100644
--- a/apps/demos/Demos/RangeSelector/Filter/Angular/app/app.component.ts
+++ b/apps/demos/Demos/RangeSelector/Filter/Angular/app/app.component.ts
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
providers: [Service],
templateUrl: `.${modulePrefix}/app.component.html`,
diff --git a/apps/demos/Demos/RangeSelector/LogarithmicScale/Angular/app/app.component.ts b/apps/demos/Demos/RangeSelector/LogarithmicScale/Angular/app/app.component.ts
index 0fd5702a1488..de27c4adb182 100644
--- a/apps/demos/Demos/RangeSelector/LogarithmicScale/Angular/app/app.component.ts
+++ b/apps/demos/Demos/RangeSelector/LogarithmicScale/Angular/app/app.component.ts
@@ -15,6 +15,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/RangeSelector/NumericScale/Angular/app/app.component.ts b/apps/demos/Demos/RangeSelector/NumericScale/Angular/app/app.component.ts
index 3d4f28ebcafe..714e8a8e5da7 100644
--- a/apps/demos/Demos/RangeSelector/NumericScale/Angular/app/app.component.ts
+++ b/apps/demos/Demos/RangeSelector/NumericScale/Angular/app/app.component.ts
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
providers: [Service],
templateUrl: `.${modulePrefix}/app.component.html`,
diff --git a/apps/demos/Demos/RangeSelector/NumericScaleLightweight/Angular/app/app.component.ts b/apps/demos/Demos/RangeSelector/NumericScaleLightweight/Angular/app/app.component.ts
index d52bd8e4b48b..808af1f757ea 100644
--- a/apps/demos/Demos/RangeSelector/NumericScaleLightweight/Angular/app/app.component.ts
+++ b/apps/demos/Demos/RangeSelector/NumericScaleLightweight/Angular/app/app.component.ts
@@ -14,6 +14,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/RangeSlider/Overview/Angular/app/app.component.ts b/apps/demos/Demos/RangeSlider/Overview/Angular/app/app.component.ts
index 12d39832774d..4756abe54c52 100644
--- a/apps/demos/Demos/RangeSlider/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/RangeSlider/Overview/Angular/app/app.component.ts
@@ -14,6 +14,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Resizable/Overview/Angular/app/app.component.ts b/apps/demos/Demos/Resizable/Overview/Angular/app/app.component.ts
index 67e4810d7ece..6a46fc043a5f 100644
--- a/apps/demos/Demos/Resizable/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Resizable/Overview/Angular/app/app.component.ts
@@ -22,6 +22,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/ResponsiveBox/Overview/Angular/app/app.component.ts b/apps/demos/Demos/ResponsiveBox/Overview/Angular/app/app.component.ts
index d5994d33b1dd..12707b65c313 100644
--- a/apps/demos/Demos/ResponsiveBox/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/ResponsiveBox/Overview/Angular/app/app.component.ts
@@ -14,6 +14,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Scheduler/Adaptability/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/Adaptability/Angular/app/app.component.ts
index 55c1a7e31cc5..9ef4bf9243b6 100644
--- a/apps/demos/Demos/Scheduler/Adaptability/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/Adaptability/Angular/app/app.component.ts
@@ -17,6 +17,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Scheduler/Agenda/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/Agenda/Angular/app/app.component.ts
index 8f5ddd241c68..2201c12fb271 100644
--- a/apps/demos/Demos/Scheduler/Agenda/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/Agenda/Angular/app/app.component.ts
@@ -18,6 +18,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
providers: [Service],
diff --git a/apps/demos/Demos/Scheduler/AllDayPanelMode/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/AllDayPanelMode/Angular/app/app.component.ts
index 88a7471de05e..e03bf1698562 100644
--- a/apps/demos/Demos/Scheduler/AllDayPanelMode/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/AllDayPanelMode/Angular/app/app.component.ts
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Scheduler/AppointmentCountPerCell/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/AppointmentCountPerCell/Angular/app/app.component.ts
index 0aeee41ada5e..345e48c0aeba 100644
--- a/apps/demos/Demos/Scheduler/AppointmentCountPerCell/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/AppointmentCountPerCell/Angular/app/app.component.ts
@@ -17,6 +17,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
providers: [Service],
diff --git a/apps/demos/Demos/Scheduler/BasicViews/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/BasicViews/Angular/app/app.component.ts
index ccf7a8e2b2c8..d938897cc3c2 100644
--- a/apps/demos/Demos/Scheduler/BasicViews/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/BasicViews/Angular/app/app.component.ts
@@ -15,6 +15,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
providers: [Service],
diff --git a/apps/demos/Demos/Scheduler/CellTemplates/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/CellTemplates/Angular/app/app.component.ts
index 3a54750dff7e..1d5c8d49cdf2 100644
--- a/apps/demos/Demos/Scheduler/CellTemplates/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/CellTemplates/Angular/app/app.component.ts
@@ -10,7 +10,7 @@ import { DxSchedulerTypes } from 'devextreme-angular/ui/scheduler';
import { DxFormComponent } from 'devextreme-angular/ui/form';
import { DataService } from './app.service';
-@Pipe({ name: 'apply' })
+@Pipe({ name: 'apply', standalone: true })
export class ApplyPipe
implements PipeTransform {
transform(func: ((...args: TArgs[]) => TReturn), ...args: TArgs[]): TReturn { return func(...args); }
}
@@ -26,6 +26,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
@@ -186,8 +187,9 @@ export class AppComponent {
imports: [
BrowserModule,
DxSchedulerModule,
+ ApplyPipe,
],
- declarations: [AppComponent, ApplyPipe],
+ declarations: [AppComponent],
bootstrap: [AppComponent],
})
export class AppModule { }
diff --git a/apps/demos/Demos/Scheduler/ContextMenu/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/ContextMenu/Angular/app/app.component.ts
index a333bdecbec9..7eba24e6ce76 100644
--- a/apps/demos/Demos/Scheduler/ContextMenu/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/ContextMenu/Angular/app/app.component.ts
@@ -27,6 +27,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Scheduler/CurrentTimeIndicator/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/CurrentTimeIndicator/Angular/app/app.component.ts
index a378e3a65d29..1e442ab6ff22 100644
--- a/apps/demos/Demos/Scheduler/CurrentTimeIndicator/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/CurrentTimeIndicator/Angular/app/app.component.ts
@@ -14,7 +14,7 @@ import { DxSchedulerTypes } from 'devextreme-angular/ui/scheduler';
import { DxNumberBoxTypes } from 'devextreme-angular/ui/number-box';
import { Appointment, Service, MovieData } from './app.service';
-@Pipe({ name: 'apply' })
+@Pipe({ name: 'apply', standalone: true })
export class ApplyPipe implements PipeTransform {
transform(func: ((...args: TArgs[]) => TReturn), ...args: TArgs[]): TReturn { return func(...args); }
}
@@ -30,6 +30,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
@@ -83,8 +84,9 @@ export class AppComponent {
DxSchedulerModule,
DxSwitchModule,
DxNumberBoxModule,
+ ApplyPipe,
],
- declarations: [AppComponent, ApplyPipe],
+ declarations: [AppComponent],
bootstrap: [AppComponent],
})
export class AppModule { }
diff --git a/apps/demos/Demos/Scheduler/CustomViewDuration/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/CustomViewDuration/Angular/app/app.component.ts
index 9a60d551bb61..dfe6f52846cc 100644
--- a/apps/demos/Demos/Scheduler/CustomViewDuration/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/CustomViewDuration/Angular/app/app.component.ts
@@ -15,6 +15,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
providers: [Service],
diff --git a/apps/demos/Demos/Scheduler/DragAndDrop/Angular/app/app.component.html b/apps/demos/Demos/Scheduler/DragAndDrop/Angular/app/app.component.html
index 1c1280958367..03108b8acd7c 100644
--- a/apps/demos/Demos/Scheduler/DragAndDrop/Angular/app/app.component.html
+++ b/apps/demos/Demos/Scheduler/DragAndDrop/Angular/app/app.component.html
@@ -5,6 +5,7 @@
[group]="draggingGroupName"
(onDragStart)="onListDragStart($event)"
>
+ @for (task of tasks; track task.id) {
{{ task.text }}
+ }
diff --git a/apps/demos/Demos/Scheduler/DragAndDrop/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/DragAndDrop/Angular/app/app.component.ts
index 7fe4b5ad3f8c..1ffb1ccf51e5 100644
--- a/apps/demos/Demos/Scheduler/DragAndDrop/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/DragAndDrop/Angular/app/app.component.ts
@@ -1,4 +1,4 @@
-import { NgModule, Component, enableProdMode } from '@angular/core';
+import { NgModule, Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { DxSchedulerModule, DxDraggableModule, DxScrollViewModule } from 'devextreme-angular';
@@ -18,6 +18,7 @@ if (window && window.config?.packageConfigPaths) {
@Component({
selector: 'demo-app',
+ standalone: false,
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
providers: [Service],
@@ -78,6 +79,7 @@ export class AppComponent {
],
declarations: [AppComponent],
bootstrap: [AppComponent],
+ providers: [provideZoneChangeDetection({ eventCoalescing: true })],
})
export class AppModule { }
diff --git a/apps/demos/Demos/Scheduler/Editing/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/Editing/Angular/app/app.component.ts
index 247d182c1698..4e44b8674c54 100644
--- a/apps/demos/Demos/Scheduler/Editing/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/Editing/Angular/app/app.component.ts
@@ -17,6 +17,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Scheduler/GoogleCalendarIntegration/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/GoogleCalendarIntegration/Angular/app/app.component.ts
index 2d0465535caa..e403619ab830 100644
--- a/apps/demos/Demos/Scheduler/GoogleCalendarIntegration/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/GoogleCalendarIntegration/Angular/app/app.component.ts
@@ -1,7 +1,7 @@
import {
NgModule, Component, enableProdMode,
} from '@angular/core';
-import { HttpClient, HttpClientModule } from '@angular/common/http';
+import { HttpClient, provideHttpClient, withFetch } from '@angular/common/http';
import { BrowserModule } from '@angular/platform-browser';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { lastValueFrom } from 'rxjs';
@@ -19,6 +19,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
@@ -53,8 +54,8 @@ export class AppComponent {
imports: [
BrowserModule,
DxSchedulerModule,
- HttpClientModule,
],
+ providers: [provideHttpClient(withFetch())],
declarations: [AppComponent],
bootstrap: [AppComponent],
})
diff --git a/apps/demos/Demos/Scheduler/GroupByDate/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/GroupByDate/Angular/app/app.component.ts
index 95f4cdc40ab4..4ef37e4ed03a 100644
--- a/apps/demos/Demos/Scheduler/GroupByDate/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/GroupByDate/Angular/app/app.component.ts
@@ -15,6 +15,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Scheduler/GroupingByResources/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/GroupingByResources/Angular/app/app.component.ts
index 1fb536544788..94906ee28c9c 100644
--- a/apps/demos/Demos/Scheduler/GroupingByResources/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/GroupingByResources/Angular/app/app.component.ts
@@ -15,6 +15,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Scheduler/IndividualViewsCustomization/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/IndividualViewsCustomization/Angular/app/app.component.ts
index d28bc8d6a579..707ce4f7501d 100644
--- a/apps/demos/Demos/Scheduler/IndividualViewsCustomization/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/IndividualViewsCustomization/Angular/app/app.component.ts
@@ -16,6 +16,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Scheduler/Overview/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/Overview/Angular/app/app.component.ts
index 0061f0b9878b..4d2a1c6daa67 100644
--- a/apps/demos/Demos/Scheduler/Overview/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/Overview/Angular/app/app.component.ts
@@ -7,7 +7,7 @@ import { DxSchedulerModule } from 'devextreme-angular';
import { DataSource } from 'devextreme-angular/common/data';
import { Service, Employee, Data } from './app.service';
-@Pipe({ name: 'apply' })
+@Pipe({ name: 'apply', standalone: true })
export class ApplyPipe implements PipeTransform {
transform(func: ((...args: TArgs[]) => TReturn), ...args: TArgs[]): TReturn { return func(...args); }
}
@@ -23,6 +23,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
@@ -70,8 +71,9 @@ export class AppComponent {
imports: [
BrowserModule,
DxSchedulerModule,
+ ApplyPipe,
],
- declarations: [AppComponent, ApplyPipe],
+ declarations: [AppComponent],
bootstrap: [AppComponent],
})
export class AppModule { }
diff --git a/apps/demos/Demos/Scheduler/RecurringAppointments/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/RecurringAppointments/Angular/app/app.component.ts
index fef2bcebb568..d5f0b47788b2 100644
--- a/apps/demos/Demos/Scheduler/RecurringAppointments/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/RecurringAppointments/Angular/app/app.component.ts
@@ -15,6 +15,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
providers: [Service],
diff --git a/apps/demos/Demos/Scheduler/Resources/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/Resources/Angular/app/app.component.ts
index 6a267a02f610..8f687ac64b70 100644
--- a/apps/demos/Demos/Scheduler/Resources/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/Resources/Angular/app/app.component.ts
@@ -17,6 +17,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Scheduler/SignalRService/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/SignalRService/Angular/app/app.component.ts
index 6f32a1eac323..ff92d83ffe02 100644
--- a/apps/demos/Demos/Scheduler/SignalRService/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/SignalRService/Angular/app/app.component.ts
@@ -58,6 +58,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
styleUrls: [`.${modulePrefix}/app.component.css`],
diff --git a/apps/demos/Demos/Scheduler/SimpleArray/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/SimpleArray/Angular/app/app.component.ts
index 633a9b3bf3b6..fd0cf523d82e 100644
--- a/apps/demos/Demos/Scheduler/SimpleArray/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/SimpleArray/Angular/app/app.component.ts
@@ -15,6 +15,7 @@ if (window && window.config?.packageConfigPaths) {
}
@Component({
+ standalone: false,
selector: 'demo-app',
templateUrl: `.${modulePrefix}/app.component.html`,
providers: [Service],
diff --git a/apps/demos/Demos/Scheduler/Templates/Angular/app/app.component.html b/apps/demos/Demos/Scheduler/Templates/Angular/app/app.component.html
index a6b90637229f..5eda8c511d43 100644
--- a/apps/demos/Demos/Scheduler/Templates/Angular/app/app.component.html
+++ b/apps/demos/Demos/Scheduler/Templates/Angular/app/app.component.html
@@ -41,14 +41,17 @@ DXCinema Show Times
>Ticket Price:
{{ "$" + model.targetedAppointmentData.price }}
- {{
- (model.targetedAppointmentData.displayStartDate
- | date : "shortTime") +
- " - " +
- (model.targetedAppointmentData.displayEndDate | date : "shortTime")
- }}
-
+ {{
+ (formatDate
+ | apply
+ : model.targetedAppointmentData.displayStartDate
+ : "shortTime") +
+ " - " +
+ (formatDate
+ | apply
+ : model.targetedAppointmentData.displayEndDate
+ : "shortTime")
+ }}
diff --git a/apps/demos/Demos/Scheduler/Templates/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/Templates/Angular/app/app.component.ts
index 00f148e164f1..db3e570a6572 100644
--- a/apps/demos/Demos/Scheduler/Templates/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/Templates/Angular/app/app.component.ts
@@ -1,5 +1,5 @@
import {
- NgModule, Component, ViewChild, enableProdMode, Pipe, PipeTransform,
+ NgModule, Component, ViewChild, enableProdMode, Pipe, PipeTransform, provideZoneChangeDetection,
} from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
@@ -9,7 +9,7 @@ import {
Service, MovieData, TheatreData, Data,
} from './app.service';
-@Pipe({ name: 'apply' })
+@Pipe({ name: 'apply', standalone: false })
export class ApplyPipe