npm - admin-lte - Versions diffs - 4.0.0-rc7 → 4.0.1 - Mend

admin-lte 4.0.0-rc7 → 4.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (104) hide show

package/CHANGELOG.md +69 -0
package/README.md +202 -102
package/dist/UI/general.html +330 -129
package/dist/UI/icons.html +330 -129
package/dist/UI/timeline.html +330 -129
package/dist/css/adminlte.css +2798 -1167
package/dist/css/adminlte.css.map +1 -1
package/dist/css/adminlte.min.css +2 -2
package/dist/css/adminlte.min.css.map +1 -1
package/dist/css/adminlte.rtl.css +2798 -1167
package/dist/css/adminlte.rtl.css.map +1 -1
package/dist/css/adminlte.rtl.min.css +2 -2
package/dist/css/adminlte.rtl.min.css.map +1 -1
package/dist/docs/browser-support.html +287 -399
package/dist/docs/color-mode.html +268 -384
package/dist/docs/components/main-header.html +264 -376
package/dist/docs/components/main-sidebar.html +279 -391
package/dist/docs/customization.html +1080 -0
package/dist/docs/deployment.html +1145 -0
package/dist/docs/faq.html +883 -411
package/dist/docs/getting-started.html +991 -0
package/dist/docs/how-to-contribute.html +361 -464
package/dist/docs/index.html +16 -0
package/dist/docs/integrations.html +1231 -0
package/dist/docs/introduction.html +479 -448
package/dist/docs/javascript/accessibility.html +387 -493
package/dist/docs/javascript/card-widget.html +472 -452
package/dist/docs/javascript/direct-chat.html +350 -423
package/dist/docs/javascript/fullscreen.html +374 -418
package/dist/docs/javascript/layout.html +371 -438
package/dist/docs/javascript/plugins-overview.html +1144 -0
package/dist/docs/javascript/pushmenu.html +511 -494
package/dist/docs/javascript/treeview.html +492 -402
package/dist/docs/layout-blueprint.html +1087 -0
package/dist/docs/layout.html +313 -417
package/dist/docs/license.html +278 -389
package/dist/docs/migration.html +1149 -0
package/dist/docs/recipes.html +1185 -0
package/dist/docs/rtl.html +957 -0
package/dist/examples/lockscreen.html +91 -1
package/dist/examples/login-v2.html +91 -1
package/dist/examples/login.html +91 -1
package/dist/examples/register-v2.html +91 -1
package/dist/examples/register.html +91 -1
package/dist/forms/elements.html +1405 -0
package/dist/forms/{general.html → layout.html} +401 -489
package/dist/forms/validation.html +1275 -0
package/dist/forms/wizard.html +1410 -0
package/dist/generate/theme.html +160 -4
package/dist/index.html +330 -129
package/dist/index2.html +333 -129
package/dist/index3.html +330 -129
package/dist/js/adminlte.js +8 -5
package/dist/js/adminlte.js.map +1 -1
package/dist/js/adminlte.min.js +2 -2
package/dist/js/adminlte.min.js.map +1 -1
package/dist/layout/collapsed-sidebar-without-hover.html +330 -129
package/dist/layout/collapsed-sidebar.html +330 -129
package/dist/layout/fixed-complete.html +330 -129
package/dist/layout/fixed-footer.html +330 -129
package/dist/layout/fixed-header.html +330 -129
package/dist/layout/fixed-sidebar.html +330 -129
package/dist/layout/layout-custom-area.html +330 -129
package/dist/layout/layout-rtl.html +330 -129
package/dist/layout/logo-switch.html +160 -4
package/dist/layout/sidebar-mini.html +330 -129
package/dist/layout/unfixed-sidebar.html +330 -129
package/dist/mailbox/compose.html +1151 -0
package/dist/mailbox/inbox.html +1509 -0
package/dist/mailbox/read.html +1202 -0
package/dist/pages/404.html +239 -0
package/dist/pages/500.html +227 -0
package/dist/pages/calendar.html +1266 -0
package/dist/pages/chat.html +1427 -0
package/dist/pages/faq.html +1383 -0
package/dist/pages/file-manager.html +1835 -0
package/dist/pages/invoice.html +1199 -0
package/dist/pages/kanban.html +1439 -0
package/dist/pages/maintenance.html +230 -0
package/dist/pages/pricing.html +1279 -0
package/dist/pages/profile.html +1382 -0
package/dist/pages/projects.html +1644 -0
package/dist/pages/settings.html +1387 -0
package/dist/tables/data.html +1319 -0
package/dist/tables/simple.html +330 -129
package/dist/widgets/cards.html +330 -129
package/dist/widgets/info-box.html +330 -129
package/dist/widgets/small-box.html +330 -129
package/github-issue-response.md +40 -0
package/netlify.toml +16 -0
package/package.json +31 -24
package/src/scss/_app-header.scss +27 -0
package/src/scss/_app-sidebar.scss +24 -30
package/src/scss/_bootstrap-variables.scss +11 -4
package/src/scss/_docs.scss +816 -0
package/src/scss/_table.scss +4 -4
package/src/scss/adminlte.scss +4 -1
package/src/ts/accessibility.ts +9 -1
package/src/ts/adminlte.ts +1 -1
package/src/ts/fullscreen.ts +8 -4
package/src/ts/push-menu.ts +66 -5
package/.claude/settings.local.json +0 -37
package/CLAUDE.md +0 -79
package/release.md +0 -75

