Skip to content

Commit e4c2db5

Browse files
Integrated latest changes at 04-04-2025 10:30:14 PM
1 parent 13bb60b commit e4c2db5

File tree

521 files changed

+2665
-2665
lines changed

Some content is hidden

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

521 files changed

+2665
-2665
lines changed

ej2-angular/3d-chart/getting-started.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -30,17 +30,17 @@ ng new my-app
3030
cd my-app
3131
```
3232

33-
## Installing Syncfusion 3D Chart package
33+
## Installing Syncfusion<sup style="font-size:70%">&reg;</sup> 3D Chart package
3434

35-
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- ).
35+
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- ).
3636

37-
Currently, Syncfusion provides two types of package structures for Angular components,
37+
Currently, Syncfusion<sup style="font-size:70%">&reg;</sup> provides two types of package structures for Angular components,
3838
1. Ivy library distribution package [format](https://angular.dev/tools/libraries/angular-package-format)
3939
2. Angular compatibility compiler(Angular’s legacy compilation and rendering pipeline) package.
4040

4141
### Ivy library distribution package
4242

43-
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.
43+
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.
4444

4545
Add [`@syncfusion/ej2-angular-charts`](https://www.npmjs.com/package/@syncfusion/ej2-angular-charts/v/20.2.38) package to the application.
4646

@@ -50,7 +50,7 @@ npm install @syncfusion/ej2-angular-charts --save
5050

5151
### Angular compatibility compiled package(ngcc)
5252

53-
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.
53+
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.
5454

5555
Add [`@syncfusion/ej2-angular-charts@ngcc`](https://www.npmjs.com/package/@syncfusion/ej2-angular-charts/v/20.2.38-ngcc) package to the application.
5656

ej2-angular/accordion/accessibility.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -74,4 +74,4 @@ The accessibility compliance of the Accordion component is shown in the followin
7474

7575
## See also
7676

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

ej2-angular/accordion/ej1-api-migration.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -10,13 +10,13 @@ domainurl: ##DomainURL##
1010

1111
# Ej1 api migration in Angular Accordion component
1212

13-
This article describes the API migration process of Accordion component from Essential JS 1 to Essential JS 2.
13+
This article describes the API migration process of Accordion component from Essential<sup style="font-size:70%">&reg;</sup> JS 1 to Essential<sup style="font-size:70%">&reg;</sup> JS 2.
1414

1515
## Accessibility and Localization
1616

1717
<!-- markdownlint-disable MD033 -->
1818

19-
| **Behavior** | **Property in Essential JS 1** | **Property in Essential JS 2** |
19+
| **Behavior** | **Property in Essential<sup style="font-size:70%">&reg;</sup> JS 1** | **Property in Essential<sup style="font-size:70%">&reg;</sup> JS 2** |
2020
| ------------ | ------------------------- | ------------------------- |
2121
| Keyboard Navigation | **Property** : allowKeyboardNavigation<br/> `<ej-accordion id="Accordion" [allowKeyboardNavigation]="false" ></ej-accordion>` | <b>Not Applicable</b> |
2222
| Localization | <b>Not Applicable</b> | **Property** : locale<br/> `<ejs-accordion id="Accordion" locale="fr-BE" ></ejs-accordion>` |
@@ -26,7 +26,7 @@ This article describes the API migration process of Accordion component from Ess
2626

2727
<!-- markdownlint-disable MD033 -->
2828

29-
| **Behavior** | **Property in Essential JS 1** | **Property in Essential JS 2** |
29+
| **Behavior** | **Property in Essential<sup style="font-size:70%">&reg;</sup> JS 1** | **Property in Essential<sup style="font-size:70%">&reg;</sup> JS 2** |
3030
| ------------ | ------------------------- | ------------------------- |
3131
| Default | **Property** : ajaxSettings<br/> `<ej-accordion id="accordion" [ajaxSettings.type]="GET"></ej-accordion>` | <b>Not Applicable</b> |
3232
| Asynchronous | **Property** : ajaxSettings.async <br/> `<ej-accordion id="accordion" [ajaxSettings.async]="true "></ej-accordion>`| <b>Not Applicable</b> |
@@ -44,7 +44,7 @@ This article describes the API migration process of Accordion component from Ess
4444

4545
<!-- markdownlint-disable MD033 -->
4646

47-
| **Behavior** | **Property in Essential JS 1** | **Property in Essential JS 2** |
47+
| **Behavior** | **Property in Essential<sup style="font-size:70%">&reg;</sup> JS 1** | **Property in Essential<sup style="font-size:70%">&reg;</sup> JS 2** |
4848
| ------------ | ------------------------- | ------------------------- |
4949
| Default |<b>Not Applicable</b> | **Property** :animation<br/> `<ejs-accordion id='accordion' [animation]="animation"></ejs-accordion>`<br/> **TS:**<br/> public animation: Object[] = [{collapse: { effect: 'FlipXDownIn', duration: 600, easing: 'ease' }, expand: { effect: 'FlipXUpIn', duration: 600, easing: 'ease' }}] |
5050
| EnableAnimation | **Property** :animation<br/> `<ej-accordion id="Accordion" [enableAnimation]="false"></ej-accordion>`<br/> | <b>Not Applicable</b>|
@@ -58,7 +58,7 @@ This article describes the API migration process of Accordion component from Ess
5858

5959
<!-- markdownlint-disable MD033 -->
6060

61-
| **Behavior** | **Property in Essential JS 1** | **Property in Essential JS 2** |
61+
| **Behavior** | **Property in Essential<sup style="font-size:70%">&reg;</sup> JS 1** | **Property in Essential<sup style="font-size:70%">&reg;</sup> JS 2** |
6262
| ------------ | ------------------------- | ------------------------- |
6363
| Default | <b>Not Applicable</b> | **Property** : items<br/> `<ejs-accordion id="Accordion" [items]="items"> </ejs-accordion>` |
6464
| Content | <b>Not Applicable</b> | **Property** : items[0].content <br/> `<ejs-accordion id="Accordion" [items]="items"> </ejs-accordion>`<br/> **TS:**<br/> public items: Object[] = [{ content: 'Contents'}];|
@@ -91,7 +91,7 @@ This article describes the API migration process of Accordion component from Ess
9191

9292
<!-- markdownlint-disable MD033 -->
9393

94-
| **Behavior** | **Property in Essential JS 1** | **Property in Essential JS 2** |
94+
| **Behavior** | **Property in Essential<sup style="font-size:70%">&reg;</sup> JS 1** | **Property in Essential<sup style="font-size:70%">&reg;</sup> JS 2** |
9595
| ------------ | ------------------------- | ------------------------- |
9696
| Collapsible | **Property** : collapsible <br/> `<ej-accordion id="Accordion" [collapsible]="false"> </ej-accordion>`| <b>Not Applicable</b> |
9797
| Collapse speed | **Property** : collapseSpeed <br/> `<ej-accordion id="Accordion" collapseSpeed="500"> </ej-accordion>`| <b>Not Applicable</b> |

ej2-angular/accordion/getting-started.md

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

48-
## Installing Syncfusion Accordion package
48+
## Installing Syncfusion<sup style="font-size:70%">&reg;</sup> Accordion package
4949

50-
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- ).
50+
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- ).
5151

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

5656
### Ivy library distribution package
5757

58-
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.
58+
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.
5959

6060
Add [`@syncfusion/ej2-angular-navigations`](https://www.npmjs.com/package/@syncfusion/ej2-angular-navigations/v/20.2.38) package to the application.
6161

@@ -65,7 +65,7 @@ npm install @syncfusion/ej2-angular-navigations --save
6565

6666
### Angular compatibility compiled package(ngcc)
6767

68-
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.
68+
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.
6969

7070
Add [`@syncfusion/ej2-angular-navigations@ngcc`](https://www.npmjs.com/package/@syncfusion/ej2-angular-navigations/v/20.2.38-ngcc) package to the application.
7171

ej2-angular/accordion/how-to/integrate-treeview-inside-the-accordion.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
layout: post
3-
title: Integrate treeview inside the accordion in Angular Accordion component|Syncfusion
3+
title: Integrate treeview in Angular Accordion component | Syncfusion
44
description: Learn here all about Integrate treeview inside the accordion in Syncfusion Angular Accordion component of Syncfusion Essential JS 2 and more.
55
platform: ej2-angular
66
control: Integrate treeview inside the accordion
@@ -10,7 +10,7 @@ domainurl: ##DomainURL##
1010

1111
# Integrate treeview inside the accordion in Angular Accordion component
1212

13-
Accordion supports to render other Essential JS 2 Components by using content property.
13+
Accordion supports to render other Essential<sup style="font-size:70%">&reg;</sup> JS 2 Components by using content property.
1414
You can give content as an element string like below, for initializing the component.
1515

1616
```js

