Skip to content

Commit dd3779d

Browse files
author
pipeline
committed
v20.1.47 is released
1 parent 22e0e0f commit dd3779d

File tree

313 files changed

+8517
-9386
lines changed

Some content is hidden

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

313 files changed

+8517
-9386
lines changed

‎config.json‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -147,6 +147,11 @@
147147
"multiline",
148148
"sys",
149149
"realtime",
150-
"binding"
150+
"binding",
151+
"insert-emoticons",
152+
"online-html-editor",
153+
"form-validator",
154+
"signature",
155+
"multiline-textbox"
151156
]
152157
}

‎index.html‎

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -192,6 +192,14 @@
192192
</div>
193193
<div id='theme-switcher-popup' class='sb-theme-popup'>
194194
<ul id="themelist" class="options" role="list">
195+
<li class="e-list" id="fluent" role="listitem">
196+
<span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
197+
<span class="switch-text">Fluent</span>
198+
</li>
199+
<li class="e-list" id="fluent-dark" role="listitem">
200+
<span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
201+
<span class="switch-text">Fluent Dark</span>
202+
</li>
195203
<li class="e-list" id="bootstrap5" role="listitem">
196204
<span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
197205
<span class="switch-text">Bootstrap v5</span>
@@ -256,6 +264,8 @@
256264
</div>
257265
<div class='setting-content setting-theme-change'>
258266
<select id='sb-setting-theme' class='sb-setting-theme-select'>
267+
<option value="fluent">Fluent</option>
268+
<option value="fluent-dark">Fluent Dark</option>
259269
<option value="bootstrap5">Bootstrap v5</option>
260270
<option value="bootstrap5-dark">Bootstrap v5 Dark</option>
261271
<option value="tailwind">Tailwind CSS</option>
@@ -411,7 +421,7 @@ <h1 class='sb-sample-text'>Chart</h1>
411421
<div class="row">
412422
<div class="col-sm-12">
413423
<div class="col-sm-12">
414-
<div id="ad-banner-head" class="ad-header">Transform your Javascript web apps today with Syncfusion Javascript controls</div>
424+
<div id="ad-banner-head" class="ad-header">Transform your JavaScript web apps today with Syncfusion Javascript controls</div>
415425
</div>
416426
<div class="col-sm-12 cnt-area">
417427
<div class="content-area">

‎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": "19.4.38",
3+
"version": "20.1.47",
44
"description": "Samples for Syncfusion Essential JS 2",
55
"author": "Syncfusion Inc.",
66
"license": "SEE LICENSE IN license",

