v20.4.38 is released

Author: pipeline

auto-complete/template/styles/images/Employees/1.png

@@ -97,7 +97,7 @@
                 <div class="sb-home-text">
                     <span>HOME</span>
                 </div>
-                <a id="sb-home" href="https://ej2.syncfusion.com/home/javascript.html"></a>
+                <a id="sb-home" href="https://ej2.syncfusion.com/home/javascript.html" aria-label="Sample home page"></a>
             </div>
             <div class='sb-control-navigation'>
                 <div id="controlTree" class='e-view'></div>
@@ -111,11 +111,11 @@
             </div>
             <div class='sb-left-footer'>
                 <div class="sb-mobile-header-buttons">
-                    <a href='https://www.syncfusion.com/javascript-ui-controls' target="_blank">
+                    <a href='https://www.syncfusion.com/javascript-ui-controls' target="_blank" aria-label="About javscript control">
                         <div class="sb-mobile-header-about">
                             About</div>
                     </a>
-                    <a href='https://www.syncfusion.com/downloads/essential-js2' target="_blank">
+                    <a href='https://www.syncfusion.com/downloads/essential-js2' target="_blank" aria-label="Pricing javascript control">
                         <div class="sb-mobile-header-price">Pricing</div>
                     </a>
                 </div>
@@ -184,12 +184,12 @@
                 <div class="sb-header-item sb-table-cell  sb-header-settings sb-icons"></div>
                 <div class="sb-header-splitter sb-download-splitter"></div>
                 <div class='sb-header-item sb-table-cell sb-download-wrapper'>
-                    <a href='https://www.syncfusion.com/downloads/essential-js2' target="_blank">
+                    <a href='https://www.syncfusion.com/downloads/essential-js2' target="_blank" aria-label="Download Free Trail">
                         <button id='download-now' class='sb-download-btn'>
                             <span class='sb-download-text'>FREE TRIAL</span>
                         </button>
                     </a>
-                    <a href='https://www.npmjs.com/search?q=ej2-javascript' target="_blank">
+                    <a href='https://www.npmjs.com/search?q=ej2-javascript' target="_blank" aria-label="Install NPM">
                         <button class='sb-npm-btn'>
                             <img class="npm-svg" src="styles/images/NPM.svg" alt="npm icon"><span
                                 class="doc-npm-link">Install NPM</span>
@@ -285,7 +285,7 @@
                             <span class="switch-text">High Contrast</span>
                         </li>
                     </ul>
-                    <div class="sb-theme-studio"><a target="_blank" href="https://ej2.syncfusion.com/themestudio/?theme=material">Go to Theme Studio</a></div>
+                    <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>
             </div>
             <div id='settings-popup' class='sb-setting-popup'>
                 <div class='sb-setting-header'>
@@ -379,7 +379,7 @@
                 </div>
                 <div class='sb-desktop-wrapper'>
                     <div id='component-name' role='header' class='sb-component-name sb-rightpane-padding'>
-                        <h1 class='sb-sample-text'>Chart</h1>
+                        <h1 class='sb-sample-text' role="heading" aria-level="1">Chart</h1>
                     </div>
                     <div id='sample-bread-crumb' class='sb-bread-crumb sb-rightpane-padding'>
                         <div class='sb-bread-crumb-text'>
@@ -390,7 +390,7 @@ <h1 class='sb-sample-text'>Chart</h1>
                             <div class='crumb-sample '></div>
                         </div>
 
-                        <a id="sb-home" href="https://ej2.syncfusion.com/home/javascript.html"></a>
+                        <a id="sb-home" href="https://ej2.syncfusion.com/home/javascript.html" aria-label="Sample home page"></a>
                     </div>
                     <div class='sb-action-description sb-rightpane-padding'></div>
                     <div class='sb-content-tab' id='content-tab'>
@@ -484,7 +484,7 @@ <h1 class='sb-sample-text'>Chart</h1>
                                             </div>
                                         </div>
                                         <a style="color:#ffff;text-decoration:none;"
-                                            href="https://www.syncfusion.com/downloads/essential-js2">
+                                            href="https://www.syncfusion.com/downloads/essential-js2" aria-label="TRY IT FOR FREE">
                                             <div class="free-trial">TRY IT FOR FREE</div>
                                         </a>
                                     </div>
@@ -496,23 +496,23 @@ <h1 class='sb-sample-text'>Chart</h1>
                     <div class="sb-footer">
                         <div class="sb-footer-left">
                             <div class="sb-footer-links">
-                                <a href="https://ej2.syncfusion.com/javascript/documentation/" target="_blank">
+                                <a href="https://ej2.syncfusion.com/javascript/documentation/" target="_blank" aria-label="Documentation link">
                                     <div class="sb-footer-link">Documentation</div>
                                 </a>
-                                <a href="https://www.syncfusion.com/forums/essential-js2" target="_blank">
+                                <a href="https://www.syncfusion.com/forums/essential-js2" target="_blank" aria-label="Forum link">
                                     <div class="sb-footer-link">Forum</div>
                                 </a>
-                                <a href="https://syncfusion.com/blogs" target="_blank">
+                                <a href="https://syncfusion.com/blogs" target="_blank" aria-label="Blog link">
                                     <div class="sb-footer-link">Blog</div>
                                 </a>
-                                <a href="https://www.syncfusion.com/kb" target="_blank">
+                                <a href="https://www.syncfusion.com/kb" target="_blank" aria-label="Knowledge base">
                                     <div class="sb-footer-link">Knowledge Base</div>
                                 </a>
                             </div>
                             <div class="sb-footer-copyright"></div>
                         </div>
                         <div class="sb-footer-logo">
-                            <a href="https://www.syncfusion.com/" target="_blank">
+                            <a href="https://www.syncfusion.com/" target="_blank" aria-label="Sample footer logo">
                                 <div class="sb-footer-logo-icon"></div>
                             </a>
                         </div>
@@ -553,4 +553,4 @@ <h1 class='sb-sample-text'>Chart</h1>
     <script src="src/common/index.min.js" type="text/javascript"></script>
 </body>
 
-</html>
+</html>

src/rich-text-editor/images/10.png renamed to auto-complete/template/styles/images/Employees/10.png

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-javascript-samples",
-  "version": "20.3.56",
+  "version": "20.4.38",
   "description": "Examples of JavaScript (ES5) UI Controls",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",

auto-complete/template/styles/images/Employees/2.png

@@ -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/20.2.36/dist/ej2.min.js\" type=\"text/javascript\"></script>\n    <link href=\"https://cdn.syncfusion.com/ej2/20.2.36/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   "}
+{"index.html":"<html><head><script src=\"//npmci.syncfusion.com/development/demos/accordion/ajax/datasource.js\" type=\"text/javascript\"></script>\n<script src=\"https://cdn.syncfusion.com/ej2/20.3.47/dist/ej2.min.js\" type=\"text/javascript\"></script>\n    <link href=\"https://cdn.syncfusion.com/ej2/20.3.47/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('//npmci.syncfusion.com/development/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   "}