admin-lte 4.8.5 → 4.9.1

package/dist/js/adminlte.esm.js

@@ -1,5 +1,5 @@
 /*!
- * AdminLTE v4.8.5 (https://adminlte.io)
+ * AdminLTE v4.9.1 (https://adminlte.io)
  * Copyright 2014-2026 Colorlib <https://colorlib.com>
  * Licensed under MIT (https://github.com/ColorlibHQ/AdminLTE/blob/master/LICENSE)
  */

package/dist/js/adminlte.esm.min.js

@@ -1,5 +1,5 @@
 /*!
- * AdminLTE v4.8.5 (https://adminlte.io)
+ * AdminLTE v4.9.1 (https://adminlte.io)
  * Copyright 2014-2026 Colorlib <https://colorlib.com>
  * Licensed under MIT (https://github.com/ColorlibHQ/AdminLTE/blob/master/LICENSE)
  */

package/dist/js/adminlte.js

@@ -1,5 +1,5 @@
 /*!
- * AdminLTE v4.8.5 (https://adminlte.io)
+ * AdminLTE v4.9.1 (https://adminlte.io)
  * Copyright 2014-2026 Colorlib <https://colorlib.com>
  * Licensed under MIT (https://github.com/ColorlibHQ/AdminLTE/blob/master/LICENSE)
  */

package/dist/js/adminlte.min.js

@@ -1,5 +1,5 @@
 /*!
- * AdminLTE v4.8.5 (https://adminlte.io)
+ * AdminLTE v4.9.1 (https://adminlte.io)
  * Copyright 2014-2026 Colorlib <https://colorlib.com>
  * Licensed under MIT (https://github.com/ColorlibHQ/AdminLTE/blob/master/LICENSE)
  */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "admin-lte",
   "description": "Responsive open source admin dashboard and control panel.",
-  "version": "4.8.5",
+  "version": "4.9.1",
   "type": "module",
   "license": "MIT",
   "author": "Colorlib <https://colorlib.com>",

package/src/scss/_accessibility.scss

