admin-lte 4.0.0-rc4 → 4.0.0-rc7

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 (81) hide show
  1. package/.browserslistrc +1 -0
  2. package/.claude/settings.local.json +27 -18
  3. package/CHANGELOG.md +143 -0
  4. package/CLAUDE.md +61 -88
  5. package/README.md +77 -20
  6. package/SECURITY.md +99 -0
  7. package/dist/UI/general.html +263 -72
  8. package/dist/UI/icons.html +94 -14
  9. package/dist/UI/timeline.html +108 -20
  10. package/dist/css/adminlte.css +162 -127
  11. package/dist/css/adminlte.css.map +1 -1
  12. package/dist/css/adminlte.min.css +2 -2
  13. package/dist/css/adminlte.min.css.map +1 -1
  14. package/dist/css/adminlte.rtl.css +162 -127
  15. package/dist/css/adminlte.rtl.css.map +1 -1
  16. package/dist/css/adminlte.rtl.min.css +2 -2
  17. package/dist/css/adminlte.rtl.min.css.map +1 -1
  18. package/dist/docs/browser-support.html +91 -13
  19. package/dist/docs/color-mode.html +96 -14
  20. package/dist/docs/components/main-header.html +111 -19
  21. package/dist/docs/components/main-sidebar.html +91 -13
  22. package/dist/docs/faq.html +91 -13
  23. package/dist/docs/how-to-contribute.html +91 -13
  24. package/dist/docs/introduction.html +97 -19
  25. package/dist/docs/javascript/accessibility.html +1055 -0
  26. package/dist/docs/javascript/card-widget.html +999 -0
  27. package/dist/docs/javascript/direct-chat.html +969 -0
  28. package/dist/docs/javascript/fullscreen.html +949 -0
  29. package/dist/docs/javascript/layout.html +975 -0
  30. package/dist/docs/javascript/pushmenu.html +1028 -0
  31. package/dist/docs/javascript/treeview.html +91 -13
  32. package/dist/docs/layout.html +93 -13
  33. package/dist/docs/license.html +91 -13
  34. package/dist/examples/lockscreen.html +23 -3
  35. package/dist/examples/login-v2.html +30 -5
  36. package/dist/examples/login.html +30 -5
  37. package/dist/examples/register-v2.html +30 -5
  38. package/dist/examples/register.html +30 -5
  39. package/dist/forms/general.html +114 -19
  40. package/dist/generate/theme.html +59 -15
  41. package/dist/index.html +127 -16
  42. package/dist/index2.html +195 -33
  43. package/dist/index3.html +138 -25
  44. package/dist/js/adminlte.js +179 -272
  45. package/dist/js/adminlte.js.map +1 -1
  46. package/dist/js/adminlte.min.js +3 -3
  47. package/dist/js/adminlte.min.js.map +1 -1
  48. package/dist/layout/collapsed-sidebar-without-hover.html +943 -0
  49. package/dist/layout/collapsed-sidebar.html +91 -12
  50. package/dist/layout/fixed-complete.html +93 -15
  51. package/dist/layout/fixed-footer.html +92 -13
  52. package/dist/layout/fixed-header.html +92 -13
  53. package/dist/layout/fixed-sidebar.html +93 -13
  54. package/dist/layout/layout-custom-area.html +102 -15
  55. package/dist/layout/layout-rtl.html +92 -13
  56. package/dist/layout/logo-switch.html +44 -11
  57. package/dist/layout/sidebar-mini.html +91 -12
  58. package/dist/layout/unfixed-sidebar.html +92 -13
  59. package/dist/tables/simple.html +163 -36
  60. package/dist/widgets/cards.html +106 -13
  61. package/dist/widgets/info-box.html +178 -30
  62. package/dist/widgets/small-box.html +95 -13
  63. package/index.html +1 -1
  64. package/package.json +28 -28
  65. package/release.md +75 -0
  66. package/src/scss/_accessibility.scss +44 -6
  67. package/src/scss/_app-footer.scss +9 -0
  68. package/src/scss/_app-sidebar.scss +55 -44
  69. package/src/scss/_bootstrap-variables.scss +1 -1
  70. package/src/scss/_cards.scss +6 -4
  71. package/src/scss/_dropdown.scss +5 -28
  72. package/src/scss/adminlte.scss +1 -1
  73. package/src/scss/pages/_login_and_register.scss +1 -1
  74. package/src/ts/accessibility.ts +22 -12
  75. package/src/ts/adminlte.ts +2 -14
  76. package/src/ts/card-widget.ts +4 -2
  77. package/src/ts/layout.ts +34 -16
  78. package/src/ts/push-menu.ts +238 -72
  79. package/src/ts/treeview.ts +19 -1
  80. package/src/ts/util/index.ts +10 -0
  81. package/README 2.md +0 -106
package/dist/UI/general.html CHANGED
@@ -4,12 +4,14 @@
4
4
  <head>
5
5
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6
6
  <title>AdminLTE 4 | General UI Elements</title>
