Skip to content

Commit 18715f1

Browse files
SyncfusionBuildSyncfusionBuild
committed
Integrated latest changes at 05-09-2025 1:33:01 AM
1 parent e79b1c3 commit 18715f1

File tree

371 files changed

+694
-927
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

371 files changed

+694
-927
lines changed

‎ej2-angular/ai-assistview/accessibility.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -73,4 +73,4 @@ The AI AssistView component's accessibility levels are ensured through an [acces
7373

7474
## See also
7575

76-
* [Accessibility in Syncfusion Angular components](../common/accessibility)
76+
* [Accessibility in Syncfusion<sup style="font-size:70%">&reg;</sup> Angular components](../common/accessibility)

‎ej2-angular/ai-assistview/getting-started.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -41,17 +41,17 @@ ng new my-app
4141
cd my-app
4242
```
4343

44-
## Installing Syncfusion AI AssistView package
44+
## Installing Syncfusion<sup style="font-size:70%">&reg;</sup> AI AssistView package
4545

46-
Syncfusion packages are distributed in npm as `@syncfusion` scoped packages. You can get all the Angular Syncfusion package from npm [link]( https://www.npmjs.com/search?q=%40syncfusion%2Fej2-angular- ).
46+
Syncfusion<sup style="font-size:70%">&reg;</sup> packages are distributed in npm as `@syncfusion` scoped packages. You can get all the Angular Syncfusion<sup style="font-size:70%">&reg;</sup> package from npm [link]( https://www.npmjs.com/search?q=%40syncfusion%2Fej2-angular- ).
4747

48-
Currently, Syncfusion provides two types of package structures for Angular components,
48+
Currently, Syncfusion<sup style="font-size:70%">&reg;</sup> provides two types of package structures for Angular components,
4949
1. Ivy library distribution package [format](https://v17.angular.io/guide/angular-package-format)
5050
2. Angular compatibility compiler(Angular’s legacy compilation and rendering pipeline) package.
5151

5252
### Ivy library distribution package
5353

54-
Syncfusion Angular packages(`>=20.2.36`) has been moved to the Ivy distribution to support the Angular [Ivy](https://docs.angular.lat/guide/ivy) rendering engine and the package are compatible with Angular version 12 and above. To download the package use the below command.
54+
Syncfusion<sup style="font-size:70%">&reg;</sup> Angular packages(`>=20.2.36`) has been moved to the Ivy distribution to support the Angular [Ivy](https://docs.angular.lat/guide/ivy) rendering engine and the package are compatible with Angular version 12 and above. To download the package use the below command.
5555

5656
Add [`@syncfusion/ej2-angular-interactive-chat`](https://www.npmjs.com/package/@syncfusion/ej2-angular-interactive-chat/v/27.1.48) package to the application.
5757

@@ -61,7 +61,7 @@ npm install @syncfusion/ej2-angular-interactive-chat --save
6161

6262
### Angular compatibility compiled package(ngcc)
6363

64-
For Angular version below 12, you can use the legacy (ngcc) package of the Syncfusion Angular components. To download the `ngcc` package use the below.
64+
For Angular version below 12, you can use the legacy (ngcc) package of the Syncfusion<sup style="font-size:70%">&reg;</sup> Angular components. To download the `ngcc` package use the below.
6565

6666
Add [`@syncfusion/ej2-angular-interactive-chat@ngcc`](https://www.npmjs.com/package/@syncfusion/ej2-angular-interactive-chat/v/27.1.48-ngcc) package to the application.
6767

‎ej2-angular/chat-ui/accessibility.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -77,4 +77,4 @@ The Chat UI component's accessibility levels are ensured through an [accessibili
7777

7878
## See also
7979

80-
* [Accessibility in Syncfusion components](../common/accessibility)
80+
* [Accessibility in Syncfusion<sup style="font-size:70%">&reg;</sup> components](../common/accessibility)

‎ej2-angular/chat-ui/getting-started.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -43,17 +43,17 @@ ng new my-app
4343
cd my-app
4444
```
4545

