prepare docs for v3.2 release

docs/Gemfile

@@ -7,3 +7,5 @@ group :development, :test do
   gem 'wdm', '~> 0.1.1', :install_if => Gem.win_platform?
 end
 
+
+gem "webrick", "~> 1.7"

docs/Gemfile.lock

@@ -65,6 +65,7 @@ GEM
       unicode-display_width (~> 1.1, >= 1.1.1)
     unicode-display_width (1.8.0)
     wdm (0.1.1)
+    webrick (1.7.0)
 
 PLATFORMS
   ruby
@@ -75,6 +76,7 @@ DEPENDENCIES
   jekyll-seo-tag (~> 2.7.1)
   jekyll-sitemap (~> 1.4.0)
   wdm (~> 0.1.1)
+  webrick (~> 1.7)
 
 BUNDLED WITH
-   1.17.3
+   2.3.6

docs/_config.yml

@@ -1,8 +1,8 @@
-title: AdminLTE v3 Documentation
-version: v3.1.0
-description: AdminLTE v3.1 Documentation
+title: AdminLTE v3.2 Documentation
+version: v3.2
+description: AdminLTE v3.2 Documentation
 
-baseurl: /docs/3.1
+baseurl: /docs/3.2
 url: https://adminlte.io
 
 plugins:

docs/_includes/navbar.html

@@ -8,11 +8,9 @@
         {{ site.version }}
       </a>
       <div class="dropdown-menu py-0" aria-labelledby="navbarVersionDropdown">
-        <a class="dropdown-item bg-info disabled" href="#">v3.1</a>
+        <a class="dropdown-item bg-info disabled" href="#">{{ site.version }}</a>
+        <a class="dropdown-item" href="https://adminlte.io/docs/3.1/">v3.1</a>
         <a class="dropdown-item" href="https://adminlte.io/docs/3.0/">v3.0</a>
-        <div class="dropdown-divider"></div>
-        <a class="dropdown-item" href="https://adminlte.io/docs/2.4/installation">v2.4</a>
-        <a class="dropdown-item" href="https://adminlte.io/themes/AdminLTE/documentation/index.html">&lt;= v2.3</a>
       </div>
     </li>
   </ul>

docs/assets/css/alt/adminlte.components.css