7
+
7
8
  <!--begin::Accessibility Meta Tags-->
8
9
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
9
10
  <meta name="color-scheme" content="light dark" />
10
11
  <meta name="theme-color" content="#007bff" media="(prefers-color-scheme: light)" />
11
12
  <meta name="theme-color" content="#1a1a1a" media="(prefers-color-scheme: dark)" />
12
13
  <!--end::Accessibility Meta Tags-->
14
+
13
15
  <!--begin::Primary Meta Tags-->
14
16
  <meta name="title" content="AdminLTE 4 | General UI Elements" />
15
17
  <meta name="author" content="ColorlibHQ" />
@@ -22,11 +24,13 @@
22
24
  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"
23
25
  />
24
26
  <!--end::Primary Meta Tags-->
27
+
25
28
  <!--begin::Accessibility Features-->
26
29
  <!-- Skip links will be dynamically added by accessibility.js -->
27
30
  <meta name="supported-color-schemes" content="light dark" />
28
31
  <link rel="preload" href="../css/adminlte.css" as="style" />
29
32
  <!--end::Accessibility Features-->
33
+
30
34
  <!--begin::Fonts-->
31
35
  <link
32
36
  rel="stylesheet"
@@ -34,9 +38,10 @@
34
38
  integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
35
39
  crossorigin="anonymous"
36
40
  media="print"
37
- onload="this.media='all'"
41
+ onload="this.media = 'all'"
38
42
  />
39
43
  <!--end::Fonts-->
44
+
40
45
  <!--begin::Third Party Plugin(OverlayScrollbars)-->
41
46
  <link
42
47
  rel="stylesheet"
@@ -44,6 +49,7 @@
44
49
  crossorigin="anonymous"
45
50
  />
46
51
  <!--end::Third Party Plugin(OverlayScrollbars)-->
52
+
47
53
  <!--begin::Third Party Plugin(Bootstrap Icons)-->
48
54
  <link
49
55
  rel="stylesheet"
@@ -51,13 +57,14 @@
51
57
  crossorigin="anonymous"
52
58
  />
53
59
  <!--end::Third Party Plugin(Bootstrap Icons)-->
60
+
54
61
  <!--begin::Required Plugin(AdminLTE)-->
55
62
  <link rel="stylesheet" href="../css/adminlte.css" />
56
63
  <!--end::Required Plugin(AdminLTE)-->
57
64
  </head>
58
65
  <!--end::Head-->
59
66
  <!--begin::Body-->
60
- <body class="layout-fixed sidebar-expand-lg sidebar-open bg-body-tertiary">
67
+ <body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
61
68
  <!--begin::App Wrapper-->
62
69
  <div class="app-wrapper">
63
70
  <!--begin::Header-->
@@ -71,10 +78,15 @@
71
78
  <i class="bi bi-list"></i>
72
79
  </a>
73
80
  </li>
74
- <li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Home</a></li>
75
- <li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Contact</a></li>
81
+ <li class="nav-item d-none d-md-block">
82
+ <a href="#" class="nav-link">Home</a>
83
+ </li>
84
+ <li class="nav-item d-none d-md-block">
85
+ <a href="#" class="nav-link">Contact</a>
86
+ </li>
76
87
  </ul>
77
88
  <!--end::Start Navbar Links-->
89
+
78
90
  <!--begin::End Navbar Links-->
79
91
  <ul class="navbar-nav ms-auto">
80
92
  <!--begin::Navbar Search-->
@@ -84,6 +96,7 @@
84
96
  </a>
85
97
  </li>
86
98
  <!--end::Navbar Search-->
99
+
87
100
  <!--begin::Messages Dropdown Menu-->
88
101
  <li class="nav-item dropdown">
89
102
  <a class="nav-link" data-bs-toggle="dropdown" href="#">
@@ -173,6 +186,7 @@
173
186
  </div>
174
187
  </li>
175
188
  <!--end::Messages Dropdown Menu-->
189
+
176
190
  <!--begin::Notifications Dropdown Menu-->
177
191
  <li class="nav-item dropdown">
178
192
  <a class="nav-link" data-bs-toggle="dropdown" href="#">
@@ -201,6 +215,7 @@
201
215
  </div>
202
216
  </li>
203
217
  <!--end::Notifications Dropdown Menu-->
218
+
204
219
  <!--begin::Fullscreen Toggle-->
205
220
  <li class="nav-item">
206
221
  <a class="nav-link" href="#" data-lte-toggle="fullscreen">
@@ -209,6 +224,7 @@
209
224
  </a>
210
225
  </li>
211
226
  <!--end::Fullscreen Toggle-->
227
+
212
228
  <!--begin::User Menu Dropdown-->
213
229
  <li class="nav-item dropdown user-menu">
214
230
  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
@@ -237,17 +253,23 @@
237
253
  <li class="user-body">
238
254
  <!--begin::Row-->
239
255
  <div class="row">