ej2-angular/accumulation-chart/accessibility.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -76,4 +76,4 @@ The accessibility compliance of the Accumulation chart component is shown in the
7676

7777
## See also
7878

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

ej2-angular/accumulation-chart/ej1-api-migration.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -12,11 +12,11 @@ domainurl: ##DomainURL##
1212

1313
# Ej1 api migration in Angular Accumulation chart component
1414

15-
This article describes the API migration process of {Component Name} component from Essential JS 1 to Essential JS 2.
15+
This article describes the API migration process of {Component Name} component from Essential<sup style="font-size:70%">&reg;</sup> JS 1 to Essential<sup style="font-size:70%">&reg;</sup> JS 2.
1616

1717
## Accumulation Chart
1818

19-
| Behavior | API in Essential JS 1 | API in Essential JS 2 |
19+
| Behavior | API in Essential<sup style="font-size:70%">&reg;</sup> JS 1 | API in Essential<sup style="font-size:70%">&reg;</sup> JS 2 |
2020
| --- | --- | --- |
2121
| Annotation | **Property:** *annotation* <br/> <br/> `<ej-chart> `<br>`<e-annotations>`<br>`<e-annotation>`<br>`<e-annotation>`<br>`</e-annotations>`<br>`</ej-chart>` | **Property:** *e-annotation* <br/> <br/> `<ejs-accumulationchart> `<br> `<e-annotations>` <br>`<e-annotation>` <br> `<e-annotation>` <br> `</e-annotations> `<br> `</ejs-accumulationchart>`|
2222
| Background | **Property:** *background* <br/> <br/> `<ej-chart background='red'> `<br>`</ej-chart>` | **Property:** *background* <br/> <br/> `<ejs-accumulationchart background='red'>` <br> `</ejs-accumulationchart>`|
@@ -39,7 +39,7 @@ This article describes the API migration process of {Component Name} component
3939

