v28.1.33 is released

Author: pipeline

gulpfile.js

@@ -285,10 +285,9 @@ function combineSampleList(platform, seo, done) {
             for (var i = 0; i < orderKeys.length; i++) {
                 console.log('Category : ' + orderKeys[i]);
                 var components = sampleOrder[orderKeys[i]];
-                let category = orderKeys[i];
                 for (var j = 0; j < components.length; j++) {
                     console.log('Component : ' + components[j]);
-                    var currentData = getSamples(data, components[j], category);
+                    var currentData = getSamples(data, components[j]);
                     currentData.order = i;
                     result.push(currentData);
                 }
@@ -350,11 +349,11 @@ function getSampleOrder(controls) {
     return controlWiseSampleOrder;
 }
 
-function getSamples(data, component, category) {
+function getSamples(data, component) {
     var dataList = Object.keys(data);
     for (var i = 0; i < dataList.length; i++) {
         var currentData = data[dataList[i]];
-        if (component === currentData.name && category === currentData.category) {
+        if (component === currentData.name) {
             return currentData;
         }
     }
@@ -465,4 +464,4 @@ gulp.task('serve', function(done) {
         };
         bs.init(options, done);
     });
-});
+});

index.html

@@ -20,6 +20,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="description"
         content="Explore and learn Syncfusion JavaScript (ES5) UI controls library using large collection of feature-wise examples for each components." />
+    <meta http-equiv="X-Frame-Options" content="SAMEORIGIN">
     <meta name="author" content="Syncfusion" />
     <link rel="shortcut icon" href="favicon.ico" />
     <link rel="manifest" href="./manifest.webmanifest">
@@ -28,7 +29,7 @@
     <link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
     </link>
     <link href="styles/highlight.css" rel="stylesheet" />
-    <link id="themelink" href="styles/fluent2.css" rel="stylesheet" />
+    <link id="themelink" href="styles/tailwind3.css" rel="stylesheet" />
     <link href="styles/index.css" rel="stylesheet" />
     <link href="src/common/lib/content/codemirror.css" rel="stylesheet">
     </link>
@@ -139,7 +140,7 @@
                 </div>
                 <div class='sb-header-item sb-table-cell'>
                     <div id='sb-header-text' class='e-sb-header-text'>
-                        <span class='sb-header-text-left'>Essential Studio for</span>
+                        <span class='sb-header-text-left'>Essential Studio<sup>®</sup> for</span>
                         <span class='sb-header-text-right' role="button" tabindex="0">JavaScript (ES5)</span>
                     </div>
                 </div>
@@ -257,19 +258,23 @@
                         <span class="sb-icons sb-theme-select sb-icon-icon-selection"></span>
                         <span class="switch-text">Fluent 2</span>
                     </li>
-                    <li class="e-list" id="tailwind" role="listitem">
+                    <li class="e-list" id="tailwind3" role="listitem">
                         <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
                         <span class="switch-text">Tailwind CSS</span>
                     </li>
                     <li class="e-list" id="fluent2-highcontrast" role="listitem">
                         <span class="sb-icons sb-theme-select sb-icon-icon-selection"></span>
                         <span class="switch-text">Fluent 2 High Contrast</span>
                     </li>
-                    <li class="e-list" id="highcontrast" role="listitem">
+                    <li class="e-list sb-hide" id="highcontrast" role="listitem">
                         <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
                         <span class="switch-text">High Contrast</span>
                     </li>
-                    <li class="e-list" id="fluent" role="listitem">
+                    <li class="e-list sb-hide" id="tailwind" role="listitem">
+                        <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
+                        <span class="switch-text">Tailwind</span>
+                    </li>
+                    <li class="e-list sb-hide" id="fluent" role="listitem">
                         <span class="sb-icons sb-theme-select sb-icon-icon-selection"></span>
                         <span class="switch-text">Fluent</span>
                     </li>
@@ -294,9 +299,10 @@
                                 <option value="material3">Material 3</option>
                                 <option value="bootstrap5">Bootstrap 5</option>
                                 <option value="fluent2">Fluent 2</option>
-                                <option value="tailwind">Tailwind CSS</option>
+                                <option value="tailwind3">Tailwind CSS</option>
                                 <option value="fluent2-highcontrast">Fluent 2 High Contrast</option>
                                 <option value="highcontrast">High Contrast</option>
+                                <option value="tailwind">Tailwind</option>
                                 <option value="fluent">Fluent</option>
                             </select>
                         </div>
@@ -448,7 +454,7 @@ <h1 class='sb-sample-text' aria-level="1" role="heading">Data Grid</h1>
                                 <div class="col-sm-12">
                                     <div class="col-sm-12">
                                         <div id="banner-head" class="banner-header">Transform your JavaScript web
-                                            apps today with Syncfusion Javascript controls</div>
+                                            apps today with Syncfusion<sup>®</sup> Javascript controls</div>
                                     </div>
                                     <div class="col-sm-12 cnt-area">
                                         <div class="content-area">

package.json

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

src/accordion/default-stack.json

@@ -1 +1 @@
-{"index.html":"<html><head><script src=\"//ej2.syncfusion.com/javascript/demos/accordion/default/datasource.js\" type=\"text/javascript\"></script>\n<script src=\"https://cdn.syncfusion.com/ej2/26.2.4/dist/ej2.min.js\" type=\"text/javascript\"></script>\n    <link href=\"https://cdn.syncfusion.com/ej2/26.2.4/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            .control-section{\n                margin-top:100px;\n            }\n        </style></head><body><div class=\"stackblitz-container {{theme}}\"><div class=\"control-section\">\n    <div class=\"control_wrapper accordion-control-section\">\n        <div id=\"Accordion_default\"></div>\n    </div>\n</div>\n\n\n","index.js":"{{ripple}}/**\n * Accordion Default Sample\n */\n\n    //Initialize Accordion component\n    var accordion = new ej.navigations.Accordion({\n        items: [\n            { 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.' },\n            { 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.' },\n            { 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.' }\n        ]\n    });\n    //Render initialized Accordion component\n    accordion.appendTo('#Accordion_default');\n"}
+{"index.html":"<html><head><script src=\"//ej2.syncfusion.com/javascript/demos/accordion/default/datasource.js\" type=\"text/javascript\"></script>\n<script src=\"https://cdn.syncfusion.com/ej2/27.1.48/dist/ej2.min.js\" type=\"text/javascript\"></script>\n    <link href=\"https://cdn.syncfusion.com/ej2/27.1.48/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            .control-section{\n                margin-top:100px;\n            }\n        </style></head><body><div class=\"stackblitz-container {{theme}}\"><div class=\"control-section\">\n    <div class=\"control_wrapper accordion-control-section\">\n        <div id=\"Accordion_default\"></div>\n    </div>\n</div>\n\n\n","index.js":"{{ripple}}/**\n * Accordion Default Sample\n */\n\n    //Initialize Accordion component\n    var accordion = new ej.navigations.Accordion({\n        items: [\n            { 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.' },\n            { 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.' },\n            { 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.' }\n        ]\n    });\n    //Render initialized Accordion component\n    accordion.appendTo('#Accordion_default');\n"}