Fixing example 25.1.3

Angular/package.json

@@ -50,4 +50,4 @@
     "stylelint-scss": "^5.0.0",
     "typescript": "~5.4.5"
   }
-}
+}

Angular/src/app/app.component.html

@@ -1,19 +1,19 @@
 <dx-data-grid
   [dataSource]="employees"
-  (onEditorPreparing)="onEditorPreparing($event)">
-  <dxo-editing
-    [allowUpdating]="true"
-    [allowAdding]="true">
-  </dxo-editing>
+  (onEditorPreparing)="onEditorPreparing($event)"
+>
+  <dxo-editing [allowUpdating]="true" [allowAdding]="true"> </dxo-editing>
 
   <dxi-column
     caption="Name"
     dataField="CustomerID"
-    [setCellValue]="setCellValue">
+    [setCellValue]="setCellValue"
+  >
     <dxo-lookup
       [dataSource]="customers"
       valueExpr="CustomerID"
-      displayExpr="CustomerName">
+      displayExpr="CustomerName"
+    >
     </dxo-lookup>
   </dxi-column>
   <dxi-column dataField="Address"></dxi-column>

Angular/src/app/app.component.ts

@@ -1,20 +1,22 @@
 import { Component, OnInit, ViewChild } from '@angular/core';
-import type { Customer, Employee } from './types';
 import { DxDataGridComponent, type DxDataGridTypes } from 'devextreme-angular/ui/data-grid';
 import type { ValueChangedEvent } from 'devextreme/ui/lookup';
