update dist files

dist/css/alt/adminlte.components.css

@@ -1,5 +1,5 @@
 /*!
- *   AdminLTE v3.1.0
+ *   AdminLTE v3.2.0-rc
  *     Only Components
  *   Author: Colorlib
  *   Website: AdminLTE.io <https://adminlte.io>
@@ -2984,6 +2984,14 @@ body.text-sm .input-group-text {
   border-color: #6c757d;
 }
 
+.dark-mode .custom-select {
+  background: #343a40 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23fff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
+}
+
+.dark-mode .custom-select[multiple] {
+  background: #343a40;
+}
+
 .dark-mode .input-group-text {
   border-color: #6c757d;
 }
@@ -2995,6 +3003,18 @@ body.text-sm .input-group-text {
   color: #fff;
 }
 
+.dark-mode input:-webkit-autofill,
+.dark-mode input:-webkit-autofill:hover,
+.dark-mode input:-webkit-autofill:focus,
+.dark-mode textarea:-webkit-autofill,
+.dark-mode textarea:-webkit-autofill:hover,
+.dark-mode textarea:-webkit-autofill:focus,
+.dark-mode select:-webkit-autofill,
+.dark-mode select:-webkit-autofill:hover,
+.dark-mode select:-webkit-autofill:focus {
+  -webkit-text-fill-color: #fff;
+}
+
 .dark-mode .custom-range::-webkit-slider-runnable-track {
   background-color: #454d55;
 }
@@ -7510,12 +7530,12 @@ body.text-sm .input-group-text {
   display: none;
 }
 
-.card .nav.flex-column > li {
+.card .nav.flex-column:not(.nav-sidebar) > li {
   border-bottom: 1px solid rgba(0, 0, 0, 0.125);
   margin: 0;
 }
 
-.card .nav.flex-column > li:last-of-type {
+.card .nav.flex-column:not(.nav-sidebar) > li:last-of-type {
   border-bottom: 0;
 }
 
@@ -10028,7 +10048,6 @@ html.maximized-card {
 }
 
 .modal-dialog .overlay {
-  display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   position: absolute;
@@ -10038,10 +10057,8 @@ html.maximized-card {
   right: 0;
   margin: -1px;
   z-index: 1052;
-  -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   background-color: rgba(0, 0, 0, 0.7);
@@ -10862,6 +10879,21 @@ html.maximized-card {
   color: #2b2b2b;
 }
 
+.btn-default.disabled, .btn-default:disabled {
+  color: #444;
+  background-color: #f8f9fa;
+}
+
+.btn-outline-light {
+  color: #bdc6d0;
+  border-color: #bdc6d0;
+}
+
+.btn-outline-light.disabled, .btn-outline-light:disabled {
+  color: #bdc6d0;
+  border-color: #bdc6d0;
+}
+
 .btn-app {
   border-radius: 3px;
   background-color: #f8f9fa;
@@ -11212,40 +11244,40 @@ html.maximized-card {
 
 .dark-mode .btn-dark {
   color: #fff;
-  background-color: #343a40;
+  background-color: #292d32;
-  border-color: #343a40;
+  border-color: #4b545c;
   box-shadow: none;
 }
 
 .dark-mode .btn-dark:hover {
   color: #fff;
-  background-color: #23272b;
+  background-color: #171a1d;
-  border-color: #1d2124;
+  border-color: #343a40;
 }
 
 .dark-mode .btn-dark:focus, .dark-mode .btn-dark.focus {
   color: #fff;
-  background-color: #23272b;
+  background-color: #171a1d;
-  border-color: #1d2124;
+  border-color: #343a40;
-  box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5);
+  box-shadow: 0 0 0 0 rgba(102, 109, 117, 0.5);
 }
 
 .dark-mode .btn-dark.disabled, .dark-mode .btn-dark:disabled {
   color: #fff;
-  background-color: #343a40;
+  background-color: #292d32;
-  border-color: #343a40;
+  border-color: #4b545c;
 }
 
 .dark-mode .btn-dark:not(:disabled):not(.disabled):active, .dark-mode .btn-dark:not(:disabled):not(.disabled).active,
 .show > .dark-mode .btn-dark.dropdown-toggle {
   color: #fff;
-  background-color: #1d2124;
+  background-color: #121416;
-  border-color: #171a1d;
+  border-color: #2e3439;
 }
 
 .dark-mode .btn-dark:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-dark:not(:disabled):not(.disabled).active:focus,
 .show > .dark-mode .btn-dark.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5);
+  box-shadow: 0 0 0 0 rgba(102, 109, 117, 0.5);
 }
 
 .dark-mode .btn-outline-primary {
@@ -11473,35 +11505,35 @@ html.maximized-card {
 }
 
 .dark-mode .btn-outline-dark {
-  color: #343a40;
+  color: #060708;
-  border-color: #343a40;
+  border-color: #060708;
 }
 
 .dark-mode .btn-outline-dark:hover {
   color: #fff;
-  background-color: #343a40;
+  background-color: #060708;
-  border-color: #343a40;
+  border-color: #060708;
 }
 
 .dark-mode .btn-outline-dark:focus, .dark-mode .btn-outline-dark.focus {
-  box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5);
+  box-shadow: 0 0 0 0 rgba(6, 7, 8, 0.5);
 }
 
 .dark-mode .btn-outline-dark.disabled, .dark-mode .btn-outline-dark:disabled {
-  color: #343a40;
+  color: #060708;
   background-color: transparent;
 }
 
 .dark-mode .btn-outline-dark:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-dark:not(:disabled):not(.disabled).active,
 .show > .dark-mode .btn-outline-dark.dropdown-toggle {
   color: #fff;
-  background-color: #343a40;
+  background-color: #060708;
-  border-color: #343a40;
+  border-color: #060708;
 }
 
 .dark-mode .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
 .show > .dark-mode .btn-outline-dark.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5);
+  box-shadow: 0 0 0 0 rgba(6, 7, 8, 0.5);
 }
 
 .callout {

dist/css/alt/adminlte.extra-components.css

@@ -1,5 +1,5 @@
 /*!
- *   AdminLTE v3.1.0
+ *   AdminLTE v3.2.0-rc
  *     Only Extra Components
  *   Author: Colorlib
  *   Website: AdminLTE.io <https://adminlte.io>
@@ -388,7 +388,6 @@
   box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
   border-radius: 0.25rem;
   background-color: #fff;
-  display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   margin-bottom: 1rem;
@@ -410,14 +409,11 @@
 
 .info-box .info-box-icon {
   border-radius: 0.25rem;
-  -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
-  display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   font-size: 1.875rem;
-  -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   text-align: center;
@@ -429,20 +425,17 @@
 }
 
 .info-box .info-box-content {
-  display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   line-height: 1.8;
-  -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;
   padding: 0 10px;
+  overflow: hidden;
 }
 
 .info-box .info-box-number {

dist/css/alt/adminlte.pages.css

@@ -1,5 +1,5 @@
 /*!
- *   AdminLTE v3.1.0
+ *   AdminLTE v3.2.0-rc
  *     Only Pages
  *   Author: Colorlib
  *   Website: AdminLTE.io <https://adminlte.io>
@@ -472,18 +472,14 @@ a.close.disabled, a.disabled.mailbox-attachment-close {
 
 .login-page,
 .register-page {
-  -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   background-color: #e9ecef;
-  display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   height: 100vh;
-  -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
 }
@@ -692,10 +688,8 @@ a.close.disabled, a.disabled.mailbox-attachment-close {
 }
 
 .product-image-thumbs {
-  -webkit-align-items: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
-  display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   margin-top: 2rem;
@@ -706,7 +700,6 @@ a.close.disabled, a.disabled.mailbox-attachment-close {
   border-radius: 0.25rem;
   background-color: #fff;
   border: 1px solid #dee2e6;
-  display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   margin-right: 1rem;
@@ -717,7 +710,6 @@ a.close.disabled, a.disabled.mailbox-attachment-close {
 .product-image-thumb img {
   max-width: 100%;
   height: auto;
-  -webkit-align-self: center;
   -ms-flex-item-align: center;
   align-self: center;
 }
@@ -768,6 +760,10 @@ body.iframe-mode-fullscreen {
   overflow: hidden;
 }
 
+body.iframe-mode-fullscreen.layout-navbar-fixed .wrapper .content-wrapper {
+  margin-top: 0 !important;
+}
+
 .content-wrapper {
   height: 100%;
 }
@@ -837,13 +833,10 @@ body.iframe-mode-fullscreen {
 
 .content-wrapper.iframe-mode .tab-empty {
   width: 100%;
-  display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }
@@ -858,13 +851,10 @@ body.iframe-mode-fullscreen {
 }
 
 .content-wrapper.iframe-mode .tab-loading > div {
-  display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   width: 100%;
@@ -901,6 +891,10 @@ body.iframe-mode-fullscreen .content-wrapper.iframe-mode {
   opacity: 1;
 }
 
+.dark-mode .content-wrapper.iframe-mode .tab-loading {
+  background-color: #343a40;
+}
+
 .content-wrapper.kanban {
   height: 1px;
 }
@@ -916,10 +910,8 @@ body.iframe-mode-fullscreen .content-wrapper.iframe-mode {
   width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content;
-  display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
 }

dist/css/alt/adminlte.plugins.css

@@ -1,5 +1,5 @@
 /*!
- *   AdminLTE v3.1.0
+ *   AdminLTE v3.2.0-rc
  *     Only Plugins
  *   Author: Colorlib
  *   Website: AdminLTE.io <https://adminlte.io>
@@ -305,24 +305,20 @@
 
 @media (max-width: 575.98px) {
   .fc-toolbar {
-    -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
   }
   .fc-toolbar .fc-left {
-    -webkit-order: 1;
     -ms-flex-order: 1;
     order: 1;
     margin-bottom: .5rem;
   }
   .fc-toolbar .fc-center {
-    -webkit-order: 0;
     -ms-flex-order: 0;
     order: 0;
     margin-bottom: .375rem;
   }
   .fc-toolbar .fc-right {
-    -webkit-order: 2;
     -ms-flex-order: 2;
     order: 2;
   }
@@ -9021,6 +9017,73 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl
   color: #fff;
 }
 
+.dark-mode .daterangepicker {
+  background-color: #3f474e;
+  border: inherit;
+}
+
+.dark-mode .daterangepicker::before, .dark-mode .daterangepicker::after {
+  border-bottom-color: #3f474e;
+}
+
+.dark-mode .daterangepicker td.available:hover,
+.dark-mode .daterangepicker th.available:hover {
+  background-color: #3f474e;
+}
+
+.dark-mode .daterangepicker td.in-range {
+  background-color: #4b545c;
+  color: #fff;
+}
+
+.dark-mode .daterangepicker td.off,
+.dark-mode .daterangepicker td.off.in-range,
+.dark-mode .daterangepicker td.off.start-date,
+.dark-mode .daterangepicker td.off.end-date {
+  background-color: #292d32;
+  color: #fff;
+}
+
+.dark-mode .daterangepicker .ranges li:hover {
+  background-color: #343a40;
+}
+
+.dark-mode .daterangepicker.show-ranges.ltr .drp-calendar {
+  border-color: #4b545c;
+}
+
+.dark-mode .daterangepicker.show-ranges.ltr .drp-calendar.left, .dark-mode .daterangepicker.show-ranges.ltr .drp-calendar.right {
+  border-color: #4b545c;
+  padding-top: 0;
+}
+
+.dark-mode .daterangepicker .drp-buttons {
+  border-color: #4b545c;
+}
+
+.dark-mode .daterangepicker .calendar-table {
+  background-color: #343a40;
+  border-color: #4b545c;
+}
+
+.dark-mode .daterangepicker .calendar-table th,
+.dark-mode .daterangepicker .calendar-table td {
+  color: #fff;
+}
+
+.dark-mode .daterangepicker .calendar-table .next span,
+.dark-mode .daterangepicker .calendar-table .prev span {
+  border-color: #fff;
+}
+
+.dark-mode .daterangepicker select.hourselect,
+.dark-mode .daterangepicker select.minuteselect,
+.dark-mode .daterangepicker select.secondselect,
+.dark-mode .daterangepicker select.ampmselect {
+  background-color: #343a40;
+  border-color: #4b545c;
+}
+
 .jqstooltip {
   height: auto !important;
   padding: 5px !important;

dist/js/adminlte.js

@@ -1,5 +1,5 @@
 /*!
- * AdminLTE v3.1.0 (https://adminlte.io)
+ * AdminLTE v3.2.0-rc (https://adminlte.io)
  * Copyright 2014-2021 Colorlib <https://colorlib.com>
  * Licensed under MIT (https://github.com/ColorlibHQ/AdminLTE/blob/master/LICENSE)
  */