240
- <div class="col-4 text-center"><a href="#">Followers</a></div>
241
- <div class="col-4 text-center"><a href="#">Sales</a></div>
242
- <div class="col-4 text-center"><a href="#">Friends</a></div>
256
+ <div class="col-4 text-center">
257
+ <a href="#">Followers</a>
258
+ </div>
259
+ <div class="col-4 text-center">
260
+ <a href="#">Sales</a>
261
+ </div>
262
+ <div class="col-4 text-center">
263
+ <a href="#">Friends</a>
264
+ </div>
243
265
  </div>
244
266
  <!--end::Row-->
245
267
  </li>
246
268
  <!--end::Menu Body-->
247
269
  <!--begin::Menu Footer-->
248
270
  <li class="user-footer">
249
- <a href="#" class="btn btn-default btn-flat">Profile</a>
250
- <a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
271
+ <a href="#" class="btn btn-outline-secondary">Profile</a>
272
+ <a href="#" class="btn btn-outline-danger float-end">Sign out</a>
251
273
  </li>
252
274
  <!--end::Menu Footer-->
253
275
  </ul>
@@ -360,7 +382,7 @@
360
382
  <i class="nav-icon bi bi-clipboard-fill"></i>
361
383
  <p>
362
384
  Layout Options
363
- <span class="nav-badge badge text-bg-secondary me-3">6</span>
385
+ <span class="nav-badge badge text-bg-secondary me-3">7</span>
364
386
  <i class="nav-arrow bi bi-chevron-right"></i>
365
387
  </p>
366
388
  </a>
@@ -413,6 +435,12 @@
413
435
  <p>Sidebar Mini <small>+ Collapsed</small></p>
414
436
  </a>
415
437
  </li>
438
+ <li class="nav-item">
439
+ <a href="../layout/collapsed-sidebar-without-hover.html" class="nav-link">
440
+ <i class="nav-icon bi bi-circle"></i>
441
+ <p>Sidebar Mini <small>+ Collapsed + No Hover</small></p>
442
+ </a>
443
+ </li>
416
444
  <li class="nav-item">
417
445
  <a href="../layout/logo-switch.html" class="nav-link">
418
446
  <i class="nav-icon bi bi-circle"></i>
@@ -490,6 +518,7 @@
490
518
  </li>
491
519
  </ul>
492
520
  </li>
521
+
493
522
  <li class="nav-header">EXAMPLES</li>
494
523
  <li class="nav-item">
495
524
  <a href="#" class="nav-link">
@@ -554,6 +583,7 @@
554
583
  </li>
555
584
  </ul>
556
585
  </li>
586
+
557
587
  <li class="nav-header">DOCUMENTATIONS</li>
558
588
  <li class="nav-item">
559
589
  <a href="../docs/introduction.html" class="nav-link">
@@ -605,12 +635,48 @@
605
635
  </p>
606
636
  </a>
607
637
  <ul class="nav nav-treeview">
638
+ <li class="nav-item">
639
+ <a href="../docs/javascript/layout.html" class="nav-link">
640
+ <i class="nav-icon bi bi-circle"></i>
641
+ <p>Layout</p>
642
+ </a>
643
+ </li>
644
+ <li class="nav-item">
645
+ <a href="../docs/javascript/pushmenu.html" class="nav-link">
646
+ <i class="nav-icon bi bi-circle"></i>
647
+ <p>PushMenu</p>
648
+ </a>
649
+ </li>
608
650
  <li class="nav-item">
609
651
  <a href="../docs/javascript/treeview.html" class="nav-link">
610
652
  <i class="nav-icon bi bi-circle"></i>
611
653
  <p>Treeview</p>
612
654
  </a>
613
655
  </li>
656
+ <li class="nav-item">
657
+ <a href="../docs/javascript/card-widget.html" class="nav-link">
658
+ <i class="nav-icon bi bi-circle"></i>
659
+ <p>Card Widget</p>
660
+ </a>
661
+ </li>
662
+ <li class="nav-item">
663
+ <a href="../docs/javascript/direct-chat.html" class="nav-link">
664
+ <i class="nav-icon bi bi-circle"></i>
665
+ <p>Direct Chat</p>
666
+ </a>
667
+ </li>
668
+ <li class="nav-item">
669
+ <a href="../docs/javascript/fullscreen.html" class="nav-link">
670
+ <i class="nav-icon bi bi-circle"></i>
671
+ <p>Fullscreen</p>
672
+ </a>
673
+ </li>
674
+ <li class="nav-item">
675
+ <a href="../docs/javascript/accessibility.html" class="nav-link">
676
+ <i class="nav-icon bi bi-circle"></i>
677
+ <p>Accessibility</p>
678
+ </a>
679
+ </li>
614
680
  </ul>
615
681
  </li>
616
682
  <li class="nav-item">
@@ -637,6 +703,7 @@
637
703
  <p>License</p>
638
704
  </a>
639
705
  </li>
706
+
640
707
  <li class="nav-header">MULTI LEVEL EXAMPLE</li>