+import type { Customer, Employee } from './types';
 import { AppService } from './app.service';
 
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
-  styleUrls: ['./app.component.scss']
+  styleUrls: ['./app.component.scss'],
 })
 export class AppComponent implements OnInit {
   @ViewChild(DxDataGridComponent) dataGrid!: DxDataGridComponent<Employee, number>;
+
   employees: Employee[] = [];
+
   customers: Customer[] = [];
 
-  constructor(private service: AppService) {}
+  constructor(private readonly service: AppService) {}
 
   ngOnInit(): void {
     this.employees = this.service.getEmployees();

Angular/src/app/app.service.ts

@@ -2,121 +2,151 @@ import { Injectable } from '@angular/core';
 import type { Customer, Employee } from './types';
 
 @Injectable({
-    providedIn: 'root'
+  providedIn: 'root',
 })
 export class AppService {
-    getEmployees(): Employee[] {
-        return [
-            { ID: 1, CustomerID: 1, Address: "Markušica", Phone: "+385 674 958 1641" },
-            { ID: 2, CustomerID: 2, Address: "Itaberaí", Phone: "+55 491 329 4084" },
-            { ID: 3, CustomerID: 3, Address: "Volgograd", Phone: "+7 745 619 7799" },
-            { ID: 4, CustomerID: 4, Address: "Shuiyin", Phone: "+86 774 746 9874" },
-            { ID: 5, CustomerID: 5, Address: "Baturaden", Phone: "+62 113 149 9397" },
-            { ID: 6, CustomerID: 6, Address: "New York City", Phone: "+1 917 528 7751" },
-            { ID: 7, CustomerID: 7, Address: "Adolfo Lopez Mateos", Phone: "+52 626 244 6757"},
-            { ID: 8, CustomerID: 8, Address: "Nong Khae", Phone: "+66 326 375 8694" },
-            { ID: 9, CustomerID: 9, Address: "Znamenskoye", Phone: "+7 926 141 2517" },
-            { ID: 10, CustomerID: 10, Address: "Patpata Segundo", Phone: "+63 428 750 7737" },
-            { ID: 11, CustomerID: 11, Address: "Fontanka", Phone: "+380 557 509 4191" },
-            { ID: 12, CustomerID: 12, Address: "Novosil'", Phone: "+7 493 632 2768" },
-            { ID: 13, CustomerID: 13, Address: "Ubinskoye", Phone: "+7 954 353 8930" },
-            { ID: 14, CustomerID: 14, Address: "Protvino", Phone: "+7 386 362 2407" },
-            { ID: 15, CustomerID: 15, Address: "Santa Fé do Sul", Phone: "+55 867 691 7097" }
-        ];
-    }
+  getEmployees(): Employee[] {
+    return [
+      {
+        ID: 1, CustomerID: 1, Address: 'Markušica', Phone: '+385 674 958 1641',
+      },
+      {
+        ID: 2, CustomerID: 2, Address: 'Itaberaí', Phone: '+55 491 329 4084',
+      },
+      {
+        ID: 3, CustomerID: 3, Address: 'Volgograd', Phone: '+7 745 619 7799',
+      },
+      {
+        ID: 4, CustomerID: 4, Address: 'Shuiyin', Phone: '+86 774 746 9874',
+      },
+      {
+        ID: 5, CustomerID: 5, Address: 'Baturaden', Phone: '+62 113 149 9397',
+      },
+      {
+        ID: 6, CustomerID: 6, Address: 'New York City', Phone: '+1 917 528 7751',
+      },
+      {
+        ID: 7, CustomerID: 7, Address: 'Adolfo Lopez Mateos', Phone: '+52 626 244 6757',
+      },
+      {
+        ID: 8, CustomerID: 8, Address: 'Nong Khae', Phone: '+66 326 375 8694',
+      },
+      {
+        ID: 9, CustomerID: 9, Address: 'Znamenskoye', Phone: '+7 926 141 2517',
+      },
+      {
+        ID: 10, CustomerID: 10, Address: 'Patpata Segundo', Phone: '+63 428 750 7737',
+      },
+      {
+        ID: 11, CustomerID: 11, Address: 'Fontanka', Phone: '+380 557 509 4191',
+      },
+      {
+        ID: 12, CustomerID: 12, Address: 'Novosil\'', Phone: '+7 493 632 2768',
+      },
+      {
+        ID: 13, CustomerID: 13, Address: 'Ubinskoye', Phone: '+7 954 353 8930',
+      },
+      {
+        ID: 14, CustomerID: 14, Address: 'Protvino', Phone: '+7 386 362 2407',
+      },
+      {
+        ID: 15, CustomerID: 15, Address: 'Santa Fé do Sul', Phone: '+55 867 691 7097',
+      },
+    ];
+  }
 
-    getCustomers(): Customer[] {
-        return [
-            {
-                CustomerID: 1,
-                CustomerName: "Kaela Phonix",
-                Address: "Markušica",
-                Phone: "+385 674 958 1641"
-            },
-            {
-                CustomerID: 2,
-                CustomerName: "Dotty Hearnden",
-                Address: "Itaberaí",
-                Phone: "+55 491 329 4084"
-            },
-            {
-                CustomerID: 3,
-                CustomerName: "Alasdair Greenin",
-                Address: "Volgograd",
-                Phone: "+7 657 495 7659"
-            },
-            {
-                CustomerID: 4,
-                CustomerName: "Stoddard Laidlaw",
-                Address: "Shuiyin",
-                Phone: "+86 774 746 9874"
-            },
-            {
-                CustomerID: 5,
-                CustomerName: "Damiano Gencke",
-                Address: "Baturaden",
-                Phone: "+62 113 149 9397"
-            },
-            {
-                CustomerID: 6,
-                CustomerName: "Aura Bavidge",
-                Address: "New York City",
-                Phone: "+1 917 528 7751"
-            },
-            {
-                CustomerID: 7,
-                CustomerName: "Emmanuel Chedgey",
-                Address: "Adolfo Lopez Mateos",
-                Phone: "+52 626 244 6757"
-            },
-            {
-                CustomerID: 8,
-                CustomerName: "Clerkclaude Pargeter",
-                Address: "Nong Khae",
-                Phone: "+66 326 375 8694"
-            },
-            {
-                CustomerID: 9,
-                CustomerName: "Onfroi Cinnamond",
-                Address: "Znamenskoye",
-                Phone: "+7 926 141 2517"
-            },
-            {
-                CustomerID: 10,
-                CustomerName: "Madlin Kopke",
-                Address: "Patpata Segundo",
-                Phone: "+63 428 750 7737"
-            },
-            {
-                CustomerID: 11,
-                CustomerName: "Mortie Feary",
-                Address: "Fontanka",
-                Phone: "+380 557 509 4191"
-            },
-            {
-                CustomerID: 12,
-                CustomerName: "Colet Haitlie",
-                Address: "Novosil'",
-                Phone: "+7 493 632 2768"
-            },
-            {
-                CustomerID: 13,
-                CustomerName: "Pippy Carnell",
-                Address: "Ubinskoye",
-                Phone: "+7 954 353 8930"
-            },
-            {
-                CustomerID: 14,
-                CustomerName: "Arvie Midden",
-                Address: "Protvino",
-                Phone: "+7 386 362 2407"
-            },
-            {
-                CustomerID: 15,
-                CustomerName: "Brook Kamena",
-                Address: "Santa Fé do Sul",
-                Phone: "+55 867 691 7097"
-            }
-        ];
-    }
-}
+  getCustomers(): Customer[] {
+    return [
+      {
+        CustomerID: 1,
+        CustomerName: 'Kaela Phonix',
+        Address: 'Markušica',
+        Phone: '+385 674 958 1641',
+      },
+      {
+        CustomerID: 2,
+        CustomerName: 'Dotty Hearnden',
+        Address: 'Itaberaí',
+        Phone: '+55 491 329 4084',
+      },
+      {
+        CustomerID: 3,
+        CustomerName: 'Alasdair Greenin',
+        Address: 'Volgograd',
+        Phone: '+7 657 495 7659',
+      },
+      {
+        CustomerID: 4,
+        CustomerName: 'Stoddard Laidlaw',
+        Address: 'Shuiyin',
+        Phone: '+86 774 746 9874',
+      },
+      {
+        CustomerID: 5,
+        CustomerName: 'Damiano Gencke',
+        Address: 'Baturaden',
+        Phone: '+62 113 149 9397',
+      },
+      {
+        CustomerID: 6,
+        CustomerName: 'Aura Bavidge',
+        Address: 'New York City',
+        Phone: '+1 917 528 7751',
+      },
+      {
+        CustomerID: 7,
+        CustomerName: 'Emmanuel Chedgey',
+        Address: 'Adolfo Lopez Mateos',
+        Phone: '+52 626 244 6757',
+      },
+      {
+        CustomerID: 8,
+        CustomerName: 'Clerkclaude Pargeter',
+        Address: 'Nong Khae',
+        Phone: '+66 326 375 8694',
+      },
+      {
+        CustomerID: 9,
+        CustomerName: 'Onfroi Cinnamond',
+        Address: 'Znamenskoye',
+        Phone: '+7 926 141 2517',
+      },
+      {
+        CustomerID: 10,
+        CustomerName: 'Madlin Kopke',
+        Address: 'Patpata Segundo',
+        Phone: '+63 428 750 7737',
+      },
+      {
+        CustomerID: 11,
+        CustomerName: 'Mortie Feary',
+        Address: 'Fontanka',
+        Phone: '+380 557 509 4191',
+      },
+      {
+        CustomerID: 12,
+        CustomerName: 'Colet Haitlie',
+        Address: 'Novosil\'',
+        Phone: '+7 493 632 2768',
+      },
+      {
+        CustomerID: 13,
+        CustomerName: 'Pippy Carnell',
+        Address: 'Ubinskoye',
+        Phone: '+7 954 353 8930',
+      },
+      {
+        CustomerID: 14,
+        CustomerName: 'Arvie Midden',
+        Address: 'Protvino',
+        Phone: '+7 386 362 2407',
+      },
+      {
+        CustomerID: 15,
+        CustomerName: 'Brook Kamena',
+        Address: 'Santa Fé do Sul',
+        Phone: '+55 867 691 7097',
+      },
+    ];
+  }
+}

Angular/src/app/types.ts

@@ -1,13 +1,13 @@
 export interface Customer {
-    CustomerID: number;
-    CustomerName: string;
-    Address: string;
-    Phone: string;
+  CustomerID: number;
+  CustomerName: string;
+  Address: string;
+  Phone: string;
 }
 
 export interface Employee {
-    ID: number;
-    CustomerID: number;
-    Address: string;
-    Phone: string;
-}
+  ID: number;
+  CustomerID: number;
+  Address: string;
+  Phone: string;
+}

README.md

@@ -1,5 +1,4 @@
 <!-- default badges list -->
-![](https://img.shields.io/endpoint?url=https://codecentral.devexpress.com/api/v1/VersionRange/320638680/25.1.3%2B)
 [![](https://img.shields.io/badge/Open_in_DevExpress_Support_Center-FF7200?style=flat-square&logo=DevExpress&logoColor=white)](https://supportcenter.devexpress.com/ticket/details/T957230)
 [![](https://img.shields.io/badge/📖_How_to_use_DevExpress_Examples-e9f6fc?style=flat-square)](https://docs.devexpress.com/GeneralInformation/403183)
 [![](https://img.shields.io/badge/💬_Leave_Feedback-feecdd?style=flat-square)](#does-this-example-address-your-development-requirementsobjectives)