Skip to content

Commit 6f6f143

Browse files
author
pipeline
committed
v19.3.43 is released
1 parent ebae479 commit 6f6f143

File tree

1,029 files changed

+25860
-12048
lines changed

Some content is hidden

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

1,029 files changed

+25860
-12048
lines changed

‎README.md

Lines changed: 5 additions & 76 deletions
Original file line numberDiff line numberDiff line change
@@ -8,12 +8,14 @@ Add your sample order in the `src/common/sampleOrder.json` with corresponding ca
88

99
**Note:** Do not use whitespace at any cause in the folder’s name. Use “-” instead of space.
1010

11+
1112
### Configure the folder and sample
1213

1314
Create the “sample.json” file inside of your control folder. Create your sample html and js file in same folder also the html and js files should have the same names.
1415

1516
**Note:** Do not use whitespace at any cause in the file’s name. Use “-” instead of space.
1617

18+
1719
### Configure Sample JSON
1820

1921
Configure your sample json file as like below code snippet.
@@ -73,91 +75,18 @@ https://gitlab.syncfusion.com/essential-studio/ej2-javascript-samples/blob/19761
7375

7476
**Note:** Each component should include one datasource file only.
7577

76-
# Using the samples
77-
78-
## Installing
79-
80-
Before installation check `@syncfusion:registry=http://nexus.syncfusion.com/repository/ej2-production/` is available in npmrc file. Then use the below command to install all dependent packages.
81-
82-
```
83-
npm install
84-
```
85-
## Testing
86-
87-
Use `npm run test` command to compile the source files. It calls the following tasks synchronously,
88-
89-
1. Build
90-
2. Styles ship
91-
3. Site-map generate.
92-
93-
### Build
94-
95-
Use the below command to generate scripts, styles, locale and sample lists.
96-
97-
```
98-
gulp build
99-
```
100-
It runs the following tasks synchronously,
101-
102-
1. Scripts
103-
2. Styles
104-
105-
#### **Scripts**
106-
107-
It compiles the Typescript files and use the below command to run this task.
108-
109-
```
110-
gulp scripts
111-
```
112-
113-
#### **Styles**
114-
115-
The command `gulp styles` is used to compile default themes. It calls the following two tasks synchronously.
116-
117-
1. Default theme
118-
2. Compile styles
119-
120-
#### Default theme
121-
122-
Use the below command to generate default theme files.
123-
124-
```
125-
gulp default-theme
126-
```
127-
128-
#### Compile Styles
129-
It compiles the scss file to css file. To run this task use the below command,
130-
131-
```
132-
gulp compile-styles
133-
```
134-
135-
### Styles Shipping
136-
137-
It copies css files for themes from node_modules. Use the below command to run it individual.
138-
139-
```
140-
gulp styles-shipping
141-
```
142-
143-
### Site map generation
144-
The below command combines sample of all components and store it in sitemap-demos.xml file to index our components, samples, documents in search engine.
145-
146-
```
147-
gulp sitemap-generate
148-
```
149-
150-
## Run your sample browser
78+
## Run the sample browser
15179

15280
We can run the sample browser with two commands
15381

15482
1. **gulp _serve_** – run the sample browser alone.
155-
2. **gulp _watch_** – run the sample browser and monitor javascript as well. This will help at development time. If any changes detect means it will automatically compile and browser will reloaded.
83+
2. **gulp _watch_** – run the sample browser and monitor typescript as well. This will help at development time. If any changes detect means it will automatically compile and browser will reloaded.
15684

15785
```
15886
gulp serve
15987
```
16088

89+
16190
**Access URLs:**
16291

16392
Local URL is works only in your machine.

‎index.html

Lines changed: 353 additions & 290 deletions
Large diffs are not rendered by default.

‎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-javascript-samples",
3-
"version": "19.2.44",
3+
"version": "19.3.43",
44
"description": "Examples of JavaScript (ES5) UI Controls",
55
"author": "Syncfusion Inc.",
66
"license": "SEE LICENSE IN license",

‎src/accordion/ajax-content.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
.e-accordion table {
33
border-collapse: collapse;
44
border-spacing: 0;
5-
width: 100%;
5+
width: 95%;
66
}
77

88
.e-accordion table th,

