Skip to content

Commit ebae479

Browse files
author
pipeline
committed
v19.2.44 is released
1 parent 1ad1681 commit ebae479

File tree

651 files changed

+57023
-2309
lines changed

Some content is hidden

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

651 files changed

+57023
-2309
lines changed

‎config.json

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -101,7 +101,6 @@
101101
"validation",
102102
"editing",
103103
"timeline",
104-
"progressbar",
105-
null
104+
"progressbar"
106105
]
107106
}

‎index.html

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -174,7 +174,7 @@
174174
<span class='sb-download-text'>FREE TRIAL</span>
175175
</button>
176176
</a>
177-
<a href='https://www.npmjs.com/search?q=ej2-javascript' target="_blank" style=" display: none; ">
177+
<a href='https://www.npmjs.com/search?q=ej2-javascript' target="_blank">
178178
<button class='sb-npm-btn'>
179179
<img class="npm-svg" src="styles/images/NPM.svg" alt="npm icon"><span class="doc-npm-link">Install NPM</span>
180180
</button>
@@ -228,6 +228,14 @@
228228
<span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
229229
<span class="switch-text">Bootstrap v4</span>
230230
</li>
231+
<li class="e-list" id="tailwind" role="listitem">
232+
<span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
233+
<span class="switch-text">Tailwind</span>
234+
</li>
235+
<!--<li class="e-list" id="tailwind-dark" role="listitem">-->
236+
<!-- <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>-->
237+
<!-- <span class="switch-text">Tailwind Dark</span>-->
238+
<!--</li>-->
231239
<li class="e-list" id="highcontrast">
232240
<span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
233241
<span class="switch-text">High Contrast</span>
@@ -251,6 +259,8 @@
251259
<option value="fabric">Fabric</option>
252260
<option value="bootstrap">Bootstrap</option>
253261
<option value="bootstrap4">Bootstrap v4</option>
262+
<!--<option value="tailwind-dark">Tailwind Dark</option>-->
263+
<option value="tailwind">Tailwind</option>
254264
<option value="highcontrast">High Contrast</option>
255265
</select>
256266
</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-javascript-samples",
3-
"version": "19.1.63",
3+
"version": "19.2.44",
44
"description": "Examples of JavaScript (ES5) UI Controls",
55
"author": "Syncfusion Inc.",
66
"license": "SEE LICENSE IN license",

