admin-lte 4.0.0-rc7 → 4.0.0

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 (102) hide show
  1. package/CHANGELOG.md +48 -0
  2. package/README.md +43 -17
  3. package/dist/UI/general.html +303 -126
  4. package/dist/UI/icons.html +303 -126
  5. package/dist/UI/timeline.html +303 -126
  6. package/dist/css/adminlte.css +2798 -1167
  7. package/dist/css/adminlte.css.map +1 -1
  8. package/dist/css/adminlte.min.css +2 -2
  9. package/dist/css/adminlte.min.css.map +1 -1
  10. package/dist/css/adminlte.rtl.css +2798 -1167
  11. package/dist/css/adminlte.rtl.css.map +1 -1
  12. package/dist/css/adminlte.rtl.min.css +2 -2
  13. package/dist/css/adminlte.rtl.min.css.map +1 -1
  14. package/dist/docs/browser-support.html +261 -397
  15. package/dist/docs/color-mode.html +242 -382
  16. package/dist/docs/components/main-header.html +238 -374
  17. package/dist/docs/components/main-sidebar.html +253 -389
  18. package/dist/docs/customization.html +1056 -0
  19. package/dist/docs/deployment.html +1121 -0
  20. package/dist/docs/faq.html +857 -409
  21. package/dist/docs/getting-started.html +967 -0
  22. package/dist/docs/how-to-contribute.html +335 -462
  23. package/dist/docs/index.html +16 -0
  24. package/dist/docs/integrations.html +1207 -0
  25. package/dist/docs/introduction.html +453 -446
  26. package/dist/docs/javascript/accessibility.html +361 -491
  27. package/dist/docs/javascript/card-widget.html +446 -450
  28. package/dist/docs/javascript/direct-chat.html +324 -421
  29. package/dist/docs/javascript/fullscreen.html +348 -416
  30. package/dist/docs/javascript/layout.html +345 -436
  31. package/dist/docs/javascript/plugins-overview.html +1120 -0
  32. package/dist/docs/javascript/pushmenu.html +485 -492
  33. package/dist/docs/javascript/treeview.html +466 -400
  34. package/dist/docs/layout-blueprint.html +1063 -0
  35. package/dist/docs/layout.html +287 -415
  36. package/dist/docs/license.html +252 -387
  37. package/dist/docs/migration.html +1125 -0
  38. package/dist/docs/recipes.html +1161 -0
  39. package/dist/docs/rtl.html +933 -0
  40. package/dist/examples/lockscreen.html +65 -1
  41. package/dist/examples/login-v2.html +65 -1
  42. package/dist/examples/login.html +65 -1
  43. package/dist/examples/register-v2.html +65 -1
  44. package/dist/examples/register.html +65 -1
  45. package/dist/forms/{general.html → elements.html} +489 -463
  46. package/dist/forms/layout.html +1243 -0
  47. package/dist/forms/validation.html +1251 -0
  48. package/dist/forms/wizard.html +1386 -0
  49. package/dist/generate/theme.html +134 -4
  50. package/dist/index.html +303 -126
  51. package/dist/index2.html +306 -126
  52. package/dist/index3.html +303 -126
  53. package/dist/js/adminlte.js +5 -5
  54. package/dist/js/adminlte.js.map +1 -1
  55. package/dist/js/adminlte.min.js +2 -2
  56. package/dist/js/adminlte.min.js.map +1 -1
  57. package/dist/layout/collapsed-sidebar-without-hover.html +303 -126
  58. package/dist/layout/collapsed-sidebar.html +303 -126
  59. package/dist/layout/fixed-complete.html +303 -126
  60. package/dist/layout/fixed-footer.html +303 -126
  61. package/dist/layout/fixed-header.html +303 -126
  62. package/dist/layout/fixed-sidebar.html +303 -126
  63. package/dist/layout/layout-custom-area.html +303 -126
  64. package/dist/layout/layout-rtl.html +303 -126
  65. package/dist/layout/logo-switch.html +134 -4
  66. package/dist/layout/sidebar-mini.html +303 -126
  67. package/dist/layout/unfixed-sidebar.html +303 -126
  68. package/dist/mailbox/compose.html +1127 -0
  69. package/dist/mailbox/inbox.html +1477 -0
  70. package/dist/mailbox/read.html +1178 -0
  71. package/dist/pages/404.html +213 -0
  72. package/dist/pages/500.html +201 -0
  73. package/dist/pages/calendar.html +1242 -0
  74. package/dist/pages/chat.html +1403 -0
  75. package/dist/pages/faq.html +1359 -0
  76. package/dist/pages/file-manager.html +1811 -0
  77. package/dist/pages/invoice.html +1175 -0
  78. package/dist/pages/kanban.html +1415 -0
  79. package/dist/pages/maintenance.html +204 -0
  80. package/dist/pages/pricing.html +1255 -0
  81. package/dist/pages/profile.html +1358 -0
  82. package/dist/pages/projects.html +1620 -0
  83. package/dist/pages/settings.html +1363 -0
  84. package/dist/tables/data.html +1295 -0
  85. package/dist/tables/simple.html +303 -126
  86. package/dist/widgets/cards.html +303 -126
  87. package/dist/widgets/info-box.html +303 -126
  88. package/dist/widgets/small-box.html +303 -126
  89. package/netlify.toml +16 -0
  90. package/package.json +29 -23
  91. package/src/scss/_app-header.scss +27 -0
  92. package/src/scss/_app-sidebar.scss +24 -30
  93. package/src/scss/_bootstrap-variables.scss +11 -4
  94. package/src/scss/_docs.scss +816 -0
  95. package/src/scss/_table.scss +4 -4
  96. package/src/scss/adminlte.scss +4 -1
  97. package/src/ts/adminlte.ts +1 -1
  98. package/src/ts/fullscreen.ts +8 -4
  99. package/src/ts/push-menu.ts +66 -5
  100. package/.claude/settings.local.json +0 -37
  101. package/CLAUDE.md +0 -79
  102. package/release.md +0 -75