@@ -1,5 +1,5 @@
 /*!
- *   AdminLTE v3.2.0-rc
+ *   AdminLTE v3.2.0
  *     Only Components
  *   Author: Colorlib
  *   Website: AdminLTE.io <https://adminlte.io>
@@ -5587,7 +5587,8 @@ body.text-sm .input-group-text {
   border-top: 3px solid #dee2e6;
 }
 
-.card-primary.card-outline-tabs > .card-header a.active {
+.card-primary.card-outline-tabs > .card-header a.active,
+.card-primary.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #007bff;
 }
 
@@ -5658,7 +5659,8 @@ body.text-sm .input-group-text {
   border-top: 3px solid #dee2e6;
 }
 
-.card-secondary.card-outline-tabs > .card-header a.active {
+.card-secondary.card-outline-tabs > .card-header a.active,
+.card-secondary.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #6c757d;
 }
 
@@ -5729,7 +5731,8 @@ body.text-sm .input-group-text {
   border-top: 3px solid #dee2e6;
 }
 
-.card-success.card-outline-tabs > .card-header a.active {
+.card-success.card-outline-tabs > .card-header a.active,
+.card-success.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #28a745;
 }
 
@@ -5800,7 +5803,8 @@ body.text-sm .input-group-text {
   border-top: 3px solid #dee2e6;
 }
 
-.card-info.card-outline-tabs > .card-header a.active {
+.card-info.card-outline-tabs > .card-header a.active,
+.card-info.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #17a2b8;
 }
 
@@ -5871,7 +5875,8 @@ body.text-sm .input-group-text {
   border-top: 3px solid #dee2e6;
 }
 
-.card-warning.card-outline-tabs > .card-header a.active {
+.card-warning.card-outline-tabs > .card-header a.active,
+.card-warning.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #ffc107;
 }
 
@@ -5942,7 +5947,8 @@ body.text-sm .input-group-text {
   border-top: 3px solid #dee2e6;
 }
 
-.card-danger.card-outline-tabs > .card-header a.active {
+.card-danger.card-outline-tabs > .card-header a.active,
+.card-danger.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #dc3545;
 }
 
@@ -6013,7 +6019,8 @@ body.text-sm .input-group-text {
   border-top: 3px solid #dee2e6;
 }
 
-.card-light.card-outline-tabs > .card-header a.active {
+.card-light.card-outline-tabs > .card-header a.active,
+.card-light.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #f8f9fa;
 }
 
@@ -6084,7 +6091,8 @@ body.text-sm .input-group-text {
   border-top: 3px solid #dee2e6;
 }
 
-.card-dark.card-outline-tabs > .card-header a.active {
+.card-dark.card-outline-tabs > .card-header a.active,
+.card-dark.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #343a40;
 }
 
@@ -6155,7 +6163,8 @@ body.text-sm .input-group-text {
   border-top: 3px solid #dee2e6;
 }
 
-.card-lightblue.card-outline-tabs > .card-header a.active {
+.card-lightblue.card-outline-tabs > .card-header a.active,
+.card-lightblue.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #3c8dbc;
 }
 
@@ -6226,7 +6235,8 @@ body.text-sm .input-group-text {
   border-top: 3px solid #dee2e6;
 }
 
-.card-navy.card-outline-tabs > .card-header a.active {
+.card-navy.card-outline-tabs > .card-header a.active,
+.card-navy.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #001f3f;
 }
 
@@ -6297,7 +6307,8 @@ body.text-sm .input-group-text {
   border-top: 3px solid #dee2e6;
 }
 
-.card-olive.card-outline-tabs > .card-header a.active {
+.card-olive.card-outline-tabs > .card-header a.active,
+.card-olive.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #3d9970;
 }
 
@@ -6368,7 +6379,8 @@ body.text-sm .input-group-text {
   border-top: 3px solid #dee2e6;
 }
 
-.card-lime.card-outline-tabs > .card-header a.active {
+.card-lime.card-outline-tabs > .card-header a.active,
+.card-lime.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #01ff70;
 }
 
@@ -6439,7 +6451,8 @@ body.text-sm .input-group-text {
   border-top: 3px solid #dee2e6;
 }
 
-.card-fuchsia.card-outline-tabs > .card-header a.active {
+.card-fuchsia.card-outline-tabs > .card-header a.active,
+.card-fuchsia.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #f012be;
 }
 
@@ -6510,7 +6523,8 @@ body.text-sm .input-group-text {
   border-top: 3px solid #dee2e6;
 }
 
-.card-maroon.card-outline-tabs > .card-header a.active {
+.card-maroon.card-outline-tabs > .card-header a.active,
+.card-maroon.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #d81b60;
 }
 
@@ -6581,7 +6595,8 @@ body.text-sm .input-group-text {
   border-top: 3px solid #dee2e6;
 }
 
-.card-blue.card-outline-tabs > .card-header a.active {
+.card-blue.card-outline-tabs > .card-header a.active,
+.card-blue.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #007bff;
 }
 
@@ -6652,7 +6667,8 @@ body.text-sm .input-group-text {
   border-top: 3px solid #dee2e6;
 }
 
-.card-indigo.card-outline-tabs > .card-header a.active {
+.card-indigo.card-outline-tabs > .card-header a.active,
+.card-indigo.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #6610f2;
 }
 
@@ -6723,7 +6739,8 @@ body.text-sm .input-group-text {
   border-top: 3px solid #dee2e6;
 }
 
-.card-purple.card-outline-tabs > .card-header a.active {
+.card-purple.card-outline-tabs > .card-header a.active,
+.card-purple.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #6f42c1;
 }
 
@@ -6794,7 +6811,8 @@ body.text-sm .input-group-text {
   border-top: 3px solid #dee2e6;
 }
 
-.card-pink.card-outline-tabs > .card-header a.active {
+.card-pink.card-outline-tabs > .card-header a.active,
+.card-pink.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #e83e8c;
 }
 
@@ -6865,7 +6883,8 @@ body.text-sm .input-group-text {
   border-top: 3px solid #dee2e6;
 }
 
-.card-red.card-outline-tabs > .card-header a.active {
+.card-red.card-outline-tabs > .card-header a.active,
+.card-red.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #dc3545;
 }
 
@@ -6936,7 +6955,8 @@ body.text-sm .input-group-text {
   border-top: 3px solid #dee2e6;
 }
 
-.card-orange.card-outline-tabs > .card-header a.active {
+.card-orange.card-outline-tabs > .card-header a.active,
+.card-orange.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #fd7e14;
 }
 
@@ -7007,7 +7027,8 @@ body.text-sm .input-group-text {
   border-top: 3px solid #dee2e6;
 }
 
-.card-yellow.card-outline-tabs > .card-header a.active {
+.card-yellow.card-outline-tabs > .card-header a.active,
+.card-yellow.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #ffc107;
 }
 
@@ -7078,7 +7099,8 @@ body.text-sm .input-group-text {
   border-top: 3px solid #dee2e6;
 }
 
-.card-green.card-outline-tabs > .card-header a.active {
+.card-green.card-outline-tabs > .card-header a.active,
+.card-green.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #28a745;
 }
 
@@ -7149,7 +7171,8 @@ body.text-sm .input-group-text {
   border-top: 3px solid #dee2e6;
 }
 
-.card-teal.card-outline-tabs > .card-header a.active {
+.card-teal.card-outline-tabs > .card-header a.active,
+.card-teal.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #20c997;
 }
 
@@ -7220,7 +7243,8 @@ body.text-sm .input-group-text {
   border-top: 3px solid #dee2e6;
 }
 
-.card-cyan.card-outline-tabs > .card-header a.active {
+.card-cyan.card-outline-tabs > .card-header a.active,
+.card-cyan.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #17a2b8;
 }
 
@@ -7291,7 +7315,8 @@ body.text-sm .input-group-text {
   border-top: 3px solid #dee2e6;
 }
 
-.card-white.card-outline-tabs > .card-header a.active {
+.card-white.card-outline-tabs > .card-header a.active,
+.card-white.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #fff;
 }
 
@@ -7362,7 +7387,8 @@ body.text-sm .input-group-text {
   border-top: 3px solid #dee2e6;
 }
 
-.card-gray.card-outline-tabs > .card-header a.active {
+.card-gray.card-outline-tabs > .card-header a.active,
+.card-gray.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #6c757d;
 }
 
@@ -7433,7 +7459,8 @@ body.text-sm .input-group-text {
   border-top: 3px solid #dee2e6;
 }
 
-.card-gray-dark.card-outline-tabs > .card-header a.active {
+.card-gray-dark.card-outline-tabs > .card-header a.active,
+.card-gray-dark.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #343a40;
 }
 
@@ -7998,7 +8025,8 @@ html.maximized-card {
   border-top: 3px solid #dee2e6;
 }
 
-.dark-mode .card-primary.card-outline-tabs > .card-header a.active {
+.dark-mode .card-primary.card-outline-tabs > .card-header a.active,
+.dark-mode .card-primary.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #3f6791;
 }
 
@@ -8069,7 +8097,8 @@ html.maximized-card {
   border-top: 3px solid #dee2e6;
 }
 
-.dark-mode .card-secondary.card-outline-tabs > .card-header a.active {
+.dark-mode .card-secondary.card-outline-tabs > .card-header a.active,
+.dark-mode .card-secondary.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #6c757d;
 }
 
@@ -8140,7 +8169,8 @@ html.maximized-card {
   border-top: 3px solid #dee2e6;
 }
 
-.dark-mode .card-success.card-outline-tabs > .card-header a.active {
+.dark-mode .card-success.card-outline-tabs > .card-header a.active,
+.dark-mode .card-success.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #00bc8c;
 }
 
@@ -8211,7 +8241,8 @@ html.maximized-card {
   border-top: 3px solid #dee2e6;
 }
 
-.dark-mode .card-info.card-outline-tabs > .card-header a.active {
+.dark-mode .card-info.card-outline-tabs > .card-header a.active,
+.dark-mode .card-info.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #3498db;
 }
 
@@ -8282,7 +8313,8 @@ html.maximized-card {
   border-top: 3px solid #dee2e6;
 }
 
-.dark-mode .card-warning.card-outline-tabs > .card-header a.active {
+.dark-mode .card-warning.card-outline-tabs > .card-header a.active,
+.dark-mode .card-warning.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #f39c12;
 }
 
@@ -8353,7 +8385,8 @@ html.maximized-card {
   border-top: 3px solid #dee2e6;
 }
 
-.dark-mode .card-danger.card-outline-tabs > .card-header a.active {
+.dark-mode .card-danger.card-outline-tabs > .card-header a.active,
+.dark-mode .card-danger.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #e74c3c;
 }
 
@@ -8424,7 +8457,8 @@ html.maximized-card {
   border-top: 3px solid #dee2e6;
 }
 
-.dark-mode .card-light.card-outline-tabs > .card-header a.active {
+.dark-mode .card-light.card-outline-tabs > .card-header a.active,
+.dark-mode .card-light.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #f8f9fa;
 }
 
@@ -8495,7 +8529,8 @@ html.maximized-card {
   border-top: 3px solid #dee2e6;
 }
 
-.dark-mode .card-dark.card-outline-tabs > .card-header a.active {
+.dark-mode .card-dark.card-outline-tabs > .card-header a.active,
+.dark-mode .card-dark.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #343a40;
 }
 
@@ -8566,7 +8601,8 @@ html.maximized-card {
   border-top: 3px solid #dee2e6;
 }
 
-.dark-mode .card-lightblue.card-outline-tabs > .card-header a.active {
+.dark-mode .card-lightblue.card-outline-tabs > .card-header a.active,
+.dark-mode .card-lightblue.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #86bad8;
 }
 
@@ -8637,7 +8673,8 @@ html.maximized-card {
   border-top: 3px solid #dee2e6;
 }
 
-.dark-mode .card-navy.card-outline-tabs > .card-header a.active {
+.dark-mode .card-navy.card-outline-tabs > .card-header a.active,
+.dark-mode .card-navy.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #002c59;
 }
 
@@ -8708,7 +8745,8 @@ html.maximized-card {
   border-top: 3px solid #dee2e6;
 }
 
-.dark-mode .card-olive.card-outline-tabs > .card-header a.active {
+.dark-mode .card-olive.card-outline-tabs > .card-header a.active,
+.dark-mode .card-olive.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #74c8a3;
 }
 
@@ -8779,7 +8817,8 @@ html.maximized-card {
   border-top: 3px solid #dee2e6;
 }
 
-.dark-mode .card-lime.card-outline-tabs > .card-header a.active {
+.dark-mode .card-lime.card-outline-tabs > .card-header a.active,
+.dark-mode .card-lime.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #67ffa9;
 }
 
@@ -8850,7 +8889,8 @@ html.maximized-card {
   border-top: 3px solid #dee2e6;
 }
 
-.dark-mode .card-fuchsia.card-outline-tabs > .card-header a.active {
+.dark-mode .card-fuchsia.card-outline-tabs > .card-header a.active,
+.dark-mode .card-fuchsia.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #f672d8;
 }
 
@@ -8921,7 +8961,8 @@ html.maximized-card {
   border-top: 3px solid #dee2e6;
 }
 
-.dark-mode .card-maroon.card-outline-tabs > .card-header a.active {
+.dark-mode .card-maroon.card-outline-tabs > .card-header a.active,
+.dark-mode .card-maroon.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #ed6c9b;
 }
 
@@ -8992,7 +9033,8 @@ html.maximized-card {
   border-top: 3px solid #dee2e6;
 }
 
-.dark-mode .card-blue.card-outline-tabs > .card-header a.active {
+.dark-mode .card-blue.card-outline-tabs > .card-header a.active,
+.dark-mode .card-blue.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #3f6791;
 }
 
@@ -9063,7 +9105,8 @@ html.maximized-card {
   border-top: 3px solid #dee2e6;
 }
 
-.dark-mode .card-indigo.card-outline-tabs > .card-header a.active {
+.dark-mode .card-indigo.card-outline-tabs > .card-header a.active,
+.dark-mode .card-indigo.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #6610f2;
 }
 
@@ -9134,7 +9177,8 @@ html.maximized-card {
   border-top: 3px solid #dee2e6;
 }
 
-.dark-mode .card-purple.card-outline-tabs > .card-header a.active {
+.dark-mode .card-purple.card-outline-tabs > .card-header a.active,
+.dark-mode .card-purple.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #6f42c1;
 }
 
@@ -9205,7 +9249,8 @@ html.maximized-card {
   border-top: 3px solid #dee2e6;
 }
 
-.dark-mode .card-pink.card-outline-tabs > .card-header a.active {
+.dark-mode .card-pink.card-outline-tabs > .card-header a.active,
+.dark-mode .card-pink.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #e83e8c;
 }
 
@@ -9276,7 +9321,8 @@ html.maximized-card {
   border-top: 3px solid #dee2e6;
 }
 
-.dark-mode .card-red.card-outline-tabs > .card-header a.active {
+.dark-mode .card-red.card-outline-tabs > .card-header a.active,
+.dark-mode .card-red.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #e74c3c;
 }
 
@@ -9347,7 +9393,8 @@ html.maximized-card {
   border-top: 3px solid #dee2e6;
 }
 
-.dark-mode .card-orange.card-outline-tabs > .card-header a.active {
+.dark-mode .card-orange.card-outline-tabs > .card-header a.active,
+.dark-mode .card-orange.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #fd7e14;
 }
 
@@ -9418,7 +9465,8 @@ html.maximized-card {
   border-top: 3px solid #dee2e6;
 }
 
-.dark-mode .card-yellow.card-outline-tabs > .card-header a.active {
+.dark-mode .card-yellow.card-outline-tabs > .card-header a.active,
+.dark-mode .card-yellow.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #f39c12;
 }
 
@@ -9489,7 +9537,8 @@ html.maximized-card {
   border-top: 3px solid #dee2e6;
 }
 
-.dark-mode .card-green.card-outline-tabs > .card-header a.active {
+.dark-mode .card-green.card-outline-tabs > .card-header a.active,
+.dark-mode .card-green.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #00bc8c;
 }
 
@@ -9560,7 +9609,8 @@ html.maximized-card {
   border-top: 3px solid #dee2e6;
 }
 
-.dark-mode .card-teal.card-outline-tabs > .card-header a.active {
+.dark-mode .card-teal.card-outline-tabs > .card-header a.active,
+.dark-mode .card-teal.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #20c997;
 }
 
@@ -9631,7 +9681,8 @@ html.maximized-card {
   border-top: 3px solid #dee2e6;
 }
 
-.dark-mode .card-cyan.card-outline-tabs > .card-header a.active {
+.dark-mode .card-cyan.card-outline-tabs > .card-header a.active,
+.dark-mode .card-cyan.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #3498db;
 }
 
@@ -9702,7 +9753,8 @@ html.maximized-card {
   border-top: 3px solid #dee2e6;
 }
 
-.dark-mode .card-white.card-outline-tabs > .card-header a.active {
+.dark-mode .card-white.card-outline-tabs > .card-header a.active,
+.dark-mode .card-white.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #fff;
 }
 
@@ -9773,7 +9825,8 @@ html.maximized-card {
   border-top: 3px solid #dee2e6;
 }
 
-.dark-mode .card-gray.card-outline-tabs > .card-header a.active {
+.dark-mode .card-gray.card-outline-tabs > .card-header a.active,
+.dark-mode .card-gray.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #6c757d;
 }
 
@@ -9844,7 +9897,8 @@ html.maximized-card {
   border-top: 3px solid #dee2e6;
 }
 
-.dark-mode .card-gray-dark.card-outline-tabs > .card-header a.active {
+.dark-mode .card-gray-dark.card-outline-tabs > .card-header a.active,
+.dark-mode .card-gray-dark.card-outline-tabs > .card-header a.active:hover {
   border-top: 3px solid #343a40;
 }
 
@@ -9912,8 +9966,12 @@ html.maximized-card {
   background-color: rgba(0, 0, 0, 0.1);
 }
 
+.dark-mode .card.card-outline-tabs {
+  border-top: 0;
+}
+
 .dark-mode .card.card-outline-tabs .card-header a:hover {
-  border-color: #6c757d;
+  border-top-color: #6c757d;
   border-bottom-color: transparent;
 }
 
@@ -12002,12 +12060,32 @@ html.maximized-card {
   transition: transform 0.3s linear, -webkit-transform 0.3s linear;
 }
 
-[data-widget="expandable-table"][aria-expanded="true"] td i.expandable-table-caret[class*="right"] {
+[data-widget="expandable-table"][aria-expanded="true"] i.expandable-table-caret[class*="right"] {
+  -webkit-transform: rotate(90deg);
+  transform: rotate(90deg);
+}
+
+[data-widget="expandable-table"][aria-expanded="true"] i.expandable-table-caret[class*="left"] {
+  -webkit-transform: rotate(-90deg);
+  transform: rotate(-90deg);
+}
+
+[aria-expanded="true"] {
+  cursor: pointer;
+}
+
+[aria-expanded="true"] i.expandable-table-caret {
+  transition: -webkit-transform 0.3s linear;
+  transition: transform 0.3s linear;
+  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
+}
+
+[aria-expanded="true"] [data-widget="expandable-table"] i.expandable-table-caret[class*="right"] {
   -webkit-transform: rotate(90deg);
   transform: rotate(90deg);
 }
 
-[data-widget="expandable-table"][aria-expanded="true"] td i.expandable-table-caret[class*="left"] {
+[aria-expanded="true"] [data-widget="expandable-table"] i.expandable-table-caret[class*="left"] {
   -webkit-transform: rotate(-90deg);
   transform: rotate(-90deg);
 }

docs/assets/css/alt/adminlte.extra-components.css

@@ -1,5 +1,5 @@
 /*!
- *   AdminLTE v3.2.0-rc
+ *   AdminLTE v3.2.0
  *     Only Extra Components
  *   Author: Colorlib
  *   Website: AdminLTE.io <https://adminlte.io>

docs/assets/css/alt/adminlte.extra-components.min.css

@@ -1,5 +1,5 @@
 /*!
- *   AdminLTE v3.2.0-rc
+ *   AdminLTE v3.2.0
  *     Only Extra Components
  *   Author: Colorlib
  *   Website: AdminLTE.io <https://adminlte.io>

docs/assets/css/alt/adminlte.pages.css

@@ -1,5 +1,5 @@
 /*!
- *   AdminLTE v3.2.0-rc
+ *   AdminLTE v3.2.0
  *     Only Pages
  *   Author: Colorlib
  *   Website: AdminLTE.io <https://adminlte.io>

docs/assets/css/alt/adminlte.pages.min.css

@@ -1,5 +1,5 @@
 /*!
- *   AdminLTE v3.2.0-rc
+ *   AdminLTE v3.2.0
  *     Only Pages
  *   Author: Colorlib
  *   Website: AdminLTE.io <https://adminlte.io>

docs/assets/css/alt/adminlte.plugins.css

@@ -1,5 +1,5 @@
 /*!
- *   AdminLTE v3.2.0-rc
+ *   AdminLTE v3.2.0
  *     Only Plugins
  *   Author: Colorlib
  *   Website: AdminLTE.io <https://adminlte.io>
@@ -551,7 +551,7 @@
 }
 
 select.form-control-sm ~ .select2-container--default {
-  font-size: 0.875rem;
+  font-size: 75%;
 }
 
 .text-sm .select2-container--default .select2-selection--single,
@@ -4905,6 +4905,7 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl
   color: #444;
   height: 15px;
   width: 15px;
+  padding: 1px 2px;
 }
 
 .jqvmap-zoomin:hover, .jqvmap-zoomin:active, .jqvmap-zoomin.hover,

docs/assets/js/demo.js

@@ -31,9 +31,6 @@
       var $default = $('<option />', {
         text: 'None Selected'
       })
-      if (callback) {
-        $default.on('click', callback)
-      }
 
       $block.append($default)
     }
@@ -45,13 +42,10 @@
       })
 
       $block.append($color)
-
-      $color.data('color', color)
-
-      if (callback) {
-        $color.on('click', callback)
-      }
     })
+    if (callback) {
+      $block.on('change', callback)
+    }
 
     return $block
   }
@@ -510,21 +504,21 @@
   })
   var navbar_all_colors = navbar_dark_skins.concat(navbar_light_skins)
   var $navbar_variants_colors = createSkinBlock(navbar_all_colors, function () {
-    var color = $(this).data('color')
+    var color = $(this).find('option:selected').attr('class')
     var $main_header = $('.main-header')
     $main_header.removeClass('navbar-dark').removeClass('navbar-light')
     navbar_all_colors.forEach(function (color) {
       $main_header.removeClass(color)
     })
 
-    $(this).parent().removeClass().addClass('custom-select mb-3 text-light border-0 ')
+    $(this).removeClass().addClass('custom-select mb-3 text-light border-0 ')
 
     if (navbar_dark_skins.indexOf(color) > -1) {
       $main_header.addClass('navbar-dark')
-      $(this).parent().addClass(color).addClass('text-light')
+      $(this).addClass(color).addClass('text-light')
     } else {
       $main_header.addClass('navbar-light')
-      $(this).parent().addClass(color)
+      $(this).addClass(color)
     }
 
     $main_header.addClass(color)
@@ -552,14 +546,15 @@
   })
   $container.append($accent_variants)
   $container.append(createSkinBlock(accent_colors, function () {
-    var color = $(this).data('color')
-    var accent_class = color
+    var color = $(this).find('option:selected').attr('class')
     var $body = $('body')
     accent_colors.forEach(function (skin) {
       $body.removeClass(skin)
     })
 
-    $body.addClass(accent_class)
+    var accent_color_class = color.replace('bg-', 'accent-')
+
+    $body.addClass(accent_color_class)
   }, true))
 
   var active_accent_color = null
@@ -578,7 +573,7 @@
   })
   $container.append($sidebar_variants_dark)
   var $sidebar_dark_variants = createSkinBlock(sidebar_colors, function () {
-    var color = $(this).data('color')
+    var color = $(this).find('option:selected').attr('class')
     var sidebar_class = 'sidebar-dark-' + color.replace('bg-', '')
     var $sidebar = $('.main-sidebar')
     sidebar_skins.forEach(function (skin) {
@@ -586,7 +581,7 @@
       $sidebar_light_variants.removeClass(skin.replace('sidebar-dark-', 'bg-')).removeClass('text-light')
     })
 
-    $(this).parent().removeClass().addClass('custom-select mb-3 text-light border-0').addClass(color)
+    $(this).removeClass().addClass('custom-select mb-3 text-light border-0').addClass(color)
 
     $sidebar_light_variants.find('option').prop('selected', false)
     $sidebar.addClass(sidebar_class)
@@ -611,7 +606,7 @@
   })
   $container.append($sidebar_variants_light)
   var $sidebar_light_variants = createSkinBlock(sidebar_colors, function () {
-    var color = $(this).data('color')
+    var color = $(this).find('option:selected').attr('class')
     var sidebar_class = 'sidebar-light-' + color.replace('bg-', '')
     var $sidebar = $('.main-sidebar')
     sidebar_skins.forEach(function (skin) {
@@ -619,7 +614,7 @@
       $sidebar_dark_variants.removeClass(skin.replace('sidebar-light-', 'bg-')).removeClass('text-light')
     })
 
-    $(this).parent().removeClass().addClass('custom-select mb-3 text-light border-0').addClass(color)
+    $(this).removeClass().addClass('custom-select mb-3 text-light border-0').addClass(color)
 
     $sidebar_dark_variants.find('option').prop('selected', false)
     $sidebar.addClass(sidebar_class)
@@ -657,7 +652,7 @@
   })
 
   var $brand_variants = createSkinBlock(logo_skins, function () {
-    var color = $(this).data('color')
+    var color = $(this).find('option:selected').attr('class')
     var $logo = $('.brand-link')
 
     if (color === 'navbar-light' || color === 'navbar-white') {
@@ -671,9 +666,9 @@
     })
 
     if (color) {
-      $(this).parent().removeClass().addClass('custom-select mb-3 border-0').addClass(color).addClass(color !== 'navbar-light' && color !== 'navbar-white' ? 'text-light' : '')
+      $(this).removeClass().addClass('custom-select mb-3 border-0').addClass(color).addClass(color !== 'navbar-light' && color !== 'navbar-white' ? 'text-light' : '')
     } else {
-      $(this).parent().removeClass().addClass('custom-select mb-3 border-0')
+      $(this).removeClass().addClass('custom-select mb-3 border-0')
     }
 
     $logo.addClass(color)

docs/index.md

@@ -15,24 +15,24 @@ Legacy Releases are [AdminLTE 2](https://github.com/ColorlibHQ/AdminLTE/releases
 ### Grab from [jsdelivr](https://www.jsdelivr.com/package/npm/admin-lte) CDN:
 _**Important Note**: You needed to add separately cdn links for plugins in your project._
 ```html
-<script src="https://cdn.jsdelivr.net/npm/admin-lte@3.1/dist/js/adminlte.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/admin-lte@3.2/dist/js/adminlte.min.js"></script>
 ```
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/admin-lte@3.1/dist/css/adminlte.min.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/admin-lte@3.2/dist/css/adminlte.min.css">
 ```
 ### Using The Command Line:
-_**Important Note**: To install it via npm/Yarn, you need at least Node.js 10 or higher._
+_**Important Note**: To install it via npm/Yarn, you need at least Node.js 14 or higher._
 #### Via npm
 ```bash
-npm install admin-lte@^3.1 --save
+npm install admin-lte@^3.2 --save
 ```
 #### Via Yarn
 ```bash
-yarn add admin-lte@^3.1
+yarn add admin-lte@^3.2
 ```
 #### Via Composer
 ```bash
-composer require "almasaeed2010/adminlte=~3.1"
+composer require "almasaeed2010/adminlte=~3.2"
 ```
 #### Via Git
 ```bash

docs/layout.md

@@ -21,7 +21,7 @@ The layout consists of four major parts:
 > You cannot use both layout-boxed and layout-navbar-fixed or layout-footer-fixed at the same time. Anything else can be mixed together.
 {: .quote-danger}
 
-AdminLTE 3.1 provides a set of options to apply to your main layout. Each one of these classes can be added to the body tag to get the desired goal.
+AdminLTE 3.2 provides a set of options to apply to your main layout. Each one of these classes can be added to the body tag to get the desired goal.
 
 - Fixed Sidebar: use the class `.layout-fixed` to get a fixed sidebar.
 - Fixed Navbar: use the class `.layout-navbar-fixed` to get a fixed navbar.
@@ -68,14 +68,14 @@ Preloader to avoid [https://github.com/ColorlibHQ/AdminLTE/discussions/3319](htt
 
 #### Dark Mode
 
-AdminLTE 3.1 provides a dark mode option. You can add in body tag:
+AdminLTE 3.2 provides a dark mode option. You can add in body tag:
 
 - `.dark-mode`
 
 
 #### Color Variations
 
-AdminLTE 3.1 provides a set of color variations to apply to your sidebar (light & dark) & navbar. You can combine any available color with these class prefixes:
+AdminLTE 3.2 provides a set of color variations to apply to your sidebar (light & dark) & navbar. You can combine any available color with these class prefixes:
 
 - `.navbar-*`
 - `.sidebar-dark-*`