4040
## Annotations
4141

42-
| Behavior | API in Essential JS 1 | API in Essential JS 2 |
42+
| Behavior | API in Essential<sup style="font-size:70%">&reg;</sup> JS 1 | API in Essential<sup style="font-size:70%">&reg;</sup> JS 2 |
4343
| --- | --- | --- |
4444
| Annotation | **Property:** *annotation* <br/> <br/> `<ej-chart> `<br> `<e-annotations>` <br> `<e-annotation [visible]='visible'>`<br>`<e-annotation>`<br>`</e-annotations>`<br>`</ej-chart>` <br> <br> this.visible = true | **Property:** *e-annotation* <br/> <br/> `<ejs-accumulationchart> `<br> `<e-accumulation-annotations>` <br>`<e-accumulation-annotation>` <br> `</e-accumulation-annotation>` <br> `</e-accumulation-annotations>` <br>`</ejs-accumulationchart>`|
4545
| Annotation content | **Property:** *annotation.content* <br/> <br/> `<ej-chart> `<br>`<e-annotations>`<br>`<e-annotation>`<br>`<e-annotation content='<div>Chart</div>'>`<br>`</e-annotations>`<br>`</ej-chart>` | **Property:** *annotation.content* <br/> <br/> `<ejs-accumulationchart> `<br>`<e-accumulation-annotations>`<br> `<e-annotation content='<div>Chart</div>'>` <br> `</e-accumulation-annotation>` <br> `</e-accumulation-annotations>` <br>`</ejs-accumulationchart>`|
@@ -54,7 +54,7 @@ This article describes the API migration process of {Component Name} component
5454

5555
## Series
5656

57-
| Behavior | API in Essential JS 1 | API in Essential JS 2 |
57+
| Behavior | API in Essential<sup style="font-size:70%">&reg;</sup> JS 1 | API in Essential<sup style="font-size:70%">&reg;</sup> JS 2 |
5858
| --- | --- | --- |
5959
|Series | **Property:** *series* <br/> <br/> `<ej-chart> `<br>`<e-series-collection>`<br>`<e-series>`<br>`</e-series>`<br>`</e-series-collection>`<br> `</ej-chart>` | **Property:** *series* <br/> <br/> `<ejs-accumulationchart> `<br> `<e-accumulation-series-collection>` <br>`<e-accumulation-series>`<br> `</e-accumulation-series>`<br> `</e-accumulation-series-collection>` <br> `</ejs-accumulationchart>` |
6060
| Enable animation for series | **Property:** *series.enableAnimation* <br/> <br/> `<ej-chart> `<br> `<e-series-collection>` <br> `<e-series [enableAnimation]='animation'>` <br> `</e-series>` <br> `</e-series-collection>` <br> `</ej-chart>` <br> this.animation = true | **Property:** *series.animation.enable* <br/> <br/> `<ejs-accumulationchart> `<br> `<e-accumulation-series-collection>` <br> `<e-accumulation-series [animation]='animation' >` <br> `</e-accumulation-series>` <br> `</e-accumulation-series-collection>` <br> `</ejs-accumulationchart>`<br> <br> this.animation = { enable: true} |
@@ -93,7 +93,7 @@ This article describes the API migration process of {Component Name} component
9393

9494
## DataLabel
9595

