Skip to content

Commit f6a5f4f

Browse files
SyncfusionBuildSyncfusionBuild
committed
Integrated latest changes at 12-10-2024 1:30:12 AM
1 parent c37409a commit f6a5f4f

File tree

140 files changed

+918
-792
lines changed

Some content is hidden

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

140 files changed

+918
-792
lines changed

‎ej2-angular-toc.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -917,7 +917,7 @@
917917
</ul>
918918
</li>
919919
<li><a href="/ej2-angular/diagram/overview">Overview Control</a></li>
920-
<li><a href="/ej2-angular/diagram/ej1-api-migration">Migration from Essential JS 1</a></li>
920+
<li><a href="/ej2-angular/diagram/ej1-api-migration">Migration from Essential® JS 1</a></li>
921921
<li><a href="https://ej2.syncfusion.com/angular/documentation/api/diagram/">API Reference</a></li>
922922
</ul>
923923
</li>

‎ej2-angular/code-snippet/chips/default-cs1/index.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,8 @@
1010
<link href="styles.css" rel="stylesheet" />
1111
</head>
1212
<body>
13-
<my-app>
13+
<app-root>
1414
<div id='loader'>LOADING....</div>
15-
</my-app>
15+
</app-root>
1616
</body>
1717
</html>

‎ej2-angular/code-snippet/chips/default-cs1/package.json

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,8 @@
1313
"@angular/core": "17.1.2",
1414
"@angular/platform-browser": "17.1.2",
1515
"@angular/platform-browser-dynamic": "17.1.2",
16-
"@syncfusion/ej2-base": "*",
16+
"@syncfusion/ej2-base": "*",
17+
"@syncfusion/ej2-buttons": "*",
1718
"@syncfusion/ej2-angular-buttons": "*",
1819
"@syncfusion/ej2-angular-base": "*",
1920
"@angular/animations": "17.1.2",

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ imports: [
1515

1616

1717
standalone: true,
18-
selector: 'my-app',
18+
selector: 'app-root',
1919
template: `<ejs-chiplist text="Janet Leverling"></ejs-chiplist>`
2020
})
2121
export class AppComponent {

‎ej2-angular/code-snippet/chips/default-cs1/src/styles.css

Lines changed: 13 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,15 @@
11

22
@import 'node_modules/@syncfusion/ej2-angular-base/styles/material.css';
3-
@import 'node_modules/@syncfusion/ej2-angular-buttons/styles/material.css';
3+
@import 'node_modules/@syncfusion/ej2-angular-buttons/styles/material.css';
4+
5+
#loader {
6+
color: #008cff;
7+
height: 40px;
8+
width: 30%;
9+
position: absolute;
10+
font-family: 'Helvetica Neue','calibiri';
11+
font-size:16px;
12+
top: 45%;
13+
left: 45%;
14+
}
15+

‎ej2-angular/code-snippet/tooltip/ajax-content-cs1/package.json

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,7 @@
1616
"@syncfusion/ej2-angular-popups": "*",
1717
"@syncfusion/ej2-angular-lists": "*",
1818
"@syncfusion/ej2-base": "*",
19+
"@syncfusion/ej2-popups": "*",
1920
"@syncfusion/ej2-angular-base": "*",
2021
"@angular/animations": "17.1.2",
2122
"@angular/common": "17.1.2",
@@ -40,4 +41,4 @@
4041
"karma-jasmine-html-reporter": "2.0.0",
4142
"typescript": "5.3.3"
4243
}
43-
}
44+
}

‎ej2-angular/code-snippet/tooltip/ajax-content-cs1/src/app.component.ts

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,11 +3,7 @@
33
*/
44

55
import { Component, ViewChild, ViewEncapsulation, Inject } from '@angular/core';
6-
import {
7-
TooltipComponent,
8-
TooltipModule,
9-
} from '@syncfusion/ej2-angular-popups';
10-
import { TooltipEventArgs } from '@syncfusion/ej2-popups';
6+
import { TooltipComponent, TooltipModule, TooltipEventArgs } from '@syncfusion/ej2-angular-popups';
117
import { HttpClient } from '@angular/common/http';
128

139
import { ListViewModule } from '@syncfusion/ej2-angular-lists';