‎src/accordion/ajax-stack.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
{"index.html":"<html><head><script src=\"//ej2.syncfusion.com/javascript/demos/accordion/ajax/datasource.js\" type=\"text/javascript\"></script>\n<script src=\"https://cdn.syncfusion.com/ej2/dist/ej2.min.js\" type=\"text/javascript\"></script>\n <link href=\"https://cdn.syncfusion.com/ej2/material.css\" rel=\"stylesheet\">\n\n <link href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\" rel=\"stylesheet\">\n\n <style>\n body{\n touch-action:none;\n }\n </style></head><body><div class=\"stackblitz-container {{theme}}\"><div class=\"control-section\">\n <div class=\"control_wrapper accordion-control-section\">\n <div class=\"product_title\"> iPhone X Product Specification </div>\n <div id=\"Accordion_Nested\"></div>\n </div>\n <div id=\"Sensor_features\" style=\"display:none\">\n <table>\n <tbody><tr>\n <td class=\"e-bold\">Proximity sensor</td>\n <td>Yes</td>\n </tr>\n <tr>\n <td class=\"e-bold\">Face ID</td>\n <td>Yes</td>\n </tr>\n <tr>\n <td class=\"e-bold\">Accelerometer</td>\n <td>Yes</td>\n </tr>\n </tbody></table>\n </div>\n <div id=\"Hard_Soft_features\" style=\"display:none\">\n <table>\n <tbody><tr>\n <th rowspan=\"3\"> Hardware</th>\n <td class=\"e-bold\" rowspan=\"2 \">Chip</td>\n <td>Apple A11 Bionic chip with 64-bit architecture</td>\n </tr>\n <tr>\n <td>Embedded M11 motion coprocessor</td>\n </tr>\n <tr>\n <td class=\"e-bold\">Capacity</td>\n <td>64GB/256GB</td>\n </tr>\n <tr>\n <th> Software</th>\n <td class=\"e-bold\" rowspan=\"2 \">Operating System</td>\n <td>iOS 11</td>\n </tr>\n </tbody></table>\n </div>\n <div id=\"Video_Rec_features\" style=\"display:none\">\n <table>\n <tbody><tr>\n <th class=\"e-bold\" rowspan=\"9\">Video Recording</th>\n </tr>\n <tr>\n <td class=\"e-bold\">4K video recording</td>\n </tr>\n <tr>\n <td class=\"e-bold\">1080p &amp; 720p HD video recording</td>\n </tr>\n <tr>\n <td class=\"e-bold\">Optical zoom, 6x digital zoom</td>\n </tr>\n <tr>\n <td class=\"e-bold\">Slow motion video support</td>\n </tr>\n <tr>\n <td class=\"e-bold\">Take 8MP still photos while recording 4K video</td>\n </tr>\n <tr>\n <td class=\"e-bold\">Noise reduction</td>\n </tr>\n </tbody></table>\n </div>\n <div id=\"Camera_features\" style=\"display:none\">\n <table>\n <tbody><tr>\n <th class=\"e-bold\" rowspan=\"3\">Camera</th>\n <td class=\"e-bold\"> 12MP wide-angle</td>\n </tr>\n <tr>\n <td class=\"e-bold\">Live Photos with stabilization</td>\n </tr>\n <tr>\n <td class=\"e-bold\">Body and face detection</td>\n </tr>\n <tr>\n <th class=\"e-bold\" rowspan=\"4\">TrueDepth Camera</th>\n <td class=\"e-bold\"> 7MP camera</td>\n </tr>\n <tr>\n <td class=\"e-bold\"> Animoji</td>\n </tr>\n <tr>\n <td class=\"e-bold\"> Face detection</td>\n </tr>\n </tbody></table>\n </div>\n <div id=\"source_link\">Source: &nbsp;\n <a href=\"https://www.apple.com/iphone-x/specs/\" target=\"_blank\">www.apple.com/iphone-x/specs/</a>\n </div>\n</div>\n\n\n<style>\n @-moz-document url-prefix() {\n .e-accordion .e-content table {\n border-collapse: initial;\n }\n }\n \n .e-accordion table {\n border-collapse: collapse;\n border-spacing: 0;\n width: 100%;\n }\n \n .e-accordion table th,\n .e-accordion table td {\n font-weight: normal;\n padding: 5px;\n text-align: left;\n border: 1px solid #ddd\n }\n \n .product_title {\n text-align: center;\n margin: 20px 0;\n padding: 10px 0;\n text-overflow: ellipsis;\n font-weight: bold;\n font-size: 16px;\n }\n \n .accordion-control-section {\n margin: 0 10% 0 10%;\n padding-bottom: 25px;\n }\n\n</style></div></body></html>","index.js":"{{ripple}}/**\n * Accordion Ajax Sample\n */\nvar acrdnObj,nestAcrdn;\n\n var ajax = new ej.base.Ajax('//ej2.syncfusion.com/javascript/demos/src/accordion/ajax-content.html', 'GET', true);\n ajax.send().then();\n ajax.onSuccess = function (data) {\n //Initialize Accordion component\n acrdnObj = new ej.navigations.Accordion({\n expandMode: 'Single',\n expanding: expand,\n items: [\n { header: 'Network & Connectivity', content: data, expanded: true },\n { header: 'Feature', content: '<div id=\"nested_Acc\"></div>' },\n { header: 'Hardware & Software', content: '#Hard_Soft_features' }\n ]\n });\n //Render initialized Accordion component\n acrdnObj.appendTo('#Accordion_Nested');\n };\n\n//Expanding Event function for Accordion component.\nfunction expand(e) {\n if (e.isExpanded && [].indexOf.call(this.items, e.item) === 1) {\n if (e.element.querySelectorAll('.e-accordion').length > 0) {\n return;\n }\n //Initialize Nested Accordion component\n nestAcrdn = new ej.navigations.Accordion({\n expandMode: 'Single',\n items: [\n { header: 'Sensor', content: '#Sensor_features' },\n { header: 'Camera', content: '#Camera_features' },\n { header: 'Video Recording', content: '#Video_Rec_features' },\n ]\n });\n //Render initialized Nested Accordion component\n nestAcrdn.appendTo('#nested_Acc');\n }\n}\n\n\n "}
1+
{"index.html":"<html><head><script src=\"//ej2.syncfusion.com/javascript/demos/accordion/ajax/datasource.js\" type=\"text/javascript\"></script>\n<script src=\"https://cdn.syncfusion.com/ej2/dist/ej2.min.js\" type=\"text/javascript\"></script>\n <link href=\"https://cdn.syncfusion.com/ej2/material.css\" rel=\"stylesheet\">\n\n <link href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\" rel=\"stylesheet\">\n\n <style>\n body{\n touch-action:none;\n }\n </style></head><body><div class=\"stackblitz-container {{theme}}\"><div class=\"control-section\">\n <div class=\"control_wrapper accordion-control-section\">\n <div class=\"product_title\"> iPhone X Product Specification </div>\n <div id=\"Accordion_Nested\"></div>\n </div>\n <div id=\"Sensor_features\" style=\"display:none\">\n <table>\n <tbody><tr>\n <td class=\"e-bold\">Proximity sensor</td>\n <td>Yes</td>\n </tr>\n <tr>\n <td class=\"e-bold\">Face ID</td>\n <td>Yes</td>\n </tr>\n <tr>\n <td class=\"e-bold\">Accelerometer</td>\n <td>Yes</td>\n </tr>\n </tbody></table>\n </div>\n <div id=\"Hard_Soft_features\" style=\"display:none\">\n <table>\n <tbody><tr>\n <th rowspan=\"3\"> Hardware</th>\n <td class=\"e-bold\" rowspan=\"2 \">Chip</td>\n <td>Apple A11 Bionic chip with 64-bit architecture</td>\n </tr>\n <tr>\n <td>Embedded M11 motion coprocessor</td>\n </tr>\n <tr>\n <td class=\"e-bold\">Capacity</td>\n <td>64GB/256GB</td>\n </tr>\n <tr>\n <th> Software</th>\n <td class=\"e-bold\" rowspan=\"2 \">Operating System</td>\n <td>iOS 11</td>\n </tr>\n </tbody></table>\n </div>\n <div id=\"Video_Rec_features\" style=\"display:none\">\n <table>\n <tbody><tr>\n <th class=\"e-bold\" rowspan=\"6\">Video Recording</th>\n <td class=\"e-bold\">4K video recording</td>\n </tr>\n <tr>\n <td class=\"e-bold\">1080p &amp; 720p HD video recording</td>\n </tr>\n <tr>\n <td class=\"e-bold\">Optical zoom, 6x digital zoom</td>\n </tr>\n <tr>\n <td class=\"e-bold\">Slow motion video support</td>\n </tr>\n <tr>\n <td class=\"e-bold\">Take 8MP still photos while recording 4K video</td>\n </tr>\n <tr>\n <td class=\"e-bold\">Noise reduction</td>\n </tr>\n </tbody></table>\n </div>\n <div id=\"Camera_features\" style=\"display:none\">\n <table>\n <tbody><tr>\n <th class=\"e-bold\" rowspan=\"3\">Camera</th>\n <td class=\"e-bold\"> 12MP wide-angle</td>\n </tr>\n <tr>\n <td class=\"e-bold\">Live Photos with stabilization</td>\n </tr>\n <tr>\n <td class=\"e-bold\">Body and face detection</td>\n </tr>\n <tr>\n <th class=\"e-bold\" rowspan=\"4\">TrueDepth Camera</th>\n <td class=\"e-bold\"> 7MP camera</td>\n </tr>\n <tr>\n <td class=\"e-bold\"> Animoji</td>\n </tr>\n <tr>\n <td class=\"e-bold\"> Face detection</td>\n </tr>\n </tbody></table>\n </div>\n <div id=\"source_link\">Source: &nbsp;\n <a href=\"https://www.apple.com/iphone-x/specs/\" target=\"_blank\">www.apple.com/iphone-x/specs/</a>\n </div>\n</div>\n\n\n<style>\n @-moz-document url-prefix() {\n .e-accordion .e-content table {\n border-collapse: initial;\n }\n }\n \n .e-accordion table {\n border-collapse: collapse;\n border-spacing: 0;\n width: 100%;\n }\n \n .e-accordion table th,\n .e-accordion table td {\n font-weight: normal;\n padding: 5px;\n text-align: left;\n border: 1px solid #ddd\n }\n \n .product_title {\n text-align: center;\n margin: 20px 0;\n padding: 10px 0;\n text-overflow: ellipsis;\n font-weight: bold;\n font-size: 16px;\n }\n \n .accordion-control-section {\n margin: 0 10% 0 10%;\n padding-bottom: 25px;\n }\n\n</style></div></body></html>","index.js":"{{ripple}}/**\n * Accordion Ajax Sample\n */\nvar acrdnObj,nestAcrdn;\n\n var ajax = new ej.base.Ajax('//ej2.syncfusion.com/javascript/demos/src/accordion/ajax-content.html', 'GET', true);\n ajax.send().then();\n ajax.onSuccess = function (data) {\n //Initialize Accordion component\n acrdnObj = new ej.navigations.Accordion({\n expandMode: 'Single',\n expanding: expand,\n items: [\n { header: 'Network & Connectivity', content: data, expanded: true },\n { header: 'Feature', content: '<div id=\"nested_Acc\"></div>' },\n { header: 'Hardware & Software', content: '#Hard_Soft_features' }\n ]\n });\n //Render initialized Accordion component\n acrdnObj.appendTo('#Accordion_Nested');\n };\n\n//Expanding Event function for Accordion component.\nfunction expand(e) {\n if (e.isExpanded && [].indexOf.call(this.items, e.item) === 1) {\n if (e.element.querySelectorAll('.e-accordion').length > 0) {\n return;\n }\n //Initialize Nested Accordion component\n nestAcrdn = new ej.navigations.Accordion({\n expandMode: 'Single',\n items: [\n { header: 'Sensor', content: '#Sensor_features' },\n { header: 'Camera', content: '#Camera_features' },\n { header: 'Video Recording', content: '#Video_Rec_features' },\n ]\n });\n //Render initialized Nested Accordion component\n nestAcrdn.appendTo('#nested_Acc');\n }\n}\n\n\n "}

‎src/accordion/ajax.html

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -43,9 +43,7 @@
4343
<div id='Video_Rec_features' style="display:none">
4444
<table>
4545
<tr>
46-
<th class='e-bold' rowspan='9'>Video Recording</th>
47-
</tr>
48-
<tr>
46+
<th class='e-bold' rowspan='6'>Video Recording</th>
4947
<td class='e-bold'>4K video recording</td>
5048
</tr>
5149
<tr>

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

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -51,6 +51,19 @@ <h4> Icons</h4>
5151
.bootstrap4 .e-list-icon{
5252
color: #495057;
5353
}
54+
.material-dark .e-list-icon,
55+
.bootstrap5-dark .e-list-icon,
56+
.tailwind-dark .e-list-icon {
57+
color: #fff;
58+
}
59+
60+
.bootstrap-dark .e-list-icon {
61+
color: #f0f0f0;
62+
}
63+
64+
.fabric-dark .e-list-icon {
65+
color: #dadada;
66+
}
5467

5568
/* custom code end*/
5669
.e-list-icon {

0 commit comments

Comments
 (0)