@@ -422,6 +422,7 @@
   var EVENT_KEY$5 = "." + DATA_KEY$c;
   var JQUERY_NO_CONFLICT$c = $__default['default'].fn[NAME$c];
   var EVENT_COLLAPSED$3 = "collapsed" + EVENT_KEY$5;
+  var EVENT_COLLAPSED_DONE$1 = "collapsed-done" + EVENT_KEY$5;
   var EVENT_EXPANDED$2 = "expanded" + EVENT_KEY$5;
   var SELECTOR_CONTROL_SIDEBAR = '.control-sidebar';
   var SELECTOR_CONTROL_SIDEBAR_CONTENT$1 = '.control-sidebar-content';
@@ -446,7 +447,8 @@
     controlsidebarSlide: true,
     scrollbarTheme: 'os-theme-light',
     scrollbarAutoHide: 'l',
-    target: SELECTOR_CONTROL_SIDEBAR
+    target: SELECTOR_CONTROL_SIDEBAR,
+    animationSpeed: 300
   };
   /**
    * Class Definition
@@ -463,6 +465,8 @@
     var _proto = ControlSidebar.prototype;
 
     _proto.collapse = function collapse() {
+      var _this = this;
+
       var $body = $__default['default']('body');
       var $html = $__default['default']('html');
       var target = this._config.target; // Show the control sidebar
@@ -479,6 +483,9 @@
       }
 
       $__default['default'](this._element).trigger($__default['default'].Event(EVENT_COLLAPSED$3));
+      setTimeout(function () {
+        $__default['default'](_this._element).trigger($__default['default'].Event(EVENT_COLLAPSED_DONE$1));
+      }, this._config.animationSpeed);
     };
 
     _proto.show = function show() {
@@ -520,7 +527,7 @@
     ;
 
     _proto._init = function _init() {
-      var _this = this;
+      var _this2 = this;
 
       var $body = $__default['default']('body');
       var shouldNotHideAll = $body.hasClass(CLASS_NAME_CONTROL_SIDEBAR_OPEN$1) || $body.hasClass(CLASS_NAME_CONTROL_SIDEBAR_SLIDE);
@@ -537,16 +544,16 @@
       this._fixScrollHeight();
 
       $__default['default'](window).resize(function () {
-        _this._fixHeight();
+        _this2._fixHeight();
 
-        _this._fixScrollHeight();
+        _this2._fixScrollHeight();
       });
       $__default['default'](window).scroll(function () {
         var $body = $__default['default']('body');
         var shouldFixHeight = $body.hasClass(CLASS_NAME_CONTROL_SIDEBAR_OPEN$1) || $body.hasClass(CLASS_NAME_CONTROL_SIDEBAR_SLIDE);
 
         if (shouldFixHeight) {
-          _this._fixScrollHeight();
+          _this2._fixScrollHeight();
         }
       });
     };
@@ -1204,6 +1211,7 @@
     autoShowNewTab: true,
     autoDarkMode: false,
     allowDuplicates: false,
+    allowReload: true,
     loadingScreen: true,
     useNavbarItems: true,
     scrollOffset: 40,
@@ -1308,7 +1316,7 @@
       var navId = "tab-" + uniqueName;
 
       if (!this._config.allowDuplicates && $__default['default']("#" + navId).length > 0) {
-        return this.switchTab("#" + navId);
+        return this.switchTab("#" + navId, this._config.allowReload);
       }
 
       if (!this._config.allowDuplicates && $__default['default']("#" + navId).length === 0 || this._config.allowDuplicates) {
@@ -1316,10 +1324,39 @@
       }
     };
 
-    _proto.switchTab = function switchTab(item) {
+    _proto.switchTab = function switchTab(item, reload) {
+      var _this2 = this;
+
+      if (reload === void 0) {
+        reload = false;
+      }
+
       var $item = $__default['default'](item);
       var tabId = $item.attr('href');
       $__default['default'](SELECTOR_TAB_EMPTY).hide();
+
+      if (reload) {
+        var $loadingScreen = $__default['default'](SELECTOR_TAB_LOADING);
+
+        if (this._config.loadingScreen) {
+          $loadingScreen.show(0, function () {
+            $__default['default'](tabId + " iframe").attr('src', $__default['default'](tabId + " iframe").attr('src')).ready(function () {
+              if (_this2._config.loadingScreen) {
+                if (typeof _this2._config.loadingScreen === 'number') {
+                  setTimeout(function () {
+                    $loadingScreen.fadeOut();
+                  }, _this2._config.loadingScreen);
+                } else {
+                  $loadingScreen.fadeOut();
+                }
+              }
+            });
+          });
+        } else {
+          $__default['default'](tabId + " iframe").attr('src', $__default['default'](tabId + " iframe").attr('src'));
+        }
+      }
+
       $__default['default'](SELECTOR_TAB_NAVBAR_NAV + " .active").tab('dispose').removeClass('active');
 
       this._fixHeight();
@@ -1396,16 +1433,20 @@
     ;
 
     _proto._init = function _init() {
-      if ($__default['default'](SELECTOR_TAB_CONTENT).children().length > 2) {
+      var usingDefTab = $__default['default'](SELECTOR_TAB_CONTENT).children().length > 2;
-        var $el = $__default['default'](SELECTOR_TAB_PANE + ":first-child");
-        $el.show();
-
-        this._setItemActive($el.find('iframe').attr('src'));
-      }
 
       this._setupListeners();
 
       this._fixHeight(true);
+
+      if (usingDefTab) {
+        var $el = $__default['default']("" + SELECTOR_TAB_PANE).first(); // eslint-disable-next-line no-console
+
+        console.log($el);
+        var uniqueName = $el.attr('id').replace('panel-', '');
+        var navId = "#tab-" + uniqueName;
+        this.switchTab(navId, true);
+      }
     };
 
     _proto._initFrameElement = function _initFrameElement() {
@@ -1427,26 +1468,26 @@
     };
 
     _proto._setupListeners = function _setupListeners() {
-      var _this2 = this;
+      var _this3 = this;
 
       $__default['default'](window).on('resize', function () {
         setTimeout(function () {
-          _this2._fixHeight();
+          _this3._fixHeight();
         }, 1);
       });
 
-      if ($__default['default']('body').hasClass(CLASS_NAME_IFRAME_MODE$1)) {
+      if ($__default['default'](SELECTOR_CONTENT_WRAPPER).hasClass(CLASS_NAME_IFRAME_MODE$1)) {
         $__default['default'](document).on('click', SELECTOR_SIDEBAR_MENU_ITEM + ", " + SELECTOR_SIDEBAR_SEARCH_ITEM, function (e) {
           e.preventDefault();
 
-          _this2.openTabSidebar(e.target);
+          _this3.openTabSidebar(e.target);
         });
 
         if (this._config.useNavbarItems) {
           $__default['default'](document).on('click', SELECTOR_HEADER_MENU_ITEM + ", " + SELECTOR_HEADER_DROPDOWN_ITEM, function (e) {
             e.preventDefault();
 
-            _this2.openTabSidebar(e.target);
+            _this3.openTabSidebar(e.target);
           });
         }
       }
@@ -1454,16 +1495,16 @@
       $__default['default'](document).on('click', SELECTOR_TAB_NAVBAR_NAV_LINK, function (e) {
         e.preventDefault();
 
-        _this2.onTabClick(e.target);
+        _this3.onTabClick(e.target);
 
-        _this2.switchTab(e.target);
+        _this3.switchTab(e.target);
       });
       $__default['default'](document).on('click', SELECTOR_TAB_NAVBAR_NAV_LINK, function (e) {
         e.preventDefault();
 
-        _this2.onTabClick(e.target);
+        _this3.onTabClick(e.target);
 
-        _this2.switchTab(e.target);
+        _this3.switchTab(e.target);
       });
       $__default['default'](document).on('click', SELECTOR_DATA_TOGGLE_CLOSE, function (e) {
         e.preventDefault();
@@ -1473,47 +1514,47 @@
           target = e.target.offsetParent;
         }
 
-        _this2.removeActiveTab(target.attributes['data-type'] ? target.attributes['data-type'].nodeValue : null, target);
+        _this3.removeActiveTab(target.attributes['data-type'] ? target.attributes['data-type'].nodeValue : null, target);
       });
       $__default['default'](document).on('click', SELECTOR_DATA_TOGGLE_FULLSCREEN, function (e) {
         e.preventDefault();
 
-        _this2.toggleFullscreen();
+        _this3.toggleFullscreen();
       });
       var mousedown = false;
       var mousedownInterval = null;
       $__default['default'](document).on('mousedown', SELECTOR_DATA_TOGGLE_SCROLL_LEFT, function (e) {
         e.preventDefault();
         clearInterval(mousedownInterval);
-        var scrollOffset = _this2._config.scrollOffset;
+        var scrollOffset = _this3._config.scrollOffset;
 
-        if (!_this2._config.scrollBehaviorSwap) {
+        if (!_this3._config.scrollBehaviorSwap) {
           scrollOffset = -scrollOffset;
         }
 
         mousedown = true;
 
-        _this2._navScroll(scrollOffset);
+        _this3._navScroll(scrollOffset);
 
         mousedownInterval = setInterval(function () {
-          _this2._navScroll(scrollOffset);
+          _this3._navScroll(scrollOffset);
         }, 250);
       });
       $__default['default'](document).on('mousedown', SELECTOR_DATA_TOGGLE_SCROLL_RIGHT, function (e) {
         e.preventDefault();
         clearInterval(mousedownInterval);
-        var scrollOffset = _this2._config.scrollOffset;
+        var scrollOffset = _this3._config.scrollOffset;
 
-        if (_this2._config.scrollBehaviorSwap) {
+        if (_this3._config.scrollBehaviorSwap) {
           scrollOffset = -scrollOffset;
         }
 
         mousedown = true;
 
-        _this2._navScroll(scrollOffset);
+        _this3._navScroll(scrollOffset);
 
         mousedownInterval = setInterval(function () {
-          _this2._navScroll(scrollOffset);
+          _this3._navScroll(scrollOffset);
         }, 250);
       });
       $__default['default'](document).on('mouseup', function () {
@@ -1702,9 +1743,9 @@
         if (max === heights.controlSidebar) {
           $contentSelector.css(this._config.panelAutoHeightMode, max + offset);
         } else if (max === heights.window) {
-          $contentSelector.css(this._config.panelAutoHeightMode, max + offset - (heights.footer == 0 ? 0 : heights.header - heights.footer));
+          $contentSelector.css(this._config.panelAutoHeightMode, max + offset - heights.header - heights.footer);
         } else {
-          $contentSelector.css(this._config.panelAutoHeightMode, max + offset - (heights.footer == 0 ? 0 : heights.header));
+          $contentSelector.css(this._config.panelAutoHeightMode, max + offset - heights.header);
         }
 
         if (this._isFooterFixed()) {
@@ -1883,6 +1924,7 @@
   var EVENT_KEY$2 = "." + DATA_KEY$5;
   var JQUERY_NO_CONFLICT$5 = $__default['default'].fn[NAME$5];
   var EVENT_COLLAPSED$1 = "collapsed" + EVENT_KEY$2;
+  var EVENT_COLLAPSED_DONE = "collapsed-done" + EVENT_KEY$2;
   var EVENT_SHOWN = "shown" + EVENT_KEY$2;
   var SELECTOR_TOGGLE_BUTTON$1 = '[data-widget="pushmenu"]';
   var SELECTOR_BODY = 'body';
@@ -1895,7 +1937,8 @@
   var Default$5 = {
     autoCollapseSize: 992,
     enableRemember: false,
-    noTransitionAfterReload: true
+    noTransitionAfterReload: true,
+    animationSpeed: 300
   };
   /**
    * Class Definition
@@ -1937,6 +1980,8 @@
     };
 
     _proto.collapse = function collapse() {
+      var _this = this;
+
       var $bodySelector = $__default['default'](SELECTOR_BODY);
 
       if (this._options.autoCollapseSize && $__default['default'](window).width() <= this._options.autoCollapseSize) {
@@ -1950,6 +1995,9 @@
       }
 
       $__default['default'](this._element).trigger($__default['default'].Event(EVENT_COLLAPSED$1));
+      setTimeout(function () {
+        $__default['default'](_this._element).trigger($__default['default'].Event(EVENT_COLLAPSED_DONE));
+      }, this._options.animationSpeed);
     };
 
     _proto.toggle = function toggle() {
@@ -2013,23 +2061,23 @@
     ;
 
     _proto._init = function _init() {
-      var _this = this;
+      var _this2 = this;
 
       this.remember();
       this.autoCollapse();
       $__default['default'](window).resize(function () {
-        _this.autoCollapse(true);
+        _this2.autoCollapse(true);
       });
     };
 
     _proto._addOverlay = function _addOverlay() {
-      var _this2 = this;
+      var _this3 = this;
 
       var overlay = $__default['default']('<div />', {
         id: 'sidebar-overlay'
       });
       overlay.on('click', function () {
-        _this2.collapse();
+        _this3.collapse();
       });
       $__default['default'](SELECTOR_WRAPPER).append(overlay);
     } // Static