‎ej2-angular/code-snippet/tooltip/custom-css-cs1/src/app.component.ts

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -15,12 +15,11 @@ imports: [
1515

1616
standalone: true,
1717
selector: 'my-app',
18-
template: `
19-
<ejs-tooltip id="tooltip" content='Tooltip customized' cssClass='customtooltip'>
18+
template: `<ejs-tooltip id="tooltip" content='Tooltip customized' cssClass='customtooltip'>
2019
Show tooltip
2120
</ejs-tooltip>
2221
`,
23-
styleUrls: ['./custom.css'],
22+
styleUrls: ['styles.css'],
2423
encapsulation: ViewEncapsulation.None
2524
})
2625

‎ej2-angular/code-snippet/tooltip/custom-css-cs1/src/styles.css

Lines changed: 101 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,104 @@
11

22
@import 'node_modules/@syncfusion/ej2-base/styles/material.css';
33
@import 'node_modules/@syncfusion/ej2-angular-popups/styles/material.css';
4-
@import 'node_modules/@syncfusion/ej2-angular-base/styles/material.css';
4+
@import 'node_modules/@syncfusion/ej2-angular-base/styles/material.css';
5+
6+
#loader {
7+
color: #008cff;
8+
position: absolute;
9+
top: 45%;
10+
left: 45%;
11+
width: 30%;
12+
height: 40px;
13+
}
14+
15+
#tooltip {
16+
background-color: #cfd8dc;
17+
border: 3px solid #eceff1;
18+
box-sizing: border-box;
19+
margin: 80px auto;
20+
padding: 20px 0;
21+
width: 200px;
22+
text-align: center;
23+
color: #424242;
24+
font-size: 20px;
25+
user-select: none;
26+
}
27+
28+
/* csslint ignore:start */
29+
.customtooltip.e-tooltip-wrap {
30+
border-radius: 4px;
31+
opacity: 1;
32+
}
33+
34+
.customtooltip.e-tooltip-wrap.e-popup {
35+
background-color: #fff;
36+
border: 2px solid #000;
37+
}
38+
39+
.customtooltip.e-tooltip-wrap .e-tip-content {
40+
color: #000;
41+
font-size: 12px;
42+
line-height: 20px;
43+
}
44+
45+
.customtooltip.e-tooltip-wrap .e-arrow-tip {
46+
position: absolute;
47+
}
48+
49+
.customtooltip.e-tooltip-wrap .e-arrow-tip.e-tip-bottom,
50+
.customtooltip.e-tooltip-wrap .e-arrow-tip.e-tip-top {
51+
height: 12px;
52+
width: 24px;
53+
left: 50%;
54+
}
55+
56+
.customtooltip.e-tooltip-wrap .e-arrow-tip.e-tip-bottom {
57+
top: 100%;
58+
}
59+
60+
.customtooltip.e-tooltip-wrap .e-arrow-tip.e-tip-top {
61+
top: -9px;
62+
}
63+
64+
.customtooltip.e-tooltip-wrap .e-arrow-tip.e-tip-left,
65+
.customtooltip.e-tooltip-wrap .e-arrow-tip.e-tip-right {
66+
height: 24px;
67+
width: 12px;
68+
}
69+
70+
.customtooltip.e-tooltip-wrap .e-arrow-tip.e-tip-left {
71+
left: -9px;
72+
top: 48%;
73+
}
74+
75+
.customtooltip.e-tooltip-wrap .e-arrow-tip.e-tip-right {
76+
left: 100%;
77+
top: 50%;
78+
}
79+
80+
.customtooltip.e-tooltip-wrap .e-arrow-tip-outer {
81+
border: 12px solid transparent;
82+
}
83+
84+
.customtooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-bottom {
85+
border-top-color: #000;
86+
}
87+
88+
.customtooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-top {
89+
border-bottom-color: #000;
90+
}
91+
92+
.customtooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-left {
93+
border-right-color: #000;
94+
}
95+
96+
.customtooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-right {
97+
border-left-color: #000;
98+
}
99+
100+
.customtooltip.e-tooltip-wrap .e-arrow-tip-inner.e-tip-bottom {
101+
color: #fff;
102+
font-size: 25.9px;
103+
}
104+
/* csslint ignore:end */

‎ej2-angular/code-snippet/tooltip/getting-started-cs15/package.json

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,7 @@
1616
"@syncfusion/ej2-angular-buttons": "*",
1717
"@syncfusion/ej2-angular-popups": "*",
1818
"@syncfusion/ej2-base": "*",
19+
"@syncfusion/ej2-popups": "*",
1920
"@syncfusion/ej2-angular-base": "*",
2021
"@angular/animations": "17.1.2",
2122
"@angular/common": "17.1.2",
@@ -40,4 +41,4 @@
4041
"karma-jasmine-html-reporter": "2.0.0",
4142
"typescript": "5.3.3"
4243
}
43-
}
44+
}

‎ej2-angular/code-snippet/tooltip/getting-started-cs15/src/app.component.ts

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,9 @@ import { NgModule } from '@angular/core'
22
import { BrowserModule } from '@angular/platform-browser'
33
import { TooltipModule } from '@syncfusion/ej2-angular-popups'
44
import { ButtonModule } from '@syncfusion/ej2-angular-buttons'
5-
6-
7-
85
import { Component, ViewChild, ViewEncapsulation } from '@angular/core';
9-
import { TooltipComponent, Position } from '@syncfusion/ej2-angular-popups';
6+
import { TooltipComponent } from '@syncfusion/ej2-angular-popups';
7+
import { Position } from '@syncfusion/ej2-popups';
108

119
@Component({
1210
imports: [

‎ej2-angular/code-snippet/tooltip/getting-started-cs7/index.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,8 @@
1010
<link href="index.css" rel="stylesheet" />
1111
</head>
1212
<body>
13-
<my-app>
13+
<app-root>
1414
<div id='loader'>LOADING....</div>
15-
</my-app>
15+
</app-root>
1616
</body>
17-
</html>
17+
</html>

‎ej2-angular/code-snippet/tooltip/getting-started-cs7/src/app.component.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ imports: [
1616

1717

1818
standalone: true,
19-
selector: 'my-app',
19+
selector: 'app-root',
2020
template: `
2121
<div id='container' style="display: inline-block; position: relative; left: 50%;top: 100px;transform: translateX(-50%);">
2222
<ejs-tooltip id='tooltip' content='Tooltip content' target="#target">

‎ej2-angular/code-snippet/tooltip/getting-started-cs8/index.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,8 @@
1010
<link href="index.css" rel="stylesheet" />
1111
</head>
1212
<body>
13-
<my-app>
13+
<app-root>
1414
<div id='loader'>LOADING....</div>
15-
</my-app>
15+
</app-root>
1616
</body>
17-
</html>
17+
</html>

‎ej2-angular/code-snippet/tooltip/getting-started-cs8/src/app.component.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ imports: [
1616

1717

1818
standalone: true,
19-
selector: 'my-app',
19+
selector: 'app-root',
2020
template: `
2121
<div id="tool">
2222
<ejs-tooltip target='.e-info' position='RightCenter'>

0 commit comments

Comments
 (0)