46-
## Installing Syncfusion Chat UI package
46+
## Installing Syncfusion<sup style="font-size:70%">&reg;</sup> Chat UI package
4747

48-
Syncfusion packages are distributed in npm as `@syncfusion` scoped packages. You can get all the Angular Syncfusion package from npm [link]( https://www.npmjs.com/search?q=%40syncfusion%2Fej2-angular- ).
48+
Syncfusion<sup style="font-size:70%">&reg;</sup> packages are distributed in npm as `@syncfusion` scoped packages. You can get all the Angular Syncfusion<sup style="font-size:70%">&reg;</sup> package from npm [link]( https://www.npmjs.com/search?q=%40syncfusion%2Fej2-angular- ).
4949

50-
Currently, Syncfusion provides two types of package structures for Angular components,
50+
Currently, Syncfusion<sup style="font-size:70%">&reg;</sup> provides two types of package structures for Angular components,
5151
1. Ivy library distribution package [format](https://v17.angular.io/guide/angular-package-format)
5252
2. Angular compatibility compiler(Angular’s legacy compilation and rendering pipeline) package.
5353

5454
### Ivy library distribution package
5555

56-
Syncfusion Angular packages(`>=20.2.36`) has been moved to the Ivy distribution to support the Angular [Ivy](https://docs.angular.lat/guide/ivy) rendering engine and the package are compatible with Angular version 12 and above. To download the package use the below command.
56+
Syncfusion<sup style="font-size:70%">&reg;</sup> Angular packages(`>=20.2.36`) has been moved to the Ivy distribution to support the Angular [Ivy](https://docs.angular.lat/guide/ivy) rendering engine and the package are compatible with Angular version 12 and above. To download the package use the below command.
5757

5858
Add [`@syncfusion/ej2-angular-interactive-chat`](https://www.npmjs.com/package/@syncfusion/ej2-angular-interactive-chat/v/27.1.48) package to the application.
5959

@@ -63,7 +63,7 @@ npm install @syncfusion/ej2-angular-interactive-chat --save
6363

6464
### Angular compatibility compiled package(ngcc)
6565

66-
For Angular version below 12, you can use the legacy (ngcc) package of the Syncfusion Angular components. To download the `ngcc` package use the below.
66+
For Angular version below 12, you can use the legacy (ngcc) package of the Syncfusion<sup style="font-size:70%">&reg;</sup> Angular components. To download the `ngcc` package use the below.
6767

6868
Add [`@syncfusion/ej2-angular-interactive-chat@ngcc`](https://www.npmjs.com/package/@syncfusion/ej2-angular-interactive-chat/v/27.1.48-ngcc) package to the application.
6969

‎ej2-angular/code-snippet/gantt/column-persist/default-cs1/src/app.component.ts

Lines changed: 25 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,22 @@ providers: [ToolbarService, EditService],
1717
standalone: true,
1818
selector: 'app-root',
1919
template: `<button ej-button id='restore' (click)='clickHandler()'>Restore</button>
20-
<ejs-gantt id="ganttDefault" #gantt height="430px" [dataSource]="data" [taskFields]="taskSettings" enablePersistence='true' [columns]="columns" [splitterSettings] = "splitterSettings"></ejs-gantt>`,
20+
<ejs-gantt id="ganttDefault" #gantt height="430px" [dataSource]="data" [taskFields]="taskSettings" enablePersistence='true' [splitterSettings] = "splitterSettings">
21+
<e-columns>
22+
<e-column field='TaskID' width="90" textAlign='Right'></e-column>
23+
<e-column field='TaskName' width='290'>
24+
<ng-template #headerTemplate>
25+
<div width="20" height="20" >
26+
Tasks Name
27+
</div>
28+
</ng-template>
29+
</e-column>
30+
<e-column field='startDate' width='390' format="yMd" textAlign='Right'></e-column>
31+
<e-column field='Duration' width='120' textAlign='Right'>
32+
</e-column>
33+
<e-column field='progress' width='120' textAlign='Right'></e-column>
34+
</e-columns>
35+
</ejs-gantt>`,
2136
encapsulation: ViewEncapsulation.None
2237
})
2338
export class AppComponent implements OnInit {
@@ -30,43 +45,26 @@ export class AppComponent implements OnInit {
3045
public ngOnInit(): void {
3146
this.data = [
3247
{
33-
TaskID: 1,
34-
TaskName: 'Project Initiation',
35-
StartDate: new Date('04/02/2019'),
36-
EndDate: new Date('04/21/2019'),
37-
subtasks: [
38-
{ TaskID: 2, TaskName: 'Identify Site location', StartDate: new Date('04/02/2019'), Duration: 4, Progress: 50 },
39-
{ TaskID: 3, TaskName: 'Perform Soil test', StartDate: new Date('04/02/2019'), Duration: 4, Progress: 50 },
40-
{ TaskID: 4, TaskName: 'Soil test approval', StartDate: new Date('04/02/2019'), Duration: 4, Progress: 50 },
41-
]
48+
TaskID: 1, TaskName: 'Project Initiation', StartDate: new Date('04/02/2019'), EndDate: new Date('04/21/2019'),
4249
},
50+
{ TaskID: 2, TaskName: 'Identify Site location', StartDate: new Date('04/02/2019'), Duration: 4, ParentID: 1, Progress: 50 },
51+
{ TaskID: 3, TaskName: 'Perform Soil test', StartDate: new Date('04/02/2019'), Duration: 4, ParentID: 1, Progress: 50 },
52+
{ TaskID: 4, TaskName: 'Soil test approval', StartDate: new Date('04/02/2019'), Duration: 4, ParentID: 1, Progress: 50 },
4353
{
44-
TaskID: 5,
45-
TaskName: 'Project Estimation',
46-
StartDate: new Date('04/02/2019'),
47-
EndDate: new Date('04/21/2019'),
48-
subtasks: [
49-
{ TaskID: 6, TaskName: 'Develop floor plan for estimation', StartDate: new Date('04/04/2019'), Duration: 3, Progress: 50 },
50-
{ TaskID: 7, TaskName: 'List materials', StartDate: new Date('04/04/2019'), Duration: 3, Progress: 50 },
51-
{ TaskID: 8, TaskName: 'Estimation approval', StartDate: new Date('04/04/2019'), Duration: 3, Progress: 50 }
52-
]
54+
TaskID: 5, TaskName: 'Project Estimation', StartDate: new Date('04/02/2019'), EndDate: new Date('04/21/2019'),
5355
},
56+
{ TaskID: 6, TaskName: 'Develop floor plan for estimation', StartDate: new Date('04/04/2019'), Duration: 3, ParentID: 5, Progress: 50 },
57+
{ TaskID: 7, TaskName: 'List materials', StartDate: new Date('04/04/2019'), Duration: 3, ParentID: 5, Progress: 50 },
58+
{ TaskID: 8, TaskName: 'Estimation approval', StartDate: new Date('04/04/2019'), Duration: 3, ParentID: 5, Progress: 50 }
5459
];
5560
this.taskSettings = {
5661
id: 'TaskID',
5762
name: 'TaskName',
5863
startDate: 'StartDate',
5964
duration: 'Duration',
6065
progress: 'Progress',
61-
child: 'subtasks',
66+
parentID: 'ParentID'
6267
};
63-
this.columns = [
64-
{ field: 'TaskID', headerText: 'Task ID', textAlign: 'Right', width: 120 },
65-
{ field: 'TaskName', headerText: 'Task Name', width: 150, headerTemplate: '#customertemplate' },
66-
{ field: 'StartDate', headerText: 'StartDate', width: 150 },
67-
{ field: 'Duration', headerText: 'Duration', width: 150},
68-
{ field: 'Progress', headerText: 'Progress', width: 150 },
69-
];
7068
}
7169

7270
clickHandler() {

‎ej2-angular/code-snippet/gantt/column-prevent/default-cs1/src/app.component.ts

Lines changed: 10 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -31,35 +31,26 @@ export class AppComponent implements OnInit {
3131
public ngOnInit(): void {
3232
this.data = [
3333
{
34-
TaskID: 1,
35-
TaskName: 'Project Initiation',
36-
StartDate: new Date('04/02/2019'),
37-
EndDate: new Date('04/21/2019'),
38-
subtasks: [
39-
{ TaskID: 2, TaskName: 'Identify Site location', StartDate: new Date('04/02/2019'), Duration: 4, Progress: 50 },
40-
{ TaskID: 3, TaskName: 'Perform Soil test', StartDate: new Date('04/02/2019'), Duration: 4, Progress: 50 },
41-
{ TaskID: 4, TaskName: 'Soil test approval', StartDate: new Date('04/02/2019'), Duration: 4, Progress: 50 },
42-
]
34+
TaskID: 1, TaskName: 'Project Initiation', StartDate: new Date('04/02/2019'), EndDate: new Date('04/21/2019'),
4335
},
36+
{ TaskID: 2, TaskName: 'Identify Site location', StartDate: new Date('04/02/2019'), Duration: 4, ParentID: 1, Progress: 50 },
37+
{ TaskID: 3, TaskName: 'Perform Soil test', StartDate: new Date('04/02/2019'), Duration: 4, ParentID: 1, Progress: 50 },
38+
{ TaskID: 4, TaskName: 'Soil test approval', StartDate: new Date('04/02/2019'), Duration: 4, ParentID: 1, Progress: 50 },
39+
4440
{
45-
TaskID: 5,
46-
TaskName: 'Project Estimation',
47-
StartDate: new Date('04/02/2019'),
48-
EndDate: new Date('04/21/2019'),
49-
subtasks: [
50-
{ TaskID: 6, TaskName: 'Develop floor plan for estimation', StartDate: new Date('04/04/2019'), Duration: 3, Progress: 50 },
51-
{ TaskID: 7, TaskName: 'List materials', StartDate: new Date('04/04/2019'), Duration: 3, Progress: 50 },
52-
{ TaskID: 8, TaskName: 'Estimation approval', StartDate: new Date('04/04/2019'), Duration: 3, Progress: 50 }
53-
]
41+
TaskID: 5, TaskName: 'Project Estimation', StartDate: new Date('04/02/2019'), EndDate: new Date('04/21/2019'),
5442
},
43+
{ TaskID: 6, TaskName: 'Develop floor plan for estimation', StartDate: new Date('04/04/2019'), Duration: 3, ParentID: 5, Progress: 50 },
44+
{ TaskID: 7, TaskName: 'List materials', StartDate: new Date('04/04/2019'), Duration: 3, ParentID: 5, Progress: 50 },
45+
{ TaskID: 8, TaskName: 'Estimation approval', StartDate: new Date('04/04/2019'), Duration: 3, ParentID: 5, Progress: 50 }
5546
];
5647
this.taskSettings = {
5748
id: 'TaskID',
5849
name: 'TaskName',
5950
startDate: 'StartDate',
6051
duration: 'Duration',
6152
progress: 'Progress',
62-
child: 'subtasks',
53+
parentID: 'ParentID'
6354
};
6455
this.columns = [
6556
{ field: 'TaskID', headerText: 'Task ID', textAlign: 'Right', width: 120 },

‎ej2-angular/code-snippet/gantt/contextmenu/custom-cs1/src/app.component.ts

Lines changed: 22 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,6 @@ import { Component, ViewEncapsulation, OnInit, ViewChild } from '@angular/core';
99
import { Gantt } from '@syncfusion/ej2-gantt';
1010
import { GanttComponent, ContextMenuClickEventArgs, ContextMenuOpenEventArgs } from '@syncfusion/ej2-angular-gantt';
1111
import { ContextMenuItemModel } from '@syncfusion/ej2-grids';
12-
import { editingData} from './data';
1312

1413
@Component({
1514
imports: [
@@ -20,28 +19,46 @@ providers: [SelectionService, ContextMenuService, EditService, SortService, Resi
2019
standalone: true,
2120
selector: 'app-root',
2221
template:
23-
`<ejs-gantt #customcontextmenu id="ganttCustomContextmenu" height="430px" [dataSource]="editingData" [taskFields]="taskSettings" [enableContextMenu]="true" [contextMenuItems]="contextMenuItems" [allowSorting]="true" [allowResizing]="true" [editSettings]="editSettings" (contextMenuClick)="contextMenuClick($event)" (contextMenuOpen)="contextMenuOpen($event)"></ejs-gantt>`,
22+
`<ejs-gantt #customcontextmenu id="ganttCustomContextmenu" height="430px" [dataSource]="data" [taskFields]="taskSettings" [enableContextMenu]="true" [contextMenuItems]="contextMenuItems" [allowSorting]="true" [allowResizing]="true" [editSettings]="editSettings" (contextMenuClick)="contextMenuClick($event)" (contextMenuOpen)="contextMenuOpen($event)"></ejs-gantt>`,
2423
encapsulation: ViewEncapsulation.None
2524
})
2625

2726
export class AppComponent{
2827
// Data for Gantt
29-
public editingData?: object[];
28+
public data?: object[];
3029
public taskSettings?: object;
3130
public editSettings?: object;
3231
public contextMenuItems?: (string | ContextMenuItemModel)[];
3332
@ViewChild('customcontextmenu', {static: true})
3433
public ganttObj?: GanttComponent| any;
3534
public ngOnInit(): void {
36-
this.editingData = editingData;
35+
this.data = [
36+
{
37+
TaskID: 1, TaskName: 'Project Initiation', StartDate: new Date('04/02/2019'), EndDate: new Date('04/21/2019'),
38+
},
39+
{ TaskID: 2, TaskName: 'Identify Site location', StartDate: new Date('04/02/2019'), Duration: 4, ParentID: 1, Progress: 50 },
40+
{ TaskID: 3, TaskName: 'Perform Soil test', StartDate: new Date('04/02/2019'), Duration: 4, ParentID: 1, Progress: 50 },
41+
{ TaskID: 4, TaskName: 'Soil test approval', StartDate: new Date('04/02/2019'), Duration: 4, ParentID: 1, Progress: 50 },
42+
{
43+
TaskID: 5, TaskName: 'Project Estimation', StartDate: new Date('04/02/2019'), EndDate: new Date('04/21/2019'),
44+
},
45+
{ TaskID: 6, TaskName: 'Develop floor plan for estimation', StartDate: new Date('04/04/2019'), Duration: 3, ParentID: 5, Progress: 50 },
46+
{ TaskID: 7, TaskName: 'List materials', StartDate: new Date('04/04/2019'), Duration: 3, ParentID: 5, Progress: 50 },
47+
{ TaskID: 8, TaskName: 'Estimation approval', StartDate: new Date('04/04/2019'), Duration: 3, ParentID: 5, Progress: 50 },
48+
{ TaskID: 9, TaskName: 'Sign Contract', StartDate: new Date('04/04/2019'), Duration: 1, Predecessor: '8', Progress: 30 },
49+
{
50+
TaskID: 10, TaskName: 'Project Approval and kick off', StartDate: new Date('04/04/2019'),
51+
EndDate: new Date('04/21/2019'), Duration: 0, Predecessor: '9'
52+
},
53+
];
3754
this.taskSettings = {
3855
id: 'TaskID',
3956
name: 'TaskName',
4057
startDate: 'StartDate',
4158
duration: 'Duration',
4259
progress: 'Progress',
4360
dependency: 'Predecessor',
44-
child: 'subtasks'
61+
parentID: 'ParentID'
4562
};
4663
this.editSettings = {
4764
allowAdding: true,

‎ej2-angular/code-snippet/gantt/contextmenu/default-cs1/src/app.component.ts

Lines changed: 22 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,6 @@ import { SelectionService } from '@syncfusion/ej2-angular-gantt'
77

88
import { Component, ViewEncapsulation, OnInit } from '@angular/core';
99
import { Gantt } from '@syncfusion/ej2-gantt';
10-
import { editingData} from './data';
1110

1211
@Component({
1312
imports: [
@@ -18,25 +17,43 @@ providers: [SelectionService, ContextMenuService, EditService, SortService, Resi
1817
standalone: true,
1918
selector: 'app-root',
2019
template:
21-
`<ejs-gantt id="ganttContextmenu" height="430px" [dataSource]="editingData" [taskFields]="taskSettings" [enableContextMenu]="true" [allowSorting]="true" [allowResizing]="true" [editSettings]="editSettings"></ejs-gantt>`,
20+
`<ejs-gantt id="ganttContextmenu" height="430px" [dataSource]="data" [taskFields]="taskSettings" [enableContextMenu]="true" [allowSorting]="true" [allowResizing]="true" [editSettings]="editSettings"></ejs-gantt>`,
2221
encapsulation: ViewEncapsulation.None
2322
})
2423

2524
export class AppComponent{
2625
// Data for Gantt
27-
public editingData?: object[];
26+
public data?: object[];
2827
public taskSettings?: object;
2928
public editSettings?: object;
3029
public ngOnInit(): void {
31-
this.editingData = editingData;
30+
this.data = [
31+
{
32+
TaskID: 1, TaskName: 'Project Initiation', StartDate: new Date('04/02/2019'), EndDate: new Date('04/21/2019'),
33+
},
34+
{ TaskID: 2, TaskName: 'Identify Site location', StartDate: new Date('04/02/2019'), Duration: 4, ParentID: 1, Progress: 50 },
35+
{ TaskID: 3, TaskName: 'Perform Soil test', StartDate: new Date('04/02/2019'), Duration: 4, ParentID: 1, Progress: 50 },
36+
{ TaskID: 4, TaskName: 'Soil test approval', StartDate: new Date('04/02/2019'), Duration: 4, ParentID: 1, Progress: 50 },
37+
{
38+
TaskID: 5, TaskName: 'Project Estimation', StartDate: new Date('04/02/2019'), EndDate: new Date('04/21/2019'),
39+
},
40+
{ TaskID: 6, TaskName: 'Develop floor plan for estimation', StartDate: new Date('04/04/2019'), Duration: 3, ParentID: 5, Progress: 50 },
41+
{ TaskID: 7, TaskName: 'List materials', StartDate: new Date('04/04/2019'), Duration: 3, ParentID: 5, Progress: 50 },
42+
{ TaskID: 8, TaskName: 'Estimation approval', StartDate: new Date('04/04/2019'), Duration: 3, ParentID: 5, Progress: 50 },
43+
{ TaskID: 9, TaskName: 'Sign Contract', StartDate: new Date('04/04/2019'), Duration: 1, Predecessor: '8', Progress: 30 },
44+
{
45+
TaskID: 10, TaskName: 'Project Approval and kick off', StartDate: new Date('04/04/2019'),
46+
EndDate: new Date('04/21/2019'), Duration: 0, Predecessor: '9'
47+
},
48+
];
3249
this.taskSettings = {
3350
id: 'TaskID',
3451
name: 'TaskName',
3552
startDate: 'StartDate',
3653
duration: 'Duration',
3754
progress: 'Progress',
3855
dependency: 'Predecessor',
39-
child: 'subtasks'
56+
parentID: 'ParentID'
4057
};
4158
this.editSettings = {
4259
allowAdding: true,

0 commit comments

Comments
 (0)