Skip to content

Commit 582fc5f

Browse files
author
pipeline
committed
v20.4.38 is released
1 parent 429d092 commit 582fc5f

File tree

440 files changed

+61188
-5420
lines changed

Some content is hidden

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

440 files changed

+61188
-5420
lines changed

‎config.json‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -173,6 +173,9 @@
173173
"dropdown",
174174
"pdfviewer",
175175
"formdesigner",
176-
"workflow"
176+
"workflow",
177+
"form-validator",
178+
"signature",
179+
"multiline-textbox"
177180
]
178181
}

‎gulpfile.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -267,4 +267,4 @@ gulp.task('serve', ['build'], function (done) {
267267
ui: false
268268
};
269269
bs.init(options, done);
270-
});
270+
});

‎index.html‎

Lines changed: 18 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,11 @@
22
<html lang="en">
33

44
<head>
5+
<script>
6+
var orgin = location.origin;
7+
var baseref = location.href.split('#')[0].replace(orgin, '');
8+
document.write('<base href=\"' + baseref + '\">');
9+
</script>
510
<!-- Google Tag Manager -->
611
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
712
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
@@ -66,7 +71,7 @@
6671
<div class="sb-home-text">
6772
<span>HOME</span>
6873
</div>
69-
<a id="sb-home" href="https://ej2.syncfusion.com/home/"></a>
74+
<a id="sb-home" href="https://ej2.syncfusion.com/home/" aria-label="Sample home page"></a>
7075
</div>
7176
<div class='sb-control-navigation'>
7277
<div id="controlTree" class='e-view'></div>
@@ -80,11 +85,11 @@
8085
</div>
8186
<div class='sb-left-footer'>
8287
<div class="sb-mobile-header-buttons">
83-
<a href='https://www.syncfusion.com/javascript-ui-controls' target="_blank">
88+
<a href='https://www.syncfusion.com/javascript-ui-controls' target="_blank" aria-label="About Javascript control">
8489
<div class="sb-mobile-header-about">
8590
About</div>
8691
</a>
87-
<a href='https://www.syncfusion.com/downloads/essential-js2' target="_blank">
92+
<a href='https://www.syncfusion.com/downloads/essential-js2' target="_blank" aria-label="Pricing Javascript control">
8893
<div class="sb-mobile-header-price">Pricing</div>
8994
</a>
9095
</div>
@@ -149,12 +154,12 @@
149154
<div class="sb-header-item sb-table-cell sb-header-settings sb-icons"></div>
150155
<div class="sb-header-splitter sb-download-splitter"></div>
151156
<div class='sb-header-item sb-table-cell sb-download-wrapper'>
152-
<a href='https://www.syncfusion.com/downloads/essential-js2' target="_blank">
157+
<a href='https://www.syncfusion.com/downloads/essential-js2' target="_blank" aria-label="Download Free Trial">
153158
<button id='download-now' class='sb-download-btn'>
154159
<span class='sb-download-text'>FREE TRIAL</span>
155160
</button>
156161
</a>
157-
<a href='https://www.npmjs.com/search?q=ej2-typescript' target="_blank">
162+
<a href='https://www.npmjs.com/search?q=ej2-typescript' target="_blank" aria-label="Install NPM">
158163
<button class='sb-npm-btn'>
159164
<img class="npm-svg" src="styles/images/NPM.svg" alt="npm icon"><span class="doc-npm-link">Install NPM</span>
160165
</button>
@@ -249,7 +254,7 @@
249254
<span class="switch-text">High Contrast</span>
250255
</li>
251256
</ul>
252-
<div class="sb-theme-studio"><a target="_blank" href="https://ej2.syncfusion.com/themestudio/?theme=material">Go to Theme Studio</a></div>
257+
<div class="sb-theme-studio"><a target="_blank" href="https://ej2.syncfusion.com/themestudio/?theme=material" aria-label="Go to Theme Studio">Go to Theme Studio</a></div>
253258
</div>
254259
<div id='settings-popup' class='sb-setting-popup'>
255260
<div class='sb-setting-header'>
@@ -337,7 +342,7 @@
337342
</div>
338343
</div>
339344
<div class='sb-desktop-wrapper'>
340-
<div id='component-name' role='header' class='sb-component-name sb-rightpane-padding'>
345+
<div id='component-name' role="heading" aria-level="1" class='sb-component-name sb-rightpane-padding'>
341346
<h1 class='sb-sample-text'>Chart</h1>
342347
</div>
343348
<div id='sample-bread-crumb' class='sb-bread-crumb sb-rightpane-padding'>
@@ -439,7 +444,7 @@ <h1 class='sb-sample-text'>Chart</h1>
439444
</div>
440445
</div>
441446
<a style="color:#ffff;text-decoration:none;"
442-
href="https://www.syncfusion.com/downloads/essential-js2">
447+
href="https://www.syncfusion.com/downloads/essential-js2" aria-label="Try it for free">
443448
<div class="free-trial">TRY IT FOR FREE</div>
444449
</a>
445450
</div>
@@ -451,23 +456,23 @@ <h1 class='sb-sample-text'>Chart</h1>
451456
<div class="sb-footer">
452457
<div class="sb-footer-left">
453458
<div class="sb-footer-links">
454-
<a href="https://ej2.syncfusion.com/documentation/" target="_blank">
459+
<a href="https://ej2.syncfusion.com/documentation/" target="_blank" aria-label="Documentation">
455460
<div class="sb-footer-link">Documentation</div>
456461
</a>
457-
<a href="https://www.syncfusion.com/forums/essential-js2" target="_blank">
462+
<a href="https://www.syncfusion.com/forums/essential-js2" target="_blank" aria-label="Forum link">
458463
<div class="sb-footer-link">Forum</div>
459464
</a>
460-
<a href="https://syncfusion.com/blogs" target="_blank">
465+
<a href="https://syncfusion.com/blogs" target="_blank" aria-label="Blog link">
461466
<div class="sb-footer-link">Blog</div>
462467
</a>
463-
<a href="https://www.syncfusion.com/kb" target="_blank">
468+
<a href="https://www.syncfusion.com/kb" target="_blank" aria-label="Knowledge Base">
464469
<div class="sb-footer-link">Knowledge Base</div>
465470
</a>
466471
</div>
467472
<div class="sb-footer-copyright"></div>
468473
</div>
469474
<div class="sb-footer-logo">
470-
<a href="https://www.syncfusion.com/" target="_blank">
475+
<a href="https://www.syncfusion.com/" target="_blank" aria-label="Sample footer logo">
471476
<div class="sb-footer-logo-icon"></div>
472477
</a>
473478
</div>

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@syncfusion/ej2-samples",
3-
"version": "20.3.56",
3+
"version": "20.4.38",
44
"description": "Samples for Syncfusion Essential JS 2",
55
"author": "Syncfusion Inc.",
66
"license": "SEE LICENSE IN license",