641
708
  <li class="nav-item">
642
709
  <a href="#" class="nav-link">
@@ -702,6 +769,7 @@
702
769
  <p>Level 1</p>
703
770
  </a>
704
771
  </li>
772
+
705
773
  <li class="nav-header">LABELS</li>
706
774
  <li class="nav-item">
707
775
  <a href="#" class="nav-link">
@@ -736,7 +804,9 @@
736
804
  <div class="container-fluid">
737
805
  <!--begin::Row-->
738
806
  <div class="row">
739
- <div class="col-sm-6"><h3 class="mb-0">General UI Elements</h3></div>
807
+ <div class="col-sm-6">
808
+ <h3 class="mb-0">General UI Elements</h3>
809
+ </div>
740
810
  <div class="col-sm-6">
741
811
  <ol class="breadcrumb float-sm-end">
742
812
  <li class="breadcrumb-item"><a href="#">Home</a></li>
@@ -775,7 +845,9 @@
775
845
  <!--begin::Accordion-->
776
846
  <div class="card card-primary card-outline mb-4">
777
847
  <!--begin::Header-->
778
- <div class="card-header"><div class="card-title">Accordion</div></div>
848
+ <div class="card-header">
849
+ <div class="card-title">Accordion</div>
850
+ </div>
779
851
  <!--end::Header-->
780
852
  <!--begin::Body-->
781
853
  <div class="card-body">
@@ -877,7 +949,9 @@
877
949
  <!--begin::Alert-->
878
950
  <div class="card card-success card-outline mb-4">
879
951
  <!--begin::Header-->
880
- <div class="card-header"><div class="card-title">Alert</div></div>
952
+ <div class="card-header">
953
+ <div class="card-title">Alert</div>
954
+ </div>
881
955
  <!--end::Header-->
882
956
  <!--begin::Body-->
883
957
  <div class="card-body">
@@ -924,7 +998,9 @@
924
998
  <!--begin::Badge-->
925
999
  <div class="card card-warning card-outline mb-4">
926
1000
  <!--begin::Header-->
927
- <div class="card-header"><div class="card-title">Badge</div></div>
1001
+ <div class="card-header">
1002
+ <div class="card-title">Badge</div>
1003
+ </div>
928
1004
  <!--end::Header-->
929
1005
  <!--begin::Body-->
930
1006
  <div class="card-body">
@@ -982,7 +1058,9 @@
982
1058
  <!--begin::Button-->
983
1059
  <div class="card card-danger card-outline mb-4">
984
1060
  <!--begin::Header-->
985
- <div class="card-header"><div class="card-title">Button</div></div>
1061
+ <div class="card-header">
1062
+ <div class="card-title">Button</div>
1063
+ </div>
986
1064
  <!--end::Header-->
987
1065
  <!--begin::Body-->
988
1066
  <div class="card-body">
@@ -1048,7 +1126,9 @@
1048
1126
  <!--begin::Button Group-->
1049
1127
  <div class="card card-info card-outline mb-4">
1050
1128
  <!--begin::Header-->
1051
- <div class="card-header"><div class="card-title">Button Group</div></div>
1129
+ <div class="card-header">
1130
+ <div class="card-title">Button Group</div>
1131
+ </div>
1052
1132
  <!--end::Header-->
1053
1133
  <!--begin::Body-->
1054
1134
  <div class="card-body">
@@ -1079,8 +1159,10 @@
1079
1159
  >
1080
1160
  <input type="checkbox" class="btn-check" id="btncheck1" autocomplete="off" />
1081
1161
  <label class="btn btn-outline-primary" for="btncheck1">Checkbox 1</label>
1162
+
1082
1163
  <input type="checkbox" class="btn-check" id="btncheck2" autocomplete="off" />
1083
1164
  <label class="btn btn-outline-primary" for="btncheck2">Checkbox 2</label>
1165
+
1084
1166
  <input type="checkbox" class="btn-check" id="btncheck3" autocomplete="off" />
1085
1167
  <label class="btn btn-outline-primary" for="btncheck3">Checkbox 3</label>
1086
1168
  </div>
@@ -1098,6 +1180,7 @@
1098
1180
  checked
1099
1181
  />
1100
1182
  <label class="btn btn-outline-primary" for="btnradio1">Radio 1</label>
1183
+
1101
1184
  <input
1102
1185
  type="radio"
1103
1186
  class="btn-check"
@@ -1106,6 +1189,7 @@
1106
1189
  autocomplete="off"
1107
1190
  />
1108
1191
  <label class="btn btn-outline-primary" for="btnradio2">Radio 2</label>
1192
+
1109
1193
  <input
1110
1194
  type="radio"
1111
1195
  class="btn-check"
@@ -1133,8 +1217,12 @@
1133
1217
  Dropdown
1134
1218
  </button>
1135
1219
  <ul class="dropdown-menu">