‎src/auto-complete/custom-filtering-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/auto-complete/custom-filtering/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=\"col-lg-12 control-section\" style=\"height: 400px;\">\n <div class=\"control-wrapper\">\n <div style=\"padding-top:70px;\">\n <input type=\"text\" tabindex=\"1\" id=\"books\">\n </div>\n </div>\n</div>\n\n\n\n\n","index.js":"{{ripple}}\n // define the JSON of data\n \n // initialize AutoComplete component\n var atcObj = new ej.dropdowns.AutoComplete({\n // set the data to dataSource property\n dataSource: window.booksData,\n // maps the appropriate column to fields property\n fields: { value: 'BookName' },\n // set placeholder to AutoComplete input element\n placeholder: 'e.g. Node.js Succinctly',\n // Bind the filter event\n filtering: function (e) {\n var options = {\n keys: ['BookName'],\n includeMatches: true,\n findAllMatches: true\n };\n // create object from Fuse constructor\n var fuse = new Fuse(window.booksData, options);\n // store the search result data based on typed characters\n var result = fuse.search(e.text);\n var data = [];\n for (var i = 0; i < result.length; i++) {\n data.push(result[i].item);\n }\n // pass the filter data source to updateData method.\n e.updateData(data, null);\n var popupElement = document.getElementById('books_popup');\n var lists = popupElement.querySelectorAll('.e-list-item');\n // For highlight the typed characters, pass the result data and list items to highlightSearch method.\n highlightSearch(lists, result);\n }\n });\n atcObj.appendTo('#books');\n loadExternalFile();\n // Dynamically load the fuse.js file\n function loadExternalFile() {\n var script = document.createElement('script');\n script.src = 'dist/fuse.min.js';\n document.getElementsByTagName('head')[0].appendChild(script);\n }\n\n function highlightSearch(listItems, result) {\n if (result.length > 0) {\n for (var i = 0; i < listItems.length; i++) {\n var innerHTML = listItems[i].innerHTML;\n for (var j = result[i].matches[0].indices.length - 1; j >= 0; j--) {\n var indexes = result[i].matches[0].indices[j];\n innerHTML = innerHTML.substring(0, indexes[0]) + '<span class=\"e-highlight\">' +\n innerHTML.substring(indexes[0], (indexes[1] + 1)) + '</span>' + innerHTML.substring(indexes[1] + 1);\n listItems[i].innerHTML = innerHTML;\n }\n }\n }\n }\n"}
1+
{"index.html":"<html><head><script src=\"//ej2.syncfusion.com/javascript/demos/auto-complete/custom-filtering/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=\"col-lg-12 control-section\" style=\"height: 400px;\">\n <div class=\"control-wrapper\">\n <div style=\"padding-top:70px;\">\n <input type=\"text\" tabindex=\"1\" id=\"books\">\n </div>\n </div>\n</div>\n\n\n\n\n","index.js":"{{ripple}}\n // define the JSON of data\n \n // initialize AutoComplete component\n var atcObj = new ej.dropdowns.AutoComplete({\n // set the data to dataSource property\n dataSource: window.booksData,\n // maps the appropriate column to fields property\n fields: { value: 'BookName' },\n // set placeholder to AutoComplete input element\n placeholder: 'e.g. Node.js Succinctly',\n // Bind the filter event\n filtering: function (e) {\n var options = {\n keys: ['BookName'],\n includeMatches: true,\n findAllMatches: true\n };\n // create object from Fuse constructor\n var fuse = new Fuse(window.booksData, options);\n // store the search result data based on typed characters\n var result = fuse.search(e.text);\n var data = [];\n for (var i = 0; i < result.length; i++) {\n data.push(result[i].item);\n }\n // pass the filter data source to updateData method.\n e.updateData(data, null);\n var popupElement = document.getElementById('books_popup');\n if (popupElement)\n {\n var lists = popupElement.querySelectorAll('.e-list-item');\n // For highlight the typed characters, pass the result data and list items to highlightSearch method.\n highlightSearch(lists, result);\n }\n }\n });\n atcObj.appendTo('#books');\n loadExternalFile();\n // Dynamically load the fuse.js file\n function loadExternalFile() {\n var script = document.createElement('script');\n script.src = 'dist/fuse.min.js';\n document.getElementsByTagName('head')[0].appendChild(script);\n }\n\n function highlightSearch(listItems, result) {\n if (result.length > 0) {\n for (var i = 0; i < listItems.length; i++) {\n var innerHTML = listItems[i].innerHTML;\n for (var j = result[i].matches[0].indices.length - 1; j >= 0; j--) {\n var indexes = result[i].matches[0].indices[j];\n innerHTML = innerHTML.substring(0, indexes[0]) + '<span class=\"e-highlight\">' +\n innerHTML.substring(indexes[0], (indexes[1] + 1)) + '</span>' + innerHTML.substring(indexes[1] + 1);\n listItems[i].innerHTML = innerHTML;\n }\n }\n }\n }\n"}

‎src/auto-complete/custom-filtering.js

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -27,9 +27,12 @@ this.default = function () {
2727
// pass the filter data source to updateData method.
2828
e.updateData(data, null);
2929
var popupElement = document.getElementById('books_popup');
30-
var lists = popupElement.querySelectorAll('.e-list-item');
31-
// For highlight the typed characters, pass the result data and list items to highlightSearch method.
32-
highlightSearch(lists, result);
30+
if (popupElement)
31+
{
32+
var lists = popupElement.querySelectorAll('.e-list-item');
33+
// For highlight the typed characters, pass the result data and list items to highlightSearch method.
34+
highlightSearch(lists, result);
35+
}
3336
}
3437
});
3538
atcObj.appendTo('#books');

