v28.1.33 is released

Author: pipeline

gulpfile.js

@@ -40,11 +40,11 @@ function generateSearchIndex(sampleArray) {
     fs.writeFileSync('./src/common/search-index.json', JSON.stringify(instance.toJSON()));
 }
 
-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;
         }
     }
@@ -138,9 +138,8 @@ gulp.task('combine-samplelist', function() {
             var orderKeys = Object.keys(sampleOrder);
             for (var i = 0; i < orderKeys.length; i++) {
                 var components = sampleOrder[orderKeys[i]];
-                let category = orderKeys[i];
                 for (var j = 0; j < components.length; j++) {
-                    var currentData = getSamples(data, components[j], category);
+                    var currentData = getSamples(data, components[j]);
                     currentData['order'] = i;
                     result.push(currentData);
                 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ej2-vue-samples",
-  "version": "27.1.48",
+  "version": "28.1.33",
   "description": "Examples of Vue UI Components",
   "keywords": [],
   "dependencies": {
@@ -45,7 +45,7 @@
     "@xenova/transformers": "^2.17.2",
     "form-data": "^4.0.0",
     "openai": "^4.57.3",
-    "vue": "3.4.21",
+    "vue": "3.5.10",
     "vue-router": "4.2.4"
   },
   "devDependencies": {

public/index.html

@@ -18,14 +18,15 @@
     <title>Demos, Examples of Syncfusion Vue UI Components</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="description" content="Explore and learn Syncfusion Vue UI components 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">
     <link href="styles/bootstrap.min.css" rel="stylesheet" />
     <link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet"></link>
     <script>
         var themeName = location.hash.split('/')[1];
-        themeName = themeName ? themeName : 'fluent2';
+        themeName = themeName ? themeName : 'tailwind3';
         document.write('<link href="styles/' + (themeName.includes('bootstrap5') ? themeName.replace('bootstrap5', 'bootstrap5.3') : themeName) + '.css" rel="stylesheet" />');
     </script>
     <link href="styles/index.css" rel="stylesheet" />

public/styles/common.css

@@ -567,9 +567,7 @@ span.e-input-group.e-control-wrapper.e-ddl {
     padding-left: 6px;
     outline: none;
     width: 100%;
-    height: 100%;
     font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif";
-    min-height: 23px;
     background: #fff;
 }
 
@@ -1585,7 +1583,7 @@ propertye pane
     }
 
     .sb-icon-Palette:before {
-        font-size: 25px;
+        font-size: 18px;
     }
 
     .sb-setting-text {
@@ -1917,7 +1915,10 @@ propertye pane
 
 /*sb-hide */
 
-.sb-hide {
+.sb-hide,
+#sb-setting-theme_options li[data-value="highcontrast"],
+#sb-setting-theme_options li[data-value="fluent"],
+#sb-setting-theme_options li[data-value="tailwind"] {
     display: none !important;
 }
 
@@ -2222,7 +2223,7 @@ aside#left-sidebar {
         margin: 17px auto 0px;
         float: none;
         width: 242px;
-        padding: 11px 61px;
+        padding: 11px 55px;
     }
 
     .content-area {
@@ -2253,10 +2254,10 @@ aside#left-sidebar {
 
     .free-trial {
         display: block;
-        margin: 17px auto 0px;
+        margin: 4px auto 0px;
         float: none;
         width: 242px;
-        padding: 11px 61px;
+        padding: 11px 55px;
     }
 
     .content-area {
@@ -2351,7 +2352,7 @@ aside#left-sidebar {
         display: block;
         margin: 17px auto 0px;
         float: none;
-        width: 242px;
+        width: 251px;
         padding: 11px 61px;
     }
 
@@ -2515,6 +2516,13 @@ aside#left-sidebar {
     }
 }
 
+@media only screen and (min-width: 2500px) and (max-width: 2600px) {
+    .free-trial {
+        width: 210px;
+        padding: 12px 40px;
+    }
+}
+
 .sb-npm-btn:hover {
     background-color: #f4feff;
 }

public/styles/index.css

@@ -1,22 +1,17 @@
 @import './common.css';
 @import './themes/highcontrast.css';
-@import './themes/bootstrap4.css';
 @import './themes/bootstrap5-dark.css';
 @import './themes/bootstrap5.css';
 @import './themes/bootstrap5.3.css';
 @import './themes/bootstrap5.3-dark.css';
-@import './themes/fluent-dark.css';
-@import './themes/fluent.css';
 @import './themes/tailwind.css';
+@import './themes/tailwind3.css';
+@import './themes/fluent.css';
+@import './themes/fluent-dark.css';
 @import './themes/tailwind-dark.css';
+@import './themes/tailwind3-dark.css';
 @import './themes/material3.css';
 @import './themes/material3-dark.css';
-@import './themes/fabric.css';
-@import './themes/material.css';
-@import './themes/bootstrap.css';
-@import './themes/material-dark.css';
-@import './themes/fabric-dark.css';
-@import './themes/bootstrap-dark.css';
 @import './themes/fluent2.css';
 @import './themes/fluent2-dark.css';
 @import './themes/fluent2-highcontrast.css';