1136
- <li><a class="dropdown-item" href="#">Dropdown link</a></li>
1137
- <li><a class="dropdown-item" href="#">Dropdown link</a></li>
1220
+ <li>
1221
+ <a class="dropdown-item" href="#">Dropdown link</a>
1222
+ </li>
1223
+ <li>
1224
+ <a class="dropdown-item" href="#">Dropdown link</a>
1225
+ </li>
1138
1226
  </ul>
1139
1227
  </div>
1140
1228
  </div>
@@ -1145,7 +1233,9 @@
1145
1233
  <!--begin::Collapse-->
1146
1234
  <div class="card card-primary card-outline mb-4">
1147
1235
  <!--begin::Header-->
1148
- <div class="card-header"><div class="card-title">Collapse</div></div>
1236
+ <div class="card-header">
1237
+ <div class="card-title">Collapse</div>
1238
+ </div>
1149
1239
  <!--end::Header-->
1150
1240
  <!--begin::Body-->
1151
1241
  <div class="card-body">
@@ -1184,7 +1274,9 @@
1184
1274
  <!--begin::Dropdowns-->
1185
1275
  <div class="card card-success card-outline mb-4">
1186
1276
  <!--begin::Header-->
1187
- <div class="card-header"><div class="card-title">Dropdowns</div></div>
1277
+ <div class="card-header">
1278
+ <div class="card-title">Dropdowns</div>
1279
+ </div>
1188
1280
  <!--end::Header-->
1189
1281
  <!--begin::Body-->
1190
1282
  <div class="card-body">
@@ -1199,10 +1291,18 @@
1199
1291
  </button>
1200
1292
  <ul class="dropdown-menu">
1201
1293
  <li><a class="dropdown-item" href="#">Action</a></li>
1202
- <li><a class="dropdown-item" href="#">Another action</a></li>
1203
- <li><a class="dropdown-item" href="#">Something else here</a></li>
1204
- <li><hr class="dropdown-divider" /></li>
1205
- <li><a class="dropdown-item" href="#">Separated link</a></li>
1294
+ <li>
1295
+ <a class="dropdown-item" href="#">Another action</a>
1296
+ </li>
1297
+ <li>
1298
+ <a class="dropdown-item" href="#">Something else here</a>
1299
+ </li>
1300
+ <li>
1301
+ <hr class="dropdown-divider" />
1302
+ </li>
1303
+ <li>
1304
+ <a class="dropdown-item" href="#">Separated link</a>
1305
+ </li>
1206
1306
  </ul>
1207
1307
  </div>
1208
1308
  <div class="btn-group">
@@ -1216,10 +1316,18 @@
1216
1316
  </button>
1217
1317
  <ul class="dropdown-menu">
1218
1318
  <li><a class="dropdown-item" href="#">Action</a></li>
1219
- <li><a class="dropdown-item" href="#">Another action</a></li>
1220
- <li><a class="dropdown-item" href="#">Something else here</a></li>
1221
- <li><hr class="dropdown-divider" /></li>
1222
- <li><a class="dropdown-item" href="#">Separated link</a></li>
1319
+ <li>
1320
+ <a class="dropdown-item" href="#">Another action</a>
1321
+ </li>
1322
+ <li>
1323
+ <a class="dropdown-item" href="#">Something else here</a>
1324
+ </li>
1325
+ <li>
1326
+ <hr class="dropdown-divider" />
1327
+ </li>
1328
+ <li>
1329
+ <a class="dropdown-item" href="#">Separated link</a>
1330
+ </li>
1223
1331
  </ul>
1224
1332
  </div>
1225
1333
  <hr />
@@ -1235,10 +1343,18 @@
1235
1343
  </button>
1236
1344
  <ul class="dropdown-menu">
1237
1345
  <li><a class="dropdown-item" href="#">Action</a></li>
1238
- <li><a class="dropdown-item" href="#">Another action</a></li>
1239
- <li><a class="dropdown-item" href="#">Something else here</a></li>
1240
- <li><hr class="dropdown-divider" /></li>
1241
- <li><a class="dropdown-item" href="#">Separated link</a></li>
1346
+ <li>
1347
+ <a class="dropdown-item" href="#">Another action</a>
1348
+ </li>
1349
+ <li>
1350
+ <a class="dropdown-item" href="#">Something else here</a>
1351
+ </li>
1352
+ <li>
1353
+ <hr class="dropdown-divider" />
1354
+ </li>
1355
+ <li>
1356
+ <a class="dropdown-item" href="#">Separated link</a>
1357
+ </li>
1242
1358
  </ul>
1243
1359
  </div>
1244
1360
  <div class="btn-group">
@@ -1253,10 +1369,18 @@
1253
1369
  </button>
1254
1370
  <ul class="dropdown-menu">
1255
1371
  <li><a class="dropdown-item" href="#">Action</a></li>