‎sampleOrder.json‎

Lines changed: 25 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,15 @@
2626
"diacritics-filtering": "Diacritics Filtering"
2727
}
2828
},
29+
"arc-gauge": {
30+
"ControlName": "Arc Gauge",
31+
"Samples": {
32+
"default": "Default Functionalities",
33+
"customer-satisfaction-score": "Customer Satisfaction Score",
34+
"key-performance-indicator": "Key Performance Indicator",
35+
"patterns": "Patterns"
36+
}
37+
},
2938
"avatar": {
3039
"ControlName": "Avatar",
3140
"Samples": {
@@ -881,6 +890,19 @@
881890
"right-to-left": "RTL"
882891
}
883892
},
893+
"rating": {
894+
"ControlName": "Rating",
895+
"Samples": {
896+
"overview":"Overview",
897+
"default":"Default Functionalities",
898+
"precision": "Precision",
899+
"tooltip": "Tooltip",
900+
"label": "Label",
901+
"template": "Template",
902+
"customization": "Customization",
903+
"navigation": "Keyboard Navigations"
904+
}
905+
},
884906
"rich-text-editor": {
885907
"ControlName": "Rich Text Editor",
886908
"Samples": {
@@ -1124,7 +1146,9 @@
11241146
"Samples": {
11251147
"default": "Default Functionalities",
11261148
"popup": "Popup",
1127-
"alignment": "Alignment"
1149+
"alignment": "Alignment",
1150+
"template": "Template",
1151+
"keyboard-interaction": "Keyboard Interaction"
11281152
}
11291153
},
11301154
"tooltip": {

‎src/appbar/sample.json‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,6 @@
22
"name": "AppBar",
33
"directory": "appbar",
44
"category": "Navigation",
5-
"type":"preview",
65
"ftName": "appbar",
76
"samples": [
87
{

‎src/arc-gauge/customer-satisfaction-score.html‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
<div class="control-section">
2+
<div id="gauge" align="center"></div>
3+
</div>
4+
<div id="action-description">
5+
<p>
6+
This sample shows an arc gauge with a real-time scenario of a customer satisfaction score ranging from 0 to 10.
7+
</p>
8+
</div>
9+
<div id="description">
10+
<p>
11+
In this example, you can see how to render an arc gauge showing customer satisfaction score. You can use <a
12+
target="_blank" href="https://ej2.syncfusion.com/documentation/api/circular-gauge/axisModel/">axes</a>, <a
13+
target="_blank" href="https://ej2.syncfusion.com/documentation/api/circular-gauge/rangeModel/">ranges</a>,
14+
<a target="_blank"
15+
href="https://ej2.syncfusion.com/documentation/api/circular-gauge/annotationModel/">annotations</a>,
16+
<a target="_blank"
17+
href="https://ej2.syncfusion.com/documentation/api/circular-gauge/legendSettingsModel/">legend</a> and <a
18+
target="_blank"
19+
href="https://ej2.syncfusion.com/documentation/api/circular-gauge/tooltipSettingsModel/">tooltip</a>
20+
oriented properties to customize the appearance of the arc gauge, in order to achieve the desired outcome.
21+
</p>
22+
<p>
23+
More information on the arc gauge can be found in this
24+
<a target="_blank"
25+
href="https://ej2.syncfusion.com/documentation/circular-gauge/getting-started/">documentation
26+
section</a>.
27+
</p>
28+
</div>

‎src/arc-gauge/customer-satisfaction-score.ts‎

Lines changed: 163 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,163 @@
1+
// custom code start
2+
import { loadCultureFiles } from '../common/culture-loader';
3+
// custom code end
4+
/**
5+
* The customer satisfaction score sample
6+
*/
7+
import { CircularGauge, ILoadedEventArgs, Annotations, GaugeTooltip, Legend, GaugeTheme } from '@syncfusion/ej2-circulargauge';
8+
CircularGauge.Inject(Annotations, GaugeTooltip, Legend);
9+
(window as any).default = (): void => {
10+
// custom code start
11+
loadCultureFiles();
12+
// custom code end
13+
let circulargauge: CircularGauge = new CircularGauge({
14+
load: (args: ILoadedEventArgs) => {
15+
// custom code start
16+
let selectedTheme: string = location.hash.split('/')[1];
17+
selectedTheme = selectedTheme ? selectedTheme : 'Material';
18+
args.gauge.theme = <GaugeTheme>(selectedTheme.charAt(0).toUpperCase() +
19+
selectedTheme.slice(1)).replace(/-dark/i, 'Dark').replace(/contrast/i, 'Contrast');
20+
// custom code end
21+
},
22+
height: '400px',
23+
allowMargin: false,
24+
title: 'Customer Satisfaction Score',
25+
titleStyle: {
26+
size: '18px',
27+
fontFamily: 'inherit'
28+
},
29+
tooltip: {
30+
enable: true,
31+
showAtMousePosition:true,
32+
template:
33+
'<div style="font-size:18px;background:white;width:180px;color:#595959;border:1px solid #e8e8e8">Current Score: ${value} </div>',
34+
},
35+
legendSettings: {
36+
visible: true,
37+
position: 'Bottom',
38+
width: "55%",
39+
textStyle: {
40+
size: '12px',
41+
fontFamily: 'inherit'
42+
}
43+
},
44+
axes: [
45+
{
46+
annotations: [
47+
{
48+
content:
49+
'<div style="font-size:16px;font-family:inherit;">7.5</div>',
50+
angle: 0,
51+
zIndex: '1',
52+
radius: '-15%',
53+
},
54+
],
55+
lineStyle: { width: 0 },
56+
labelStyle: {
57+
font: {
58+
size: '12px',
59+
fontFamily: 'inherit'
60+
},
61+
position: 'Outside',
62+
offset: -40,
63+
},
64+
majorTicks: {
65+
height: 12,
66+
width: 1.5,
67+
interval: 2,
68+
offset: 35
69+
},
70+
minorTicks: { height: 0 },
71+
startAngle: 270,
72+
endAngle: 90,
73+
minimum: 0,
74+
maximum: 10,
75+
radius: '100%',
76+
pointers: [
77+
{
78+
radius: '70%',
79+
needleEndWidth: 2,
80+
pointerWidth: 5,
81+
value: 7.5,
82+
cap: {
83+
radius: 8,
84+
border: { width: 2 },
85+
},
86+
},
87+
{
88+
type: 'Marker',
89+
markerShape: 'Rectangle',
90+
markerWidth: 40,
91+
markerHeight: 0.5,
92+
animation: {
93+
enable: false
94+
},
95+
radius: '68%',
96+
value: 6.5,
97+
color: '#0477c2',
98+
},
99+
{
100+
type: 'Marker',
101+
markerShape: 'Rectangle',
102+
markerWidth: 40,
103+
markerHeight: 0.5,
104+
animation: {
105+
enable: false
106+
},
107+
radius: '68%',
108+
value: 9.5,
109+
color: '#0477c2',
110+
},
111+
],
112+
ranges: [
113+
{
114+
start: 0,
115+
end: 2,
116+
startWidth: 40,
117+
endWidth: 40,
118+
color: '#F03E3E',
119+
radius: '80%',
120+
legendText: 'Poor'
121+
},
122+
{
123+
start: 6.5,
124+
end: 9.5,
125+
startWidth: 120,
126+
endWidth: 120,
127+
color: '#0477c2',
128+
radius: '110%',
129+
legendText: 'Average Score'
130+
},
131+
{
132+
start: 2,
133+
end: 5,
134+
startWidth: 40,
135+
endWidth: 40,
136+
color: '#f6961e',
137+
radius: '80%',
138+
legendText: 'Satisfied'
139+
},
140+
{
141+
start: 5,
142+
end: 8,
143+
startWidth: 40,
144+
endWidth: 40,
145+
color: '#FFDD00',
146+
radius: '80%',
147+
legendText: 'Good'
148+
},
149+
{
150+
start: 8,
151+
end: 10,
152+
startWidth: 40,
153+
endWidth: 40,
154+
color: '#30B32D',
155+
radius: '80%',
156+
legendText: 'Excellent'
157+
},
158+
],
159+
},
160+
],
161+
});
162+
circulargauge.appendTo('#gauge');
163+
};

0 commit comments

Comments
 (0)