‎src/auto-complete/template-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/auto-complete/template/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=\"col-lg-12 control-section\" style=\"height: 400px;\">\n <div class=\"control-wrapper\">\n <div style=\"padding-top:70px;\">\n <input type=\"text\" tabindex=\"1\" id=\"employees\">\n </div>\n </div>\n</div>\n\n\n\n\n\n<style>\n .control-wrapper {\n margin: 0 auto;\n width: 300px;\n }\n\n .header {\n font-weight: 600;\n color: rgba(0, 0, 0, .54);\n height: 48px;\n padding: 15px 0 0 16px;\n font-size: 16px;\n background-color: #f5f5f5;\n font-family: \"Segoe UI\", \"GeezaPro\", \"DejaVu Serif\";\n }\n\n\n .info {\n margin-left: 17px;\n }\n\n .ename {\n display: block !important;\n opacity: .87;\n font-size: 16px;\n margin-top: 8px;\n }\n\n .job {\n opacity: .54;\n font-size: 14px;\n margin-top: -15px;\n margin-bottom: 7px;\n }\n\n .empImage {\n margin: 6px 16px;\n float: left;\n width: 50px;\n height: 50px;\n }\n\n #employees_popup.e-popup .e-list-item * {\n display: block;\n text-indent: 0;\n }\n\n .e-bigger:not(.bootstrap) #employees_popup .e-dropdownbase .e-list-item {\n line-height: 42px;\n height: 80px;\n }\n\n .e-bigger:not(.bootstrap) #employees_popup.e-popup .empImage {\n margin: 10px 16px;\n }\n</style></div></body></html>","index.js":"{{ripple}}\n\n // initialize AutoComplete component\n var atcObj = new ej.dropdowns.AutoComplete({\n // set the local data to dataSource property\n dataSource: window.ddEmployeesList,\n // map the appropriate columns to fields property\n fields: { value: 'Name' },\n // set the template content for popup header element\n headerTemplate:\n '<div class=\"header\"> <span>Photo</span> <span class=\"info\">Employee Info</span></div>',\n // set the template content for list items\n itemTemplate: '<div><img class=\"empImage\" src=\"styles/images/Employees/${Eimg}.png\" alt=\"employee\"/>' +\n '<div class=\"ename\"> ${Name} </div><div class=\"job\"> ${Designation} </div></div>',\n // set the placeholder to AutoComplete input element\n placeholder: 'e.g. Andrew Fuller',\n // set the height of the popup element\n popupHeight: '450px'\n });\n atcObj.appendTo('#employees');\n"}
1+
{"index.html":"<html><head><script src=\"//ej2.syncfusion.com/javascript/demos/auto-complete/template/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=\"col-lg-12 control-section\" style=\"height: 400px;\">\n <div class=\"control-wrapper\">\n <div style=\"padding-top:70px;\">\n <input type=\"text\" tabindex=\"1\" id=\"employees\">\n </div>\n </div>\n</div>\n\n\n\n\n\n<style>\n .control-wrapper {\n margin: 0 auto;\n width: 300px;\n }\n\n .header {\n font-weight: 600;\n color: rgba(0, 0, 0, .54);\n height: 48px;\n padding: 15px 0 0 16px;\n font-size: 16px;\n background-color: #f5f5f5;\n font-family: \"Segoe UI\", \"GeezaPro\", \"DejaVu Serif\";\n }\n\n\n .info {\n margin-left: 17px;\n }\n\n .ename {\n display: block !important;\n opacity: .87;\n font-size: 16px;\n margin-top: 8px;\n }\n\n .job {\n opacity: .54;\n font-size: 14px;\n margin-top: -15px;\n margin-bottom: 7px;\n }\n\n .empImage {\n margin: 6px 16px;\n float: left;\n width: 50px;\n height: 50px;\n }\n\n #employees_popup.e-popup .e-list-item * {\n display: block;\n text-indent: 0;\n }\n\n .e-bigger:not(.bootstrap) #employees_popup .e-dropdownbase .e-list-item {\n line-height: 42px;\n height: 80px;\n }\n\n .e-bigger:not(.bootstrap) #employees_popup.e-popup .empImage {\n margin: 10px 16px;\n }\n\n .tailwind #employees_popup .job {\n margin-top: -7px;\n margin-bottom: 5px;\n }\n\n .e-bigger.tailwind #employees_popup .job {\n margin-top: -15px;\n margin-bottom: 5px;\n }\n\n</style></div></body></html>","index.js":"{{ripple}}\n\n // initialize AutoComplete component\n var atcObj = new ej.dropdowns.AutoComplete({\n // set the local data to dataSource property\n dataSource: window.ddEmployeesList,\n // map the appropriate columns to fields property\n fields: { value: 'Name' },\n // set the template content for popup header element\n headerTemplate:\n '<div class=\"header\"> <span>Photo</span> <span class=\"info\">Employee Info</span></div>',\n // set the template content for list items\n itemTemplate: '<div><img class=\"empImage\" src=\"styles/images/Employees/${Eimg}.png\" alt=\"employee\"/>' +\n '<div class=\"ename\"> ${Name} </div><div class=\"job\"> ${Designation} </div></div>',\n // set the placeholder to AutoComplete input element\n placeholder: 'e.g. Andrew Fuller',\n // set the height of the popup element\n popupHeight: '450px'\n });\n atcObj.appendTo('#employees');\n"}

‎src/auto-complete/template.html

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -165,4 +165,15 @@
165165
.e-bigger:not(.bootstrap) #employees_popup.e-popup .empImage {
166166
margin: 10px 16px;
167167
}
168+
169+
.tailwind #employees_popup .job {
170+
margin-top: -7px;
171+
margin-bottom: 5px;
172+
}
173+
174+
.e-bigger.tailwind #employees_popup .job {
175+
margin-top: -15px;
176+
margin-bottom: 5px;
177+
}
178+
168179
</style>

0 commit comments

Comments
 (0)