1256
- <li><a class="dropdown-item" href="#">Another action</a></li>
1257
- <li><a class="dropdown-item" href="#">Something else here</a></li>
1258
- <li><hr class="dropdown-divider" /></li>
1259
- <li><a class="dropdown-item" href="#">Separated link</a></li>
1372
+ <li>
1373
+ <a class="dropdown-item" href="#">Another action</a>
1374
+ </li>
1375
+ <li>
1376
+ <a class="dropdown-item" href="#">Something else here</a>
1377
+ </li>
1378
+ <li>
1379
+ <hr class="dropdown-divider" />
1380
+ </li>
1381
+ <li>
1382
+ <a class="dropdown-item" href="#">Separated link</a>
1383
+ </li>
1260
1384
  </ul>
1261
1385
  </div>
1262
1386
  </div>
@@ -1266,7 +1390,9 @@
1266
1390
  <!--begin::List Group-->
1267
1391
  <div class="card card-warning card-outline mb-4">
1268
1392
  <!--begin::Header-->
1269
- <div class="card-header"><div class="card-title">List Group</div></div>
1393
+ <div class="card-header">
1394
+ <div class="card-title">List Group</div>
1395
+ </div>
1270
1396
  <!--end::Header-->
1271
1397
  <!--begin::Body-->
1272
1398
  <div class="card-body">
@@ -1300,7 +1426,9 @@
1300
1426
  <!--begin::Navbar-->
1301
1427
  <div class="card card-danger card-outline mb-4">
1302
1428
  <!--begin::Header-->
1303
- <div class="card-header"><div class="card-title">Navbar</div></div>
1429
+ <div class="card-header">
1430
+ <div class="card-title">Navbar</div>
1431
+ </div>
1304
1432
  <!--end::Header-->
1305
1433
  <!--begin::Body-->
1306
1434
  <div class="card-body">
@@ -1323,7 +1451,9 @@
1323
1451
  <li class="nav-item">
1324
1452
  <a class="nav-link active" aria-current="page" href="#">Home</a>
1325
1453
  </li>
1326
- <li class="nav-item"><a class="nav-link" href="#">Link</a></li>
1454
+ <li class="nav-item">
1455
+ <a class="nav-link" href="#">Link</a>
1456
+ </li>
1327
1457
  <li class="nav-item dropdown">
1328
1458
  <a
1329
1459
  class="nav-link dropdown-toggle"
@@ -1335,10 +1465,18 @@
1335
1465
  Dropdown
1336
1466
  </a>
1337
1467
  <ul class="dropdown-menu">
1338
- <li><a class="dropdown-item" href="#">Action</a></li>
1339
- <li><a class="dropdown-item" href="#">Another action</a></li>
1340
- <li><hr class="dropdown-divider" /></li>
1341
- <li><a class="dropdown-item" href="#">Something else here</a></li>
1468
+ <li>
1469
+ <a class="dropdown-item" href="#">Action</a>
1470
+ </li>
1471
+ <li>
1472
+ <a class="dropdown-item" href="#">Another action</a>
1473
+ </li>
1474
+ <li>
1475
+ <hr class="dropdown-divider" />
1476
+ </li>
1477
+ <li>
1478
+ <a class="dropdown-item" href="#">Something else here</a>
1479
+ </li>
1342
1480
  </ul>
1343
1481
  </li>
1344
1482
  <li class="nav-item">
@@ -1364,17 +1502,29 @@
1364
1502
  <!--begin::Pagination-->
1365
1503
  <div class="card card-info card-outline mb-4">
1366
1504
  <!--begin::Header-->
1367
- <div class="card-header"><div class="card-title">Pagination</div></div>
1505
+ <div class="card-header">
1506
+ <div class="card-title">Pagination</div>
1507
+ </div>
1368
1508
  <!--end::Header-->
1369
1509
  <!--begin::Body-->
1370
1510
  <div class="card-body">
1371
1511
  <nav aria-label="Page navigation example">
1372
1512
  <ul class="pagination">
1373
- <li class="page-item"><a class="page-link" href="#">Previous</a></li>
1374
- <li class="page-item"><a class="page-link" href="#">1</a></li>
1375
- <li class="page-item"><a class="page-link" href="#">2</a></li>
1376
- <li class="page-item"><a class="page-link" href="#">3</a></li>
1377
- <li class="page-item"><a class="page-link" href="#">Next</a></li>
1513
+ <li class="page-item">
1514
+ <a class="page-link" href="#">Previous</a>
1515
+ </li>
1516
+ <li class="page-item">
1517
+ <a class="page-link" href="#">1</a>
1518
+ </li>
1519
+ <li class="page-item">
1520
+ <a class="page-link" href="#">2</a>
1521
+ </li>
1522
+ <li class="page-item">
1523
+ <a class="page-link" href="#">3</a>
1524
+ </li>
1525
+ <li class="page-item">
1526
+ <a class="page-link" href="#">Next</a>
1527
+ </li>
1378
1528
  </ul>
1379
1529
  </nav>
1380
1530
  <hr />
@@ -1385,9 +1535,15 @@
1385
1535
  <span aria-hidden="true">&laquo;</span>
1386
1536
  </a>
1387
1537
  </li>