package/dist/pages/maintenance.html ADDED Viewed

@@ -0,0 +1,230 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <title>AdminLTE 4 | Maintenance</title>
+    <!--begin::Theme Init (prevents flash of incorrect theme on load, #6043)-->
+    <script>
+      (() => {
+        'use strict';
+        const STORAGE_KEY = 'lte-theme';
+        let stored = null;
+        try {
+          stored = localStorage.getItem(STORAGE_KEY);
+        } catch {
+          // localStorage may be unavailable (private mode, sandboxed iframe).
+        }
+        const prefersDark = globalThis.matchMedia('(prefers-color-scheme: dark)').matches;
+        // Mirror the resolution in _scripts.astro: explicit "dark"/"light" win,
+        // otherwise ("auto" or unset) fall back to the OS preference.
+        let resolved = 'light';
+        if (stored === 'dark' || stored === 'light') {
+          resolved = stored;
+        } else if (prefersDark) {
+          resolved = 'dark';
+        }
+        document.documentElement.setAttribute('data-bs-theme', resolved);
+        document.documentElement.style.colorScheme = resolved;
+      })();
+    </script>
+    <!--end::Theme Init-->
+    <!--begin::Accessibility Meta Tags-->
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+    <meta name="color-scheme" content="light dark" />
+    <meta name="theme-color" content="#007bff" media="(prefers-color-scheme: light)" />
+    <meta name="theme-color" content="#1a1a1a" media="(prefers-color-scheme: dark)" />
+    <!--end::Accessibility Meta Tags-->
+    <!--begin::Primary Meta Tags-->
+    <meta name="title" content="AdminLTE 4 | Maintenance" />
+    <meta name="author" content="ColorlibHQ" />
+    <meta
+      name="description"
+      content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS. Fully accessible with WCAG 2.1 AA compliance."
+    />
+    <meta
+      name="keywords"
+      content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard, accessible admin panel, WCAG compliant"
+    />
+    <!--end::Primary Meta Tags-->
+    <!--begin::Accessibility Features-->
+    <!-- Skip links will be dynamically added by accessibility.js -->
+    <meta name="supported-color-schemes" content="light dark" />
+    <link rel="preload" href="../css/adminlte.css" as="style" />
+    <!--end::Accessibility Features-->
+    <!--begin::Fonts-->
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
+      integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
+      crossorigin="anonymous"
+      media="print"
+      onload="this.media = 'all'"
+    />
+    <!--end::Fonts-->
+    <!--begin::Third Party Plugin(OverlayScrollbars)-->
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.11.0/styles/overlayscrollbars.min.css"
+      crossorigin="anonymous"
+    />
+    <!--end::Third Party Plugin(OverlayScrollbars)-->
+    <!--begin::Third Party Plugin(Bootstrap Icons)-->
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css"
+      crossorigin="anonymous"
+    />
+    <!--end::Third Party Plugin(Bootstrap Icons)-->
+    <!--begin::Required Plugin(AdminLTE)-->
+    <link rel="stylesheet" href="../css/adminlte.css" />
+    <!--end::Required Plugin(AdminLTE)-->
+  </head>
+  <body class="bg-body-tertiary">
+    <main class="d-flex align-items-center min-vh-100 py-5">
+      <div class="container">
+        <div class="row justify-content-center">
+          <div class="col-md-8 col-lg-6 text-center">
+            <i class="bi bi-tools text-warning" style="font-size: 4rem" aria-hidden="true"></i>
+            <h1 class="h3 mt-3 mb-2">We&rsquo;ll be right back.</h1>
+            <p class="text-secondary mb-4">
+              The application is undergoing scheduled maintenance. We expect to be back online
+              shortly. Thanks for your patience.
+            </p>
+            <div class="card mx-auto" style="max-width: 24rem">
+              <div class="card-body text-start">
+                <p class="text-secondary small mb-2">Estimated completion</p>
+                <p class="fw-semibold mb-0">
+                  <i class="bi bi-clock me-1" aria-hidden="true"></i>
+                  In approximately 30 minutes
+                </p>
+              </div>
+            </div>
+            <p class="text-secondary small mt-4 mb-0">
+              For urgent issues, reach us at
+              <a href="mailto:support@example.com">support@example.com</a>
+            </p>
+          </div>
+        </div>
+      </div>
+    </main>
+    <!--begin::Third Party Plugin(OverlayScrollbars)-->
+    <script
+      src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.11.0/browser/overlayscrollbars.browser.es6.min.js"
+      crossorigin="anonymous"
+    ></script>
+    <!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
+    <script
+      src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
+      crossorigin="anonymous"
+    ></script>
+    <!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
+    <script
+      src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/js/bootstrap.min.js"
+      crossorigin="anonymous"
+    ></script>
+    <!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
+    <script src="../js/adminlte.js"></script>
+    <!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
+    <script>
+      const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
+      const Default = {
+        scrollbarTheme: 'os-theme-light',
+        scrollbarAutoHide: 'leave',
+        scrollbarClickScroll: true,
+      };
+      document.addEventListener('DOMContentLoaded', function () {
+        const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
+        // Disable OverlayScrollbars on mobile devices to prevent touch interference
+        const isMobile = window.innerWidth <= 992;
+        if (
+          sidebarWrapper &&
+          OverlayScrollbarsGlobal?.OverlayScrollbars !== undefined &&
+          !isMobile
+        ) {
+          OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
+            scrollbars: {
+              theme: Default.scrollbarTheme,
+              autoHide: Default.scrollbarAutoHide,
+              clickScroll: Default.scrollbarClickScroll,
+            },
+          });
+        }
+      });
+    </script>
+    <!--end::OverlayScrollbars Configure--><!--begin::Color Mode Toggle (#6010)-->
+    <script>
+      (() => {
+        'use strict';
+        const STORAGE_KEY = 'lte-theme';
+        const getStoredTheme = () => localStorage.getItem(STORAGE_KEY);
+        const setStoredTheme = (theme) => localStorage.setItem(STORAGE_KEY, theme);
+        const prefersDark = () => globalThis.matchMedia('(prefers-color-scheme: dark)').matches;
+        const getPreferredTheme = () => {
+          const stored = getStoredTheme();
+          if (stored) return stored;
+          return prefersDark() ? 'dark' : 'light';
+        };
+        const setTheme = (theme) => {
+          const resolved = theme === 'auto' ? (prefersDark() ? 'dark' : 'light') : theme;
+          document.documentElement.setAttribute('data-bs-theme', resolved);
+        };
+        setTheme(getPreferredTheme());
+        const showActiveTheme = (theme) => {
+          // Highlight the active dropdown option
+          document.querySelectorAll('[data-bs-theme-value]').forEach((el) => {
+            el.classList.remove('active');
+            el.setAttribute('aria-pressed', 'false');
+            const check = el.querySelector('.bi-check-lg');
+            if (check) check.classList.add('d-none');
+          });
+          const active = document.querySelector(`[data-bs-theme-value="${theme}"]`);
+          if (active) {
+            active.classList.add('active');
+            active.setAttribute('aria-pressed', 'true');
+            const check = active.querySelector('.bi-check-lg');
+            if (check) check.classList.remove('d-none');
+          }
+          // Sync the topbar trigger icon
+          document.querySelectorAll('[data-lte-theme-icon]').forEach((icon) => {
+            icon.classList.toggle('d-none', icon.dataset.lteThemeIcon !== theme);
+          });
+        };
+        globalThis.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
+          const stored = getStoredTheme();
+          if (!stored || stored === 'auto') setTheme(getPreferredTheme());
+        });
+        document.addEventListener('DOMContentLoaded', () => {
+          showActiveTheme(getPreferredTheme());
+          document.querySelectorAll('[data-bs-theme-value]').forEach((toggle) => {
+            toggle.addEventListener('click', () => {
+              const theme = toggle.getAttribute('data-bs-theme-value');
+              setStoredTheme(theme);
+              setTheme(theme);
+              showActiveTheme(theme);
+            });
+          });
+        });
+      })();
+    </script>
+    <!--end::Color Mode Toggle-->
+  </body>
+</html>