@@ -309,7 +309,7 @@ fieldset {
   // quote, work order, packing slip) rather than as a copy of a web page: no
   // URLs after links, no outline around buttons. Goes on <html>, <body> or any
   // container; text stays black on white either way (#6108).
-  [data-lte-print="plain"] {
+  [data-lte-print~="plain"] {
     a[href^="http"]::after {
       content: none;
     }
@@ -319,50 +319,93 @@ fieldset {
     }
   }
 
-  /* Print Layout Fix - Ensure sidebar and main content are both visible.
-     `:not(.d-print-none)` on the two rules that force `display`, so Bootstrap's
-     print display utilities keep working: these are defaults for the standard
-     layout, not something a page should have to fight to hide. */
+  /* Print Layout — paged media cannot scroll, so every sticky position and
+     every scroll container has to be unwound here or the browser clips what
+     is inside it: that is what printed the main content blank in 4.0.0
+     (#5982). `:not(.d-print-none)` on the rule that forces `display`, so
+     Bootstrap's print display utilities keep working (#6106). */
+  .app-header,
+  .app-sidebar,
+  .app-footer {
+    position: static !important;
+  }
+
   .app-wrapper:not(.d-print-none) {
     display: grid !important;
     grid-template-rows: auto 1fr auto !important;
     grid-template-columns: auto 1fr !important;
   }
 
-  .sidebar-overlay {
-    display: none !important;
+  // `.app-main`'s bottom padding is breathing room above the fold; on paper it
+  // is trailing whitespace, and 12px of it is enough to tip a page whose
+  // content ends near a sheet boundary onto one more, empty sheet — which is
+  // what UI/ribbons.html did. The bottom area's negative margin exists only to
+  // cancel that padding, so it goes with it (#6113).
+  .app-main {
+    width: auto !important;
+    padding-bottom: 0 !important;
   }
 
-  .app-sidebar:not(.d-print-none) {
-    position: static !important;
-    display: block !important;
-    min-width: 200px !important;
-    max-width: 200px !important;
-    max-height: none !important;
-    margin-left: 0 !important;
-    overflow: visible !important;
+  .app-content-bottom-area {
+    margin-bottom: 0 !important;
   }
 
+  .app-main,
+  .app-content,
   .sidebar-wrapper {
-    height: auto !important;
     overflow: visible !important;
   }
 
-  .app-header {
-    position: static !important;
+  .sidebar-wrapper {
+    height: auto !important;
   }
 
-  .app-main {
-    width: auto !important;
-    max-width: 100% !important;
-    overflow: visible !important;
+  .app-sidebar {
+    min-width: 200px !important;
+    max-width: 200px !important;
+    max-height: none !important;
+    margin-left: 0 !important;
   }
 
-  .app-content {
-    overflow: visible !important;
+  // Paper has no viewport to fill. `vh` and `vw` resolve against the page area
+  // in print, so `min-height: 100vh` made the wrapper exactly one sheet tall
+  // however short the content was: a three-line page still reserved a whole
+  // sheet, the footer was pushed to the foot of it, and anything that followed
+  // opened a second page. `max-width: 100vw` is the same measurement applied
+  // sideways — it caps the layout at the width of one sheet, which says
+  // nothing useful once the content is being paginated (#6113).
+  .app-wrapper {
+    min-height: 0 !important;
   }
 
+  .app-wrapper,
+  .app-header,
+  .app-main,
   .app-footer {
-    position: static !important;
+    max-width: none !important;
+  }
+
+  // The shell — top bar, sidebar menu, footer — is navigation and chrome, not
+  // content. Printing it spent the first 200px of every sheet on a menu the
+  // reader cannot click and added the sidebar's own length to the page count,
+  // so an invoice came out squeezed into a narrow column and two pages long
+  // (#6113). v3 hid all three; v4 now does the same. Bring one back with
+  // Bootstrap's `.d-print-block` / `.d-print-flex`, or the whole shell with
+  // `data-lte-print="app"` on <html> or <body>, for a page that really does
+  // print as a copy of the screen.
+  html:not([data-lte-print~="app"]) body:not([data-lte-print~="app"]) {
+    .app-header,
+    .app-sidebar,
+    .app-footer {
+      &:not(.d-print-block):not(.d-print-flex) {
+        display: none !important;
+      }
+    }
+  }
+
+  // The backdrop behind the off-canvas sidebar has nothing to print in any
+  // mode.
+  .sidebar-overlay {
+    display: none !important;
   }
 }

package/src/scss/adminlte-colors-v3.scss

@@ -1,5 +1,5 @@
 /*!
- *   AdminLTE v4.8.5 — AdminLTE 3 color palette (legacy)
+ *   AdminLTE v4.9.1 — AdminLTE 3 color palette (legacy)
  *   Opt-in. The extended colours exactly as AdminLTE 3 shipped them — same
  *   names, same values, same text-colour rule (Bootstrap 4's YIQ brightness
  *   test, so lightblue, olive and teal take white text as they did) — with

package/src/scss/adminlte-colors.scss

@@ -1,5 +1,5 @@
 /*!
- *   AdminLTE v4.8.5 — Extended color palette
+ *   AdminLTE v4.9.1 — Extended color palette
  *   Opt-in. Nothing here is in adminlte.css: load this sheet after it and you
  *   get fourteen additional colours (orange, amber, olive, teal, sky, indigo,
  *   violet, fuchsia, pink, navy, steel, slate, graphite, midnight) as `--bs-*`

package/src/scss/adminlte-docs.scss

@@ -1,5 +1,5 @@
 /*!
- *   AdminLTE v4.8.5 — documentation styles
+ *   AdminLTE v4.9.1 — documentation styles
  *   Styles for the documentation and FAQ pages only (body.docs-page /
  *   body.faq-page). Applications never need this file; it is loaded by the
  *   docs pages in addition to adminlte.css.

package/src/scss/adminlte-select2.scss

@@ -1,5 +1,5 @@
 /*!
- *   AdminLTE v4.8.5 — Select2 compatibility theme
+ *   AdminLTE v4.9.1 — Select2 compatibility theme
  *   Styling only. AdminLTE bundles neither Select2 nor jQuery; this optional
  *   sheet makes a Select2 you load yourself match Bootstrap 5.3 form controls,
  *   including `data-bs-theme` dark mode. Load it AFTER select2.css.

package/src/scss/adminlte.scss

@@ -1,5 +1,5 @@
 /*!
- *   AdminLTE v4.8.5
+ *   AdminLTE v4.9.1
  *   Author: Colorlib
  *   Website: AdminLTE.io <https://adminlte.io>
  *   License: Open source - MIT <https://opensource.org/licenses/MIT>

package/src/ts/adminlte.ts

@@ -10,7 +10,7 @@ import SidebarSearch from './sidebar-search.js'
 import { initAccessibility } from './accessibility.js'
 
 /**
- * AdminLTE v4.8.5
+ * AdminLTE v4.9.1
  * Author: Colorlib
  * Website: AdminLTE.io <https://adminlte.io>
  * License: Open source - MIT <https://opensource.org/licenses/MIT>