1388
- <li class="page-item"><a class="page-link" href="#">1</a></li>
1389
- <li class="page-item"><a class="page-link" href="#">2</a></li>
1390
- <li class="page-item"><a class="page-link" href="#">3</a></li>
1538
+ <li class="page-item">
1539
+ <a class="page-link" href="#">1</a>
1540
+ </li>
1541
+ <li class="page-item">
1542
+ <a class="page-link" href="#">2</a>
1543
+ </li>
1544
+ <li class="page-item">
1545
+ <a class="page-link" href="#">3</a>
1546
+ </li>
1391
1547
  <li class="page-item">
1392
1548
  <a class="page-link" href="#" aria-label="Next">
1393
1549
  <span aria-hidden="true">&raquo;</span>
@@ -1398,13 +1554,21 @@
1398
1554
  <hr />
1399
1555
  <nav aria-label="...">
1400
1556
  <ul class="pagination">
1401
- <li class="page-item disabled"><a class="page-link">Previous</a></li>
1557
+ <li class="page-item disabled">
1558
+ <a class="page-link">Previous</a>
1559
+ </li>
1402
1560
  <li class="page-item active" aria-current="page">
1403
1561
  <a class="page-link" href="#">1</a>
1404
1562
  </li>
1405
- <li class="page-item"><a class="page-link" href="#">2</a></li>
1406
- <li class="page-item"><a class="page-link" href="#">3</a></li>
1407
- <li class="page-item"><a class="page-link" href="#">Next</a></li>
1563
+ <li class="page-item">
1564
+ <a class="page-link" href="#">2</a>
1565
+ </li>
1566
+ <li class="page-item">
1567
+ <a class="page-link" href="#">3</a>
1568
+ </li>
1569
+ <li class="page-item">
1570
+ <a class="page-link" href="#">Next</a>
1571
+ </li>
1408
1572
  </ul>
1409
1573
  </nav>
1410
1574
  </div>
@@ -1414,7 +1578,9 @@
1414
1578
  <!--begin::Placeholder-->
1415
1579
  <div class="card card-secondary card-outline mb-4">
1416
1580
  <!--begin::Header-->
1417
- <div class="card-header"><div class="card-title">Placeholder</div></div>
1581
+ <div class="card-header">
1582
+ <div class="card-title">Placeholder</div>
1583
+ </div>
1418
1584
  <!--end::Header-->
1419
1585
  <!--begin::Body-->
1420
1586
  <div class="card-body">
@@ -1439,7 +1605,9 @@
1439
1605
  <!--begin::Progress-->
1440
1606
  <div class="card card-primary card-outline mb-4">
1441
1607
  <!--begin::Header-->
1442
- <div class="card-header"><div class="card-title">Progress</div></div>
1608
+ <div class="card-header">
1609
+ <div class="card-title">Progress</div>
1610
+ </div>
1443
1611
  <!--end::Header-->
1444
1612
  <!--begin::Body-->
1445
1613
  <div class="card-body">
@@ -1512,7 +1680,9 @@
1512
1680
  <!--begin::Toast-->
1513
1681
  <div class="card card-primary card-outline mb-4">
1514
1682
  <!--begin::Header-->
1515
- <div class="card-header"><div class="card-title">Toast</div></div>
1683
+ <div class="card-header">
1684
+ <div class="card-title">Toast</div>
1685
+ </div>
1516
1686
  <!--end::Header-->
1517
1687
  <!--begin::Body-->
1518
1688
  <div class="card-body">
@@ -1599,7 +1769,8 @@
1599
1769
  >
1600
1770
  <div class="toast-header">
1601
1771
  <i class="bi bi-circle me-2"></i>
1602
- <strong class="me-auto">Bootstrap</strong> <small>11 mins ago</small>
1772
+ <strong class="me-auto">Bootstrap</strong>
1773
+ <small>11 mins ago</small>
1603
1774
  <button
1604
1775
  type="button"
1605
1776
  class="btn-close"
@@ -1618,7 +1789,8 @@
1618
1789
  >
1619
1790
  <div class="toast-header">
1620
1791
  <i class="bi bi-circle me-2"></i>
1621
- <strong class="me-auto">Bootstrap</strong> <small>11 mins ago</small>
1792
+ <strong class="me-auto">Bootstrap</strong>
1793
+ <small>11 mins ago</small>
1622
1794
  <button
1623
1795
  type="button"
1624
1796
  class="btn-close"
@@ -1637,7 +1809,8 @@
1637
1809
  >
1638
1810
  <div class="toast-header">
1639
1811
  <i class="bi bi-circle me-2"></i>
1640
- <strong class="me-auto">Bootstrap</strong> <small>11 mins ago</small>
1812
+ <strong class="me-auto">Bootstrap</strong>
1813
+ <small>11 mins ago</small>
1641
1814
  <button
1642
1815
  type="button"
1643
1816
  class="btn-close"
@@ -1656,7 +1829,8 @@
1656
1829
  >
