Demos - Activate Anti Forgery module for all affected scenarios (DevExpress#32640)

mpreyskurantov · mpreyskurantov · commit f8d377698e1c · 2026-03-03T16:25:09.000+02:00
diff --git a/apps/demos/Demos/CardView/DataValidation/Angular/app/app.component.ts b/apps/demos/Demos/CardView/DataValidation/Angular/app/app.component.ts
@@ -4,6 +4,7 @@ import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/
 import { DxCardViewModule, DxTextAreaModule } from 'devextreme-angular';
 import { lastValueFrom } from 'rxjs';
 import { Employee, Service } from './app.service';
+import 'anti-forgery';
 
 if (!/localhost/.test(document.location.host)) {
   enableProdMode();
diff --git a/apps/demos/Demos/CardView/DataValidation/React/index.tsx b/apps/demos/Demos/CardView/DataValidation/React/index.tsx
@@ -2,6 +2,8 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 
 import App from './App.tsx';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(
   <App />,
diff --git a/apps/demos/Demos/CardView/DataValidation/ReactJs/index.js b/apps/demos/Demos/CardView/DataValidation/ReactJs/index.js
@@ -1,5 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App.js';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(<App />, document.getElementById('app'));
diff --git a/apps/demos/Demos/CardView/DataValidation/Vue/index.ts b/apps/demos/Demos/CardView/DataValidation/Vue/index.ts
@@ -1,4 +1,5 @@
 import { createApp } from 'vue';
 import App from './App.vue';
+import 'anti-forgery';
 
 createApp(App).mount('#app');
diff --git a/apps/demos/Demos/CardView/DataValidation/jQuery/index.html b/apps/demos/Demos/CardView/DataValidation/jQuery/index.html
@@ -8,6 +8,7 @@
     <script src="../../../../node_modules/jquery/dist/jquery.min.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
+    <script src="/shared/anti-forgery/jquery-override.js"></script>
     <script src="data.js"></script>
     <script src="index.js"></script>
   </head>
diff --git a/apps/demos/Demos/CardView/WebAPIService/Angular/app/app.component.ts b/apps/demos/Demos/CardView/WebAPIService/Angular/app/app.component.ts
@@ -2,6 +2,7 @@ import { bootstrapApplication } from '@angular/platform-browser';
 import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
 import * as AspNetData from 'devextreme-aspnet-data-nojquery';
 import { DxCardViewModule, DxSelectBoxModule } from 'devextreme-angular';
+import 'anti-forgery';
 
 if (!/localhost/.test(document.location.host)) {
   enableProdMode();
diff --git a/apps/demos/Demos/CardView/WebAPIService/React/index.tsx b/apps/demos/Demos/CardView/WebAPIService/React/index.tsx
@@ -2,6 +2,8 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 
 import App from './App.tsx';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(
   <App />,
diff --git a/apps/demos/Demos/CardView/WebAPIService/ReactJs/index.js b/apps/demos/Demos/CardView/WebAPIService/ReactJs/index.js
@@ -1,5 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App.js';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(<App />, document.getElementById('app'));
diff --git a/apps/demos/Demos/CardView/WebAPIService/Vue/index.ts b/apps/demos/Demos/CardView/WebAPIService/Vue/index.ts
@@ -1,4 +1,5 @@
 import { createApp } from 'vue';
 import App from './App.vue';
+import 'anti-forgery';
 
 createApp(App).mount('#app');
diff --git a/apps/demos/Demos/CardView/WebAPIService/jQuery/index.html b/apps/demos/Demos/CardView/WebAPIService/jQuery/index.html
@@ -9,6 +9,7 @@
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <script src="../../../../node_modules/devextreme-aspnet-data/js/dx.aspnet.data.js"></script>
+    <script src="/shared/anti-forgery/jquery-override.js"></script>
     <script src="index.js"></script>
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/DataGrid/CollaborativeEditing/Angular/app/app.service.ts b/apps/demos/Demos/DataGrid/CollaborativeEditing/Angular/app/app.service.ts
@@ -3,6 +3,7 @@ import { HubConnectionBuilder, HttpTransportType } from '@aspnet/signalr';
 import * as AspNetData from 'devextreme-aspnet-data-nojquery';
 import Guid from 'devextreme/core/guid';
 import { Subject } from 'rxjs';
+import 'anti-forgery';
 
 const BASE_PATH = 'https://js.devexpress.com/Demos/NetCore/';
 
diff --git a/apps/demos/Demos/DataGrid/CollaborativeEditing/React/index.tsx b/apps/demos/Demos/DataGrid/CollaborativeEditing/React/index.tsx
@@ -2,6 +2,8 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 
 import App from './App.tsx';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(
   <App />,
diff --git a/apps/demos/Demos/DataGrid/CollaborativeEditing/ReactJs/index.js b/apps/demos/Demos/DataGrid/CollaborativeEditing/ReactJs/index.js
@@ -1,5 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App.js';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(<App />, document.getElementById('app'));
diff --git a/apps/demos/Demos/DataGrid/CollaborativeEditing/Vue/index.ts b/apps/demos/Demos/DataGrid/CollaborativeEditing/Vue/index.ts
@@ -1,4 +1,5 @@
 import { createApp } from 'vue';
 import App from './App.vue';
+import 'anti-forgery';
 
 createApp(App).mount('#app');
diff --git a/apps/demos/Demos/DataGrid/CollaborativeEditing/jQuery/index.html b/apps/demos/Demos/DataGrid/CollaborativeEditing/jQuery/index.html
@@ -10,6 +10,7 @@
     <script src="../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <script src="../../../../node_modules/@aspnet/signalr/dist/browser/signalr.js"></script>
     <script src="../../../../node_modules/devextreme-aspnet-data/js/dx.aspnet.data.js"></script>
+    <script src="/shared/anti-forgery/jquery-override.js"></script>
     <script src="index.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
   </head>
diff --git a/apps/demos/Demos/DataGrid/CustomEditors/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/CustomEditors/Angular/app/app.component.ts
@@ -5,6 +5,7 @@ import {
 } from 'devextreme-angular';
 import { createStore, CustomStore } from 'devextreme-aspnet-data-nojquery';
 import { Service, Status } from './app.service';
+import 'anti-forgery';
 
 if (!/localhost/.test(document.location.host)) {
   enableProdMode();
diff --git a/apps/demos/Demos/DataGrid/CustomEditors/React/index.tsx b/apps/demos/Demos/DataGrid/CustomEditors/React/index.tsx
@@ -2,6 +2,8 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 
 import App from './App.tsx';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(
   <App />,
diff --git a/apps/demos/Demos/DataGrid/CustomEditors/ReactJs/index.js b/apps/demos/Demos/DataGrid/CustomEditors/ReactJs/index.js
@@ -1,5 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App.js';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(<App />, document.getElementById('app'));
diff --git a/apps/demos/Demos/DataGrid/CustomEditors/Vue/index.ts b/apps/demos/Demos/DataGrid/CustomEditors/Vue/index.ts
@@ -1,4 +1,5 @@
 import { createApp } from 'vue';
 import App from './App.vue';
+import 'anti-forgery';
 
 createApp(App).mount('#app');
diff --git a/apps/demos/Demos/DataGrid/CustomEditors/jQuery/index.html b/apps/demos/Demos/DataGrid/CustomEditors/jQuery/index.html
@@ -9,6 +9,7 @@
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <script src="../../../../node_modules/devextreme-aspnet-data/js/dx.aspnet.data.js"></script>
+    <script src="/shared/anti-forgery/jquery-override.js"></script>
     <script src="data.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="index.js"></script>
diff --git a/apps/demos/Demos/DataGrid/DataValidation/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/DataValidation/Angular/app/app.component.ts
@@ -5,6 +5,7 @@ import { DxDataGridModule } from 'devextreme-angular';
 import * as AspNetData from 'devextreme-aspnet-data-nojquery';
 import { CustomStore } from 'devextreme-angular/common/data';
 import { lastValueFrom } from 'rxjs';
+import 'anti-forgery';
 
 if (!/localhost/.test(document.location.host)) {
   enableProdMode();
diff --git a/apps/demos/Demos/DataGrid/DataValidation/React/index.tsx b/apps/demos/Demos/DataGrid/DataValidation/React/index.tsx
@@ -2,6 +2,8 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 
 import App from './App.tsx';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(
   <App />,
diff --git a/apps/demos/Demos/DataGrid/DataValidation/ReactJs/index.js b/apps/demos/Demos/DataGrid/DataValidation/ReactJs/index.js
@@ -1,5 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App.js';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(<App />, document.getElementById('app'));
diff --git a/apps/demos/Demos/DataGrid/DataValidation/Vue/index.ts b/apps/demos/Demos/DataGrid/DataValidation/Vue/index.ts
@@ -1,4 +1,5 @@
 import { createApp } from 'vue';
 import App from './App.vue';
+import 'anti-forgery';
 
 createApp(App).mount('#app');
diff --git a/apps/demos/Demos/DataGrid/DataValidation/jQuery/index.html b/apps/demos/Demos/DataGrid/DataValidation/jQuery/index.html
@@ -9,6 +9,7 @@
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <script src="../../../../node_modules/devextreme-aspnet-data/js/dx.aspnet.data.js"></script>
+    <script src="/shared/anti-forgery/jquery-override.js"></script>
     <script src="data.js"></script>
     <script src="index.js"></script>
   </head>
diff --git a/apps/demos/Demos/DataGrid/NewRecordPosition/Angular/app/app.service.ts b/apps/demos/Demos/DataGrid/NewRecordPosition/Angular/app/app.service.ts
@@ -1,5 +1,6 @@
 import { Injectable } from '@angular/core';
 import { createStore } from 'devextreme-aspnet-data-nojquery';
+import 'anti-forgery';
 
 const url = 'https://js.devexpress.com/Demos/NetCore/api/DataGridWebApi';
 
diff --git a/apps/demos/Demos/DataGrid/NewRecordPosition/React/index.tsx b/apps/demos/Demos/DataGrid/NewRecordPosition/React/index.tsx
@@ -2,6 +2,8 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 
 import App from './App.tsx';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(
   <App />,
diff --git a/apps/demos/Demos/DataGrid/NewRecordPosition/ReactJs/index.js b/apps/demos/Demos/DataGrid/NewRecordPosition/ReactJs/index.js
@@ -1,5 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App.js';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(<App />, document.getElementById('app'));
diff --git a/apps/demos/Demos/DataGrid/NewRecordPosition/Vue/index.ts b/apps/demos/Demos/DataGrid/NewRecordPosition/Vue/index.ts
@@ -1,4 +1,5 @@
 import { createApp } from 'vue';
 import App from './App.vue';
+import 'anti-forgery';
 
 createApp(App).mount('#app');
diff --git a/apps/demos/Demos/DataGrid/NewRecordPosition/jQuery/index.html b/apps/demos/Demos/DataGrid/NewRecordPosition/jQuery/index.html
@@ -10,6 +10,7 @@
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <script src="../../../../node_modules/devextreme-aspnet-data/js/dx.aspnet.data.js"></script>
+    <script src="/shared/anti-forgery/jquery-override.js"></script>
     <script src="data.js"></script>
     <script src="index.js"></script>
   </head>
diff --git a/apps/demos/Demos/DataGrid/WebAPIService/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/WebAPIService/Angular/app/app.component.ts
@@ -2,6 +2,7 @@ import { bootstrapApplication } from '@angular/platform-browser';
 import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
 import { DxDataGridModule } from 'devextreme-angular';
 import * as AspNetData from 'devextreme-aspnet-data-nojquery';
+import 'anti-forgery';
 
 if (!/localhost/.test(document.location.host)) {
   enableProdMode();
diff --git a/apps/demos/Demos/DataGrid/WebAPIService/React/index.tsx b/apps/demos/Demos/DataGrid/WebAPIService/React/index.tsx
@@ -2,6 +2,8 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 
 import App from './App.tsx';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(
   <App />,
diff --git a/apps/demos/Demos/DataGrid/WebAPIService/ReactJs/index.js b/apps/demos/Demos/DataGrid/WebAPIService/ReactJs/index.js
@@ -1,5 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App.js';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(<App />, document.getElementById('app'));
diff --git a/apps/demos/Demos/DataGrid/WebAPIService/Vue/index.ts b/apps/demos/Demos/DataGrid/WebAPIService/Vue/index.ts
@@ -1,4 +1,5 @@
 import { createApp } from 'vue';
 import App from './App.vue';
+import 'anti-forgery';
 
 createApp(App).mount('#app');
diff --git a/apps/demos/Demos/DataGrid/WebAPIService/jQuery/index.html b/apps/demos/Demos/DataGrid/WebAPIService/jQuery/index.html
@@ -9,6 +9,7 @@
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <script src="../../../../node_modules/devextreme-aspnet-data/js/dx.aspnet.data.js"></script>
+    <script src="/shared/anti-forgery/jquery-override.js"></script>
     <script src="index.js"></script>
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/WebAPIService/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/WebAPIService/Angular/app/app.component.ts
@@ -2,6 +2,7 @@ import { bootstrapApplication } from '@angular/platform-browser';
 import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
 import { DxDiagramModule } from 'devextreme-angular';
 import * as AspNetData from 'devextreme-aspnet-data-nojquery';
+import 'anti-forgery';
 
 if (!/localhost/.test(document.location.host)) {
   enableProdMode();
diff --git a/apps/demos/Demos/Diagram/WebAPIService/React/index.tsx b/apps/demos/Demos/Diagram/WebAPIService/React/index.tsx
@@ -2,6 +2,8 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 
 import App from './App.tsx';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(
   <App />,
diff --git a/apps/demos/Demos/Diagram/WebAPIService/ReactJs/index.js b/apps/demos/Demos/Diagram/WebAPIService/ReactJs/index.js
@@ -1,5 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App.js';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(<App />, document.getElementById('app'));
diff --git a/apps/demos/Demos/Diagram/WebAPIService/Vue/index.ts b/apps/demos/Demos/Diagram/WebAPIService/Vue/index.ts
@@ -1,4 +1,5 @@
 import { createApp } from 'vue';
 import App from './App.vue';
+import 'anti-forgery';
 
 createApp(App).mount('#app');
diff --git a/apps/demos/Demos/Diagram/WebAPIService/jQuery/index.html b/apps/demos/Demos/Diagram/WebAPIService/jQuery/index.html
@@ -11,6 +11,7 @@
     <link rel="stylesheet" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <script src="../../../../node_modules/devextreme-aspnet-data/js/dx.aspnet.data.js"></script>
+    <script src="/shared/anti-forgery/jquery-override.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="index.js"></script>
   </head>
diff --git a/apps/demos/Demos/FileUploader/CustomDropzone/Angular/app/app.component.ts b/apps/demos/Demos/FileUploader/CustomDropzone/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import { bootstrapApplication } from '@angular/platform-browser';
 import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
 import { DxFileUploaderModule, DxProgressBarModule } from 'devextreme-angular';
+import 'anti-forgery';
 
 if (!/localhost/.test(document.location.host)) {
   enableProdMode();
diff --git a/apps/demos/Demos/FileUploader/CustomDropzone/React/index.tsx b/apps/demos/Demos/FileUploader/CustomDropzone/React/index.tsx
@@ -2,6 +2,8 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 
 import App from './App.tsx';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(
   <App />,
diff --git a/apps/demos/Demos/FileUploader/CustomDropzone/ReactJs/index.js b/apps/demos/Demos/FileUploader/CustomDropzone/ReactJs/index.js
@@ -1,5 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App.js';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(<App />, document.getElementById('app'));
diff --git a/apps/demos/Demos/FileUploader/CustomDropzone/Vue/index.ts b/apps/demos/Demos/FileUploader/CustomDropzone/Vue/index.ts
@@ -1,4 +1,5 @@
 import { createApp } from 'vue';
 import App from './App.vue';
+import 'anti-forgery';
 
 createApp(App).mount('#app');
diff --git a/apps/demos/Demos/FileUploader/CustomDropzone/jQuery/index.html b/apps/demos/Demos/FileUploader/CustomDropzone/jQuery/index.html
@@ -8,6 +8,7 @@
     <script src="../../../../node_modules/jquery/dist/jquery.min.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
+    <script src="/shared/anti-forgery/jquery-override.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="index.js"></script>
   </head>
diff --git a/apps/demos/Demos/FileUploader/FileUploading/Angular/app/app.component.ts b/apps/demos/Demos/FileUploader/FileUploading/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import { bootstrapApplication } from '@angular/platform-browser';
 import { Component, enableProdMode, Pipe, PipeTransform, provideZoneChangeDetection } from '@angular/core';
 import { DxCheckBoxModule, DxFileUploaderModule, DxSelectBoxModule } from 'devextreme-angular';
+import 'anti-forgery';
 
 if (!/localhost/.test(document.location.host)) {
   enableProdMode();
diff --git a/apps/demos/Demos/FileUploader/FileUploading/React/index.tsx b/apps/demos/Demos/FileUploader/FileUploading/React/index.tsx
@@ -2,6 +2,8 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 
 import App from './App.tsx';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(
   <App />,
diff --git a/apps/demos/Demos/FileUploader/FileUploading/ReactJs/index.js b/apps/demos/Demos/FileUploader/FileUploading/ReactJs/index.js
@@ -1,5 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App.js';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(<App />, document.getElementById('app'));
diff --git a/apps/demos/Demos/FileUploader/FileUploading/Vue/index.ts b/apps/demos/Demos/FileUploader/FileUploading/Vue/index.ts
@@ -1,4 +1,5 @@
 import { createApp } from 'vue';
 import App from './App.vue';
+import 'anti-forgery';
 
 createApp(App).mount('#app');
diff --git a/apps/demos/Demos/FileUploader/FileUploading/jQuery/index.html b/apps/demos/Demos/FileUploader/FileUploading/jQuery/index.html
@@ -8,6 +8,7 @@
     <script src="../../../../node_modules/jquery/dist/jquery.min.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
+    <script src="/shared/anti-forgery/jquery-override.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="index.js"></script>
   </head>
diff --git a/apps/demos/Demos/FileUploader/Validation/Angular/app/app.component.ts b/apps/demos/Demos/FileUploader/Validation/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import { bootstrapApplication } from '@angular/platform-browser';
 import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
 import { DxFileUploaderModule } from 'devextreme-angular';
+import 'anti-forgery';
 
 if (!/localhost/.test(document.location.host)) {
   enableProdMode();
diff --git a/apps/demos/Demos/FileUploader/Validation/React/index.tsx b/apps/demos/Demos/FileUploader/Validation/React/index.tsx
diff --git a/apps/demos/Demos/FileUploader/Validation/ReactJs/index.js b/apps/demos/Demos/FileUploader/Validation/ReactJs/index.js
diff --git a/apps/demos/Demos/FileUploader/Validation/Vue/index.ts b/apps/demos/Demos/FileUploader/Validation/Vue/index.ts
diff --git a/apps/demos/Demos/FileUploader/Validation/jQuery/index.html b/apps/demos/Demos/FileUploader/Validation/jQuery/index.html
diff --git a/apps/demos/Demos/Scheduler/SignalRService/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/SignalRService/Angular/app/app.component.ts
diff --git a/apps/demos/Demos/Scheduler/SignalRService/React/index.tsx b/apps/demos/Demos/Scheduler/SignalRService/React/index.tsx
diff --git a/apps/demos/Demos/Scheduler/SignalRService/ReactJs/index.js b/apps/demos/Demos/Scheduler/SignalRService/ReactJs/index.js
diff --git a/apps/demos/Demos/Scheduler/SignalRService/Vue/index.ts b/apps/demos/Demos/Scheduler/SignalRService/Vue/index.ts
diff --git a/apps/demos/Demos/Scheduler/SignalRService/jQuery/index.html b/apps/demos/Demos/Scheduler/SignalRService/jQuery/index.html
diff --git a/apps/demos/Demos/Scheduler/WebAPIService/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/WebAPIService/Angular/app/app.component.ts
diff --git a/apps/demos/Demos/Scheduler/WebAPIService/React/index.tsx b/apps/demos/Demos/Scheduler/WebAPIService/React/index.tsx
diff --git a/apps/demos/Demos/Scheduler/WebAPIService/ReactJs/index.js b/apps/demos/Demos/Scheduler/WebAPIService/ReactJs/index.js
diff --git a/apps/demos/Demos/Scheduler/WebAPIService/Vue/index.ts b/apps/demos/Demos/Scheduler/WebAPIService/Vue/index.ts
diff --git a/apps/demos/Demos/Scheduler/WebAPIService/jQuery/index.html b/apps/demos/Demos/Scheduler/WebAPIService/jQuery/index.html
diff --git a/apps/demos/Demos/TreeList/WebAPIService/Angular/app/app.component.ts b/apps/demos/Demos/TreeList/WebAPIService/Angular/app/app.component.ts
diff --git a/apps/demos/Demos/TreeList/WebAPIService/React/index.tsx b/apps/demos/Demos/TreeList/WebAPIService/React/index.tsx
diff --git a/apps/demos/Demos/TreeList/WebAPIService/ReactJs/index.js b/apps/demos/Demos/TreeList/WebAPIService/ReactJs/index.js
diff --git a/apps/demos/Demos/TreeList/WebAPIService/Vue/index.ts b/apps/demos/Demos/TreeList/WebAPIService/Vue/index.ts
diff --git a/apps/demos/Demos/TreeList/WebAPIService/jQuery/index.html b/apps/demos/Demos/TreeList/WebAPIService/jQuery/index.html