96-
| Behavior | API in Essential JS 1 | API in Essential JS 2 |
96+
| Behavior | API in Essential<sup style="font-size:70%">&reg;</sup> JS 1 | API in Essential<sup style="font-size:70%">&reg;</sup> JS 2 |
9797
| --- | --- | --- |
9898
| DataLabel of series| **Property:** *series.marker.dataLabel* <br/> <br/> `<ej-chart> `<br>`<e-series-collection>`<br>`<e-series [marker]='marker'>`<br>`</e-series>`<br>`</e-series-collection>`<br>`</ej-chart>` <br> <br> this.marker = { dataLabel: { visible: true } } | **Property:** *series.marker.dataLabel* <br/> <br/> `<ejs-accumulationchart> `<br>`<e-accumulation-series-collection>`<br>`<e-accumulation-series [marker]='marker'>`<br>`</e-accumulation-series>`<br>`</e-accumulation-series-collection>`<br>`</ejs-accumulationchart>` <br><br> this.marker = { dataLabel: { visible: true } } |
9999
| Border of datalabel| **Property:** *marker.dataLabel.border* <br/> <br/> `<ej-chart> `<br>`<e-series-collection>`<br>`<e-series [marker]='marker'>`<br>`</e-series>`<br>`</e-series-collection>`<br>`</ej-chart>` <br> <br> this.marker = { dataLabel: { border: { color: 'red', width: 2} } } | **Property:** *marker.dataLabel.border* <br/> <br/> `<ejs-accumulationchart> `<br>`<e-accumulation-series-collection>`<br>`<e-accumulation-series [marker]='marker'>` <br> `</e-accumulation-series>` <br> `</e-accumulation-series-collection>` <br> `</ejs-accumulationchart>` <br><br> this.marker = { dataLabel: { border: { width: 2, color: 'blue'} } } |
@@ -107,7 +107,7 @@ This article describes the API migration process of {Component Name} component
107107

108108
## Legend
109109

110-
| Behavior | API in Essential JS 1 | API in Essential JS 2 |
110+
| Behavior | API in Essential<sup style="font-size:70%">&reg;</sup> JS 1 | API in Essential<sup style="font-size:70%">&reg;</sup> JS 2 |
111111
| --- | --- | --- |
112112
| Visibility of legend | **Property:** *legend.visible* <br/> <br/> `<ej-chart [legend]='legend'>`<br>`</ej-chart>` <br> <br> this.legend = { visible: true } | **Property:** *legend.visible* <br/> <br/> `< ejs-accumulationchart [legend]='legend'>`<br>`</ ejs-accumulationchart>` <br> <br> this.legend = { visible: true } |
113113
| Height of legend | **Property:** *legend.size.height* <br/> <br/> `<ej-chart [legend]='legend'>`<br>`</ej-chart>` <br> <br> this.legend = { size: { height: 20 }} | **Property:** *legend.height* <br/> <br/> `< ejs-accumulationchart [legend]='legend'>`<br>` </ejs-accumulationchart>` <br> <br> this.legend = { height: '40' } |
@@ -132,7 +132,7 @@ This article describes the API migration process of {Component Name} component
132132

133133
## Methods
134134

135-
| Behavior | API in Essential JS 1 | API in Essential JS 2 |
135+
| Behavior | API in Essential<sup style="font-size:70%">&reg;</sup> JS 1 | API in Essential<sup style="font-size:70%">&reg;</sup> JS 2 |
136136
| --- | --- | --- |
137137
| Animation | **Property:** *chart.animate* <br/> <br/> `<ej-chart (animate)='animation'>`<br>`</ej-chart>` <br> <br> this.animate(args) { } | **Property:** Not Applicable |
138138
| Redraw | **Property:** *chart.redraw* <br/> <br/> `<ej-chart (redraw)='redraw'>` <br> `</ej-chart>` <br> <br> this.redraw(args) { } | **Property:** *chart.refresh* <br/> <br/> `<ejs-accumulationchart (refresh)='refresh'>` <br> `</ejs-accumulationchart>` <br> <br> this.refresh(args) { } |
@@ -143,7 +143,7 @@ This article describes the API migration process of {Component Name} component
143143

144144
## Events
145145

146-
| Behavior | API in Essential JS 1 | API in Essential JS 2 |
146+
| Behavior | API in Essential<sup style="font-size:70%">&reg;</sup> JS 1 | API in Essential<sup style="font-size:70%">&reg;</sup> JS 2 |
147147
| --- | --- | --- |
148148
| Fires on annotation click | **Property:** *chart.annotationClick* <br/> <br/> `<ej-chart (annotationClick)='annotationClick($event)'>`<br>`</ej-chart>` <br> <br> this.annotationClick(args) { } | **Property:** Not Applicable |
149149
| Fires on after animation | **Property:** *chart.animationComplete* <br/> <br/> `<ej-chart (animationComplete)='animationComplete($event)'>`<br>`</ej-chart>` <br> <br> this.animationComplete(args) { } | **Property:** *chart.animationComplete* <br/> <br/> `<ejs-accumulationchart (refresh)='refresh'>`<br>`</ejs-accumulationchart>` <br> <br> this.refresh(args) { } |

0 commit comments

Comments
 (0)