1657
1830
  <div class="toast-header">
1658
1831
  <i class="bi bi-circle me-2"></i>
1659
- <strong class="me-auto">Bootstrap</strong> <small>11 mins ago</small>
1832
+ <strong class="me-auto">Bootstrap</strong>
1833
+ <small>11 mins ago</small>
1660
1834
  <button
1661
1835
  type="button"
1662
1836
  class="btn-close"
@@ -1675,7 +1849,8 @@
1675
1849
  >
1676
1850
  <div class="toast-header">
1677
1851
  <i class="bi bi-circle me-2"></i>
1678
- <strong class="me-auto">Bootstrap</strong> <small>11 mins ago</small>
1852
+ <strong class="me-auto">Bootstrap</strong>
1853
+ <small>11 mins ago</small>
1679
1854
  <button
1680
1855
  type="button"
1681
1856
  class="btn-close"
@@ -1694,7 +1869,8 @@
1694
1869
  >
1695
1870
  <div class="toast-header">
1696
1871
  <i class="bi bi-circle me-2"></i>
1697
- <strong class="me-auto">Bootstrap</strong> <small>11 mins ago</small>
1872
+ <strong class="me-auto">Bootstrap</strong>
1873
+ <small>11 mins ago</small>
1698
1874
  <button
1699
1875
  type="button"
1700
1876
  class="btn-close"
@@ -1713,7 +1889,8 @@
1713
1889
  >
1714
1890
  <div class="toast-header">
1715
1891
  <i class="bi bi-circle me-2"></i>
1716
- <strong class="me-auto">Bootstrap</strong> <small>11 mins ago</small>
1892
+ <strong class="me-auto">Bootstrap</strong>
1893
+ <small>11 mins ago</small>
1717
1894
  <button
1718
1895
  type="button"
1719
1896
  class="btn-close"
@@ -1732,7 +1909,8 @@
1732
1909
  >
1733
1910
  <div class="toast-header">
1734
1911
  <i class="bi bi-circle me-2"></i>
1735
- <strong class="me-auto">Bootstrap</strong> <small>11 mins ago</small>
1912
+ <strong class="me-auto">Bootstrap</strong>
1913
+ <small>11 mins ago</small>
1736
1914
  <button
1737
1915
  type="button"
1738
1916
  class="btn-close"
@@ -1751,7 +1929,8 @@
1751
1929
  >
1752
1930
  <div class="toast-header">
1753
1931
  <i class="bi bi-circle me-2"></i>
1754
- <strong class="me-auto">Bootstrap</strong> <small>11 mins ago</small>
1932
+ <strong class="me-auto">Bootstrap</strong>
1933
+ <small>11 mins ago</small>
1755
1934
  <button
1756
1935
  type="button"
1757
1936
  class="btn-close"
@@ -1769,7 +1948,9 @@
1769
1948
  <!--begin::Tooltip-->
1770
1949
  <div class="card card-primary card-outline mb-4">
1771
1950
  <!--begin::Header-->
1772
- <div class="card-header"><div class="card-title">Tooltip</div></div>
1951
+ <div class="card-header">
1952
+ <div class="card-title">Tooltip</div>
1953
+ </div>
1773
1954
  <!--end::Header-->
1774
1955
  <!--begin::Body-->
1775
1956
  <div class="card-body">
@@ -1800,7 +1981,9 @@
1800
1981
  <!--begin::Spinner-->
1801
1982
  <div class="card card-success card-outline mb-4">
1802
1983
  <!--begin::Header-->
1803
- <div class="card-header"><div class="card-title">Spinner</div></div>
1984
+ <div class="card-header">
1985
+ <div class="card-title">Spinner</div>
1986
+ </div>
1804
1987
  <!--end::Header-->
1805
1988
  <!--begin::Body-->
1806
1989
  <div class="card-body">
@@ -1849,7 +2032,7 @@
1849
2032
  <!--end::To the end-->
1850
2033
  <!--begin::Copyright-->
1851
2034
  <strong>
1852
- Copyright &copy; 2014-2025&nbsp;
2035
+ Copyright &copy; 2014-2026&nbsp;
1853
2036
  <a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
1854
2037
  </strong>
1855
2038
  All rights reserved.
@@ -1886,7 +2069,15 @@
1886
2069
  };
1887
2070
  document.addEventListener('DOMContentLoaded', function () {
1888
2071
  const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
1889
- if (sidebarWrapper && OverlayScrollbarsGlobal?.OverlayScrollbars !== undefined) {
2072
+
2073
+ // Disable OverlayScrollbars on mobile devices to prevent touch interference
2074
+ const isMobile = window.innerWidth <= 992;
2075
+
2076
+ if (
2077
+ sidebarWrapper &&
2078
+ OverlayScrollbarsGlobal?.OverlayScrollbars !== undefined &&
2079
+ !isMobile
2080
+ ) {
1890
2081
  OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
1891
2082
  scrollbars: {
1892
2083
  theme: Default.scrollbarTheme,