‎sampleOrder.json‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -233,6 +233,16 @@
233233
"api": "API"
234234
}
235235
},
236+
"carousel": {
237+
"ControlName": "Carousel",
238+
"Samples": {
239+
"default": "Default Functionalities",
240+
"templates": "Templates",
241+
"datasource-binding": "DataSource Binding",
242+
"custom-animation": "Custom Animation",
243+
"keyboard-navigation": "Keyboard Navigation"
244+
}
245+
},
236246
"circular-gauge": {
237247
"ControlName": "Circular Gauge",
238248
"Samples": {

‎src/accordion/keyboard-interaction.html‎

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
<div class="control-section">
2+
<div class="control_wrapper accordion-control-section">
3+
<div id='Accordion_keyboard_interaction'></div>
4+
</div>
5+
</div>
6+
<div id="action-description">
7+
<p>
8+
This demo showcases the keyboard shortcuts applicable on <code>Accordion</code>.
9+
</p>
10+
</div>
11+
<div id="description">
12+
<i>Below key combinations can be used in Accordion to initiate various actions.</i>
13+
<ul>
14+
<li>
15+
<b>Focus</b>
16+
<ul>
17+
<li>
18+
<span class="key-class"><kbd>Alt</kbd> + <kbd>J</kbd></span>
19+
<span> - Focuses on the first component of the demo.</span>
20+
</li>
21+
<li>
22+
<span class="key-class"><kbd>Home</kbd></span>
23+
<span> - Focus the first Accordion header.</span>
24+
</li>
25+
<li>
26+
<span class="key-class"><kbd>End</kbd></span>
27+
<span> - Focus the last Accordion header.</span>
28+
</li>
29+
<li>
30+
<span class="key-class"><kbd>Down arrow</kbd></span>
31+
<span> - Focus the next Accordion header.</span>
32+
</li>
33+
<li>
34+
<span class="key-class"><kbd>Up arrow</kbd></span>
35+
<span> - Focus the previous Accordion header.</span>
36+
</li>
37+
</ul>
38+
</li>
39+
<li>
40+
<b>Expand and Collapse</b>
41+
<ul>
42+
<li>
43+
<span class="key-class"><kbd>Enter</kbd> or <kbd>Space</kbd></span>
44+
<span> - Expand and collapse when the focus is on the Accordion header.</span>
45+
</li>
46+
</ul>
47+
</li>
48+
</ul>
49+
</div>
50+
<style>
51+
.accordion-control-section {
52+
margin: 0 10% 0 10%;
53+
}
54+
@media screen and (max-width: 768px) {
55+
.accordion-control-section {
56+
margin: 0;
57+
}
58+
}
59+
.key-class {
60+
display: inline-block;
61+
width: 130px;
62+
}
63+
</style>

‎src/accordion/keyboard-interaction.ts‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
import { loadCultureFiles } from '../common/culture-loader';
2+
/**
3+
* Accordion Keyboard Interaction Sample
4+
*/
5+
import { Accordion } from '@syncfusion/ej2-navigations';
6+
7+
(window as any).default = (): void => {
8+
loadCultureFiles();
9+
// tslint:disable:max-line-length
10+
let acrdnObj: Accordion = new Accordion({ //Initialize Accordion component
11+
items : [
12+
{ header: 'ASP.NET', expanded: true, content: 'Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser. ASP.NET pages use a compiled,event-driven programming model that improves performance and enables the separation of application logic and user interface.' },
13+
{ header: 'ASP.NET MVC', content : 'The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications. The ASP.NET MVC framework is a lightweight, highly testable presentation framework that (as with Web Forms-based applications) is integrated with existing ASP.NET features, such as master pages and membership-based authentication.' },
14+
{ header: 'JavaScript', content: 'JavaScript (JS) is an interpreted computer programming language.It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.More recently, however, it has become common in both game development and the creation of desktop applications.' }
15+
]
16+
});
17+
// tslint:enable:max-line-length
18+
acrdnObj.appendTo('#Accordion_keyboard_interaction'); //Render initialized Accordion component
19+
};

‎src/accordion/right-to-left.ts‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,9 @@
1-
import { loadCultureFiles } from '../common/culture-loader';
21
/**
32
* Accordion RTL Sample
43
*/
54
import { Accordion } from '@syncfusion/ej2-navigations';
65

7-
(window as any).default = (): void => {
8-
loadCultureFiles();
6+
(window as any).default = () => {
97
//Initialize Accordion component
108
let acrdnObj: Accordion = new Accordion({
119
enableRtl: true,

‎src/accordion/sample.json‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,13 @@
2424
"category": "Accordion",
2525
"description":"The sample demonstrates how to represent pane headers with an icon in Accordion control which populates from items collection in TypeScript platform.",
2626
"api": {"AccordionItem": ["iconCss"] }
27+
},
28+
{
29+
"url": "keyboard-interaction",
30+
"name": "Keyboard Interaction",
31+
"category": "Accordion",
32+
"description":"The sample showcases the keyboard shortcuts applicable on Accordion control in TypeScript platform.",
33+
"api": {"AccordionItem": ["header", "content", "expanded"], "Accordion":["items"] }
2734
}
2835
]
2936
}

‎src/auto-complete/grouping-icon.html‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -53,7 +53,8 @@ <h4> Icons</h4>
5353
}
5454
.material-dark .e-list-icon,
5555
.bootstrap5-dark .e-list-icon,
56-
.tailwind-dark .e-list-icon {
56+
.tailwind-dark .e-list-icon,
57+
.fluent-dark .e-list-icon {
5758
color: #fff;
5859
}
5960

‎src/auto-complete/template.html‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -61,6 +61,40 @@
6161
background-color: #000;
6262
}
6363

64+
.fluent-dark .header {
65+
background: #252423;
66+
color: #2899F5;
67+
}
68+
69+
.bootstrap5-dark .header {
70+
background: #343A40;
71+
color: #7B848D;
72+
}
73+
74+
.fluent .header{
75+
color: #2899F5;
76+
}
77+
78+
.tailwind-dark .header {
79+
background: #374151;
80+
color: rgb(255, 255, 255);
81+
}
82+
83+
.material-dark .header {
84+
background: rgb(66, 66, 66);
85+
color: rgb(255, 255, 255);
86+
}
87+
88+
.fabric-dark .header {
89+
background: rgb(40, 39, 39);
90+
color: rgb(255, 255, 255);
91+
}
92+
93+
.bootstrap-dark .header {
94+
background: rgb(49, 49, 49);
95+
color: rgb(255, 255, 255);
96+
}
97+
6498
.bootstrap .header {
6599
background-color: #f5f5f5;
66100
border-bottom: 1px solid #ccc;

0 commit comments

Comments
 (0)