package/dist/pages/maintenance.html ADDED
@@ -0,0 +1,204 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5
+ <title>AdminLTE 4 | Maintenance</title>
6
+
7
+ <!--begin::Accessibility Meta Tags-->
8
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
9
+ <meta name="color-scheme" content="light dark" />
10
+ <meta name="theme-color" content="#007bff" media="(prefers-color-scheme: light)" />
11
+ <meta name="theme-color" content="#1a1a1a" media="(prefers-color-scheme: dark)" />
12
+ <!--end::Accessibility Meta Tags-->
13
+
14
+ <!--begin::Primary Meta Tags-->
15
+ <meta name="title" content="AdminLTE 4 | Maintenance" />
16
+ <meta name="author" content="ColorlibHQ" />
17
+ <meta
18
+ name="description"
19
+ content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS. Fully accessible with WCAG 2.1 AA compliance."
20
+ />
21
+ <meta
22
+ name="keywords"
23
+ 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"
24
+ />
25
+ <!--end::Primary Meta Tags-->
26
+
27
+ <!--begin::Accessibility Features-->
28
+ <!-- Skip links will be dynamically added by accessibility.js -->
29
+ <meta name="supported-color-schemes" content="light dark" />
30
+ <link rel="preload" href="../css/adminlte.css" as="style" />
31
+ <!--end::Accessibility Features-->
32
+
33
+ <!--begin::Fonts-->
34
+ <link
35
+ rel="stylesheet"
36
+ href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
37
+ integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
38
+ crossorigin="anonymous"
39
+ media="print"
40
+ onload="this.media = 'all'"
41
+ />
42
+ <!--end::Fonts-->
43
+
44
+ <!--begin::Third Party Plugin(OverlayScrollbars)-->
45
+ <link
46
+ rel="stylesheet"
47
+ href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.11.0/styles/overlayscrollbars.min.css"
48
+ crossorigin="anonymous"
49
+ />
50
+ <!--end::Third Party Plugin(OverlayScrollbars)-->
51
+
52
+ <!--begin::Third Party Plugin(Bootstrap Icons)-->
53
+ <link
54
+ rel="stylesheet"
55
+ href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css"
56
+ crossorigin="anonymous"
57
+ />
58
+ <!--end::Third Party Plugin(Bootstrap Icons)-->
59
+
60
+ <!--begin::Required Plugin(AdminLTE)-->
61
+ <link rel="stylesheet" href="../css/adminlte.css" />
62
+ <!--end::Required Plugin(AdminLTE)-->
63
+ </head>
64
+ <body class="bg-body-tertiary">
65
+ <main class="d-flex align-items-center min-vh-100 py-5">
66
+ <div class="container">
67
+ <div class="row justify-content-center">
68
+ <div class="col-md-8 col-lg-6 text-center">
69
+ <i class="bi bi-tools text-warning" style="font-size: 4rem" aria-hidden="true"></i>
70
+ <h1 class="h3 mt-3 mb-2">We&rsquo;ll be right back.</h1>
71
+ <p class="text-secondary mb-4">
72
+ The application is undergoing scheduled maintenance. We expect to be back online
73
+ shortly. Thanks for your patience.
74
+ </p>
75
+ <div class="card mx-auto" style="max-width: 24rem">
76
+ <div class="card-body text-start">
77
+ <p class="text-secondary small mb-2">Estimated completion</p>
78
+ <p class="fw-semibold mb-0">
79
+ <i class="bi bi-clock me-1" aria-hidden="true"></i>
80
+ In approximately 30 minutes
81
+ </p>
82
+ </div>
83
+ </div>
84
+ <p class="text-secondary small mt-4 mb-0">
85
+ For urgent issues, reach us at
86
+ <a href="mailto:support@example.com">support@example.com</a>
87
+ </p>
88
+ </div>
89
+ </div>
90
+ </div>
91
+ </main>
92
+ <!--begin::Third Party Plugin(OverlayScrollbars)-->
93
+ <script
94
+ src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.11.0/browser/overlayscrollbars.browser.es6.min.js"
95
+ crossorigin="anonymous"
96
+ ></script>
97
+ <!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
98
+ <script
99
+ src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
100
+ crossorigin="anonymous"
101
+ ></script>
102
+ <!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
103
+ <script
104
+ src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/js/bootstrap.min.js"
105
+ crossorigin="anonymous"
106
+ ></script>
107
+ <!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
108
+ <script src="../js/adminlte.js"></script>
109
+ <!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
110
+ <script>
111
+ const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
112
+ const Default = {
113
+ scrollbarTheme: 'os-theme-light',
114
+ scrollbarAutoHide: 'leave',
115
+ scrollbarClickScroll: true,
116
+ };
117
+ document.addEventListener('DOMContentLoaded', function () {
118
+ const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
119
+
120
+ // Disable OverlayScrollbars on mobile devices to prevent touch interference
121
+ const isMobile = window.innerWidth <= 992;
122
+
123
+ if (
124
+ sidebarWrapper &&
125
+ OverlayScrollbarsGlobal?.OverlayScrollbars !== undefined &&
126
+ !isMobile
127
+ ) {
128
+ OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
129
+ scrollbars: {
130
+ theme: Default.scrollbarTheme,
131
+ autoHide: Default.scrollbarAutoHide,
132
+ clickScroll: Default.scrollbarClickScroll,
133
+ },
134
+ });
135
+ }
136
+ });
137
+ </script>
138
+ <!--end::OverlayScrollbars Configure--><!--begin::Color Mode Toggle (#6010)-->
139
+ <script>
140
+ (() => {
141
+ 'use strict';
142
+
143
+ const STORAGE_KEY = 'lte-theme';
144
+
145
+ const getStoredTheme = () => localStorage.getItem(STORAGE_KEY);
146
+ const setStoredTheme = (theme) => localStorage.setItem(STORAGE_KEY, theme);
147
+
148
+ const prefersDark = () => globalThis.matchMedia('(prefers-color-scheme: dark)').matches;
149
+
150
+ const getPreferredTheme = () => {
151
+ const stored = getStoredTheme();
152
+ if (stored) return stored;
153
+ return prefersDark() ? 'dark' : 'light';
154
+ };
155
+
156
+ const setTheme = (theme) => {
157
+ const resolved = theme === 'auto' ? (prefersDark() ? 'dark' : 'light') : theme;
158
+ document.documentElement.setAttribute('data-bs-theme', resolved);
159
+ };
160
+
161
+ setTheme(getPreferredTheme());
162
+
163
+ const showActiveTheme = (theme) => {
164
+ // Highlight the active dropdown option
165
+ document.querySelectorAll('[data-bs-theme-value]').forEach((el) => {
166
+ el.classList.remove('active');
167
+ el.setAttribute('aria-pressed', 'false');
168
+ const check = el.querySelector('.bi-check-lg');
169
+ if (check) check.classList.add('d-none');
170
+ });
171
+ const active = document.querySelector(`[data-bs-theme-value="${theme}"]`);
172
+ if (active) {
173
+ active.classList.add('active');
174
+ active.setAttribute('aria-pressed', 'true');
175
+ const check = active.querySelector('.bi-check-lg');
176
+ if (check) check.classList.remove('d-none');
177
+ }
178
+ // Sync the topbar trigger icon
179
+ document.querySelectorAll('[data-lte-theme-icon]').forEach((icon) => {
180
+ icon.classList.toggle('d-none', icon.dataset.lteThemeIcon !== theme);
181
+ });
182
+ };
183
+
184
+ globalThis.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
185
+ const stored = getStoredTheme();
186
+ if (!stored || stored === 'auto') setTheme(getPreferredTheme());
187
+ });
188
+
189
+ document.addEventListener('DOMContentLoaded', () => {
190
+ showActiveTheme(getPreferredTheme());
191
+ document.querySelectorAll('[data-bs-theme-value]').forEach((toggle) => {
192
+ toggle.addEventListener('click', () => {
193
+ const theme = toggle.getAttribute('data-bs-theme-value');
194
+ setStoredTheme(theme);
195
+ setTheme(theme);
196
+ showActiveTheme(theme);
197
+ });
198
+ });
199
+ });
200
+ })();
201
+ </script>
202
+ <!--end::Color Mode Toggle-->
203
+ </body>
204
+ </html>