v19.4.38 is released

Author: pipeline

gulpfile.js

@@ -58,17 +58,24 @@ gulp.task('whole-bundle', function (done) {
 
 gulp.task('build', function(done){
     var runSequence = require('run-sequence');
-    runSequence('create-locale', 'scripts', 'whole-bundle', done);
+    runSequence('create-locale', 'combine-samplelists', 'scripts', 'whole-bundle', done);
 })
 var jsoncombine = require('gulp-jsoncombine');
 var elasticlunr = require('elasticlunr');
 var sampleOrder = '';
 var sampleList;
 
-gulp.task('combine-samplelists', function (done) {
-    combineSampleList(platform, false, done);
+gulp.task('combine-samplelists', function () {
+    combineSampleList(platform, false);
 });
 
+gulp.task('styles', function() {
+    var styleFiles = glob.sync('./node_modules/@syncfusion/ej2/*.css');
+    for(var i=0; i < styleFiles.length; i++) {
+        shelljs.cp('-R',styleFiles[i], './styles');
+    }
+})
+
 function combineSampleList(platform, done) {
     var filename = platform === 'javascript' ? 'samplelist.js' : 'sampleList.ts';
     sampleOrder = JSON.parse(fs.readFileSync(`./src/common/sampleOrder.json`));

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-samples",
-  "version": "19.3.43",
+  "version": "19.4.38",
   "description": "Samples for Syncfusion Essential JS 2",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",

sampleOrder.json

@@ -919,6 +919,14 @@
             "sidebar-list": "Sidebar with ListView"
         }
     },
+    "signature": {
+	"ControlName": "Signature",
+	"Samples": {
+	   "default": "Default Functionalities",
+	   "toolbar": "Toolbar",
+	   "keyboard-navigation": "Keyboard Navigation"
+	}
+    },
     "slider": {
         "ControlName": "Range Slider",
         "Samples": {

src/accordion/ajax-content.html

@@ -30,7 +30,7 @@
     .e-accordion table {
         border-collapse: collapse;
         border-spacing: 0;
-        width: 95%;
+        width: 100%;
     }
 
     .e-accordion table th,

src/auto-complete/grouping-icon.html

@@ -51,6 +51,19 @@ <h4> Icons</h4>
     .bootstrap4 .e-list-icon{
         color: #495057;
     }
+    .material-dark .e-list-icon,
+    .bootstrap5-dark .e-list-icon,
+    .tailwind-dark .e-list-icon {
+        color: #fff;
+    }
+
+    .bootstrap-dark .e-list-icon {
+        color: #f0f0f0;
+    }
+
+    .fabric-dark .e-list-icon {
+        color: #dadada;
+    }
 /* custom code end*/
 
     .e-list-icon {

src/auto-complete/template.html

@@ -62,19 +62,17 @@
     }
 
     .bootstrap .header {
-        background-color: #fff;
+        background-color: #f5f5f5;
         border-bottom: 1px solid #ccc;
         color: #777;
         font-family: "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
-        font-weight: 400;
-        font-size: 12px;
-        line-height: 30px;
-        height: 30px;
-        padding: 0 0 0 24px;
+        font-weight: 600;
+        font-size: 15px;
+        height: 48px;
+        padding: 15px 0 0 16px;
     }
 
     .e-bigger.bootstrap .header {
-        line-height: 44px;
         height: 44px;
         font-size: 13px;
     }
@@ -93,7 +91,7 @@
 
     .e-bigger.bootstrap .job {
         font-size: 15px;
-        margin-top: -32px;
+        margin-top: -18px;
         margin-bottom: 17px;
     }
 
@@ -105,6 +103,7 @@
     }
 
     .e-bigger.bootstrap .ename {
+        line-height: 1.063em;
         font-size: 16px;
         padding-bottom: 15px;
     }
@@ -172,5 +171,17 @@
         margin-top: -15px;
         margin-bottom: 5px;
     }
+    .bootstrap5 #employees_popup .job,
+    .bootstrap-dark #employees_popup .job,
+    .bootstrap5-dark #employees_popup .job,
+    .tailwind-dark #employees_popup .job {
+        margin-top: 0;
+    }
+    .e-bigger.bootstrap5 #employees_popup .job,
+    .e-bigger.bootstrap-dark #employees_popup .job,
+    .e-bigger.bootstrap5-dark #employees_popup .job,
+    .e-bigger.tailwind-dark #employees_popup .job {
+        margin-top: -15px;
+    }
 
 </style>

src/avatar/listview.html

@@ -145,8 +145,9 @@
         padding: 8px 16px 8px 16px;
     }
 
-    body.bootstrap5-dark #letterAvatarList .listWrapper .e-avatar,
-    body.tailwind-dark #letterAvatarList .listWrapper .e-avatar {
+    body.bootstrap5 #letterAvatarList .e-list-item .e-avatar,
+    body.bootstrap5-dark #letterAvatarList .e-list-item .e-avatar,
+    .tailwind-dark #letterAvatarList .e-list-item .e-avatar {
         top: calc(100% - 48px);
     }
 

src/badge/accordion.html

@@ -34,16 +34,16 @@
         font-style: normal;
     }
 
-    .people,
-    .e-people {
+    .badge-accordion .people,
+    .badge-accordion .e-people {
         font-family: 'Contacts';
     }
 
-    .e-people:before {
+    .badge-accordion .e-icons.e-people:before {
         content: '\e700';
     }
 
-    .people:before {
+    .badge-accordion .people:before {
         content: '\e701';
     }
 
@@ -74,17 +74,28 @@
         display: block;
     }
     /* Tailwind customization*/
-    .tailwind .sample_container.badge-accordion  #accordion .e-toggle-icon,
-    .tailwind-dark .sample_container.badge-accordion  #accordion .e-toggle-icon,
-    .bootstrap5 .sample_container.badge-accordion  #accordion .e-toggle-icon,
-    .bootstrap5-dark .sample_container.badge-accordion  #accordion .e-toggle-icon  {
+    .tailwind .sample_container.badge-accordion  #accordion .e-toggle-icon  {
         top: 7px;
     }
 
+    body.tailwind-dark .sample_container.badge-accordion #accordion .e-toggle-icon,
+    body.bootstrap5 .sample_container.badge-accordion #accordion .e-toggle-icon,
+    body.bootstrap5-dark .sample_container.badge-accordion #accordion .e-toggle-icon {
+        top: 5px;
+    }
+
     .e-bigger.tailwind .sample_container.badge-accordion  #accordion .e-toggle-icon,
     .e-bigger.tailwind-dark .sample_container.badge-accordion  #accordion .e-toggle-icon,
     .e-bigger.bootstrap5 .sample_container.badge-accordion  #accordion .e-toggle-icon,
     .e-bigger.bootstrap5-dark .sample_container.badge-accordion  #accordion .e-toggle-icon {
         top: 11px;
     }
+
+    body.tailwind-dark .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons,
+    body.tailwind .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons,
+    body.bootstrap5 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons,
+    body.bootstrap5-dark .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons {
+        font-size: 12px;
+    }
+
 </style>

src/badge/listview.html

@@ -29,7 +29,16 @@
 
     #lists {
         margin: auto;
-        border: 1px solid rgba(0, 0, 0, 0.12)
+    }
+
+    body.material #lists,
+    body.material-dark #lists,
+    body.fabric #lists,
+    body.fabric-dark #lists,
+    body.bootstrap #lists,
+    body.bootstrap-dark #lists,
+    body.highcontrast #lists {
+        border: 1px solid #dddddd;
     }
 
     #lists .e-list-item {

src/badge/toolbar.html

@@ -73,6 +73,19 @@
         display: inline-block;
     }
 
+    body.bootstrap5 .badge-toolbar .e-toolbar,
+    body.material .badge-toolbar .e-toolbar,
+    body.tailwind .badge-toolbar .e-toolbar{
+        border: 1px solid #dee2e6;
+    }
+
+    .tailwind-dark .sample_container.badge-toolbar,
+    .bootstrap5-dark .sample_container.badge-toolbar,
+    .bootstrap-dark .sample_container.badge-toolbar,
+    .fabric-dark .sample_container.badge-toolbar {
+        border: 1px solid #dddddd;
+    }
+
     #toolbar .header {
         font-size: 18px;
         margin-right: 56px;