admin-lte 4.0.0-alpha2 → 4.0.0-alpha3

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 (129) hide show
  1. package/.bundlewatch.config.json +6 -6
  2. package/.cache/.eslintcache +1 -1
  3. package/.cache/.stylelintcache +1 -1
  4. package/.gitpod.yml +1 -1
  5. package/.idea/AdminLTE.iml +4 -0
  6. package/.idea/codeStyles/Project.xml +24 -0
  7. package/.idea/dbnavigator.xml +421 -0
  8. package/.idea/git_toolbox_prj.xml +15 -0
  9. package/.idea/jsLibraryMappings.xml +6 -0
  10. package/.idea/jsLinters/eslint.xml +6 -0
  11. package/.idea/vcs.xml +6 -0
  12. package/README.md +3 -3
  13. package/dist/assets/img/AdminLTEFullLogo.png +0 -0
  14. package/dist/css/adminlte.css +695 -318
  15. package/dist/css/adminlte.css.map +1 -1
  16. package/dist/css/adminlte.min.css +1 -1
  17. package/dist/css/adminlte.min.css.map +1 -1
  18. package/dist/css/adminlte.rtl.css +693 -316
  19. package/dist/css/adminlte.rtl.css.map +1 -1
  20. package/dist/css/adminlte.rtl.min.css +1 -1
  21. package/dist/css/adminlte.rtl.min.css.map +1 -1
  22. package/dist/js/adminlte.js +43 -63
  23. package/dist/js/adminlte.js.map +1 -1
  24. package/dist/js/adminlte.min.js +2 -2
  25. package/dist/js/adminlte.min.js.map +1 -1
  26. package/dist/pages/UI/timeline.html +389 -218
  27. package/dist/pages/docs/browser-support.html +345 -204
  28. package/dist/pages/docs/color-mode.html +560 -348
  29. package/dist/pages/docs/components/main-header.html +579 -368
  30. package/dist/pages/docs/components/main-sidebar.html +858 -0
  31. package/dist/pages/docs/faq.html +743 -0
  32. package/dist/pages/docs/how-to-contribute.html +783 -0
  33. package/dist/pages/docs/introduction.html +767 -0
  34. package/dist/pages/docs/javascript/treeview.html +762 -0
  35. package/dist/pages/docs/layout.html +372 -201
  36. package/dist/pages/{docs.html → docs/license.html} +347 -218
  37. package/dist/pages/examples/lockscreen.html +107 -0
  38. package/dist/pages/examples/login-v2.html +148 -0
  39. package/dist/pages/examples/login.html +45 -40
  40. package/dist/pages/examples/register-v2.html +155 -0
  41. package/dist/pages/examples/register.html +46 -41
  42. package/dist/pages/forms/general.html +664 -202
  43. package/dist/pages/index.html +514 -285
  44. package/dist/pages/index2.html +665 -341
  45. package/dist/pages/index3.html +415 -254
  46. package/dist/pages/layout/collapsed-sidebar.html +766 -0
  47. package/dist/pages/layout/fixed-complete.html +867 -0
  48. package/dist/pages/layout/fixed-sidebar.html +344 -201
  49. package/dist/pages/layout/layout-rtl.html +344 -201
  50. package/dist/pages/layout/logo-switch.html +433 -0
  51. package/dist/pages/layout/sidebar-mini.html +345 -202
  52. package/dist/pages/layout/unfixed-sidebar.html +343 -201
  53. package/dist/pages/tables/simple.html +437 -233
  54. package/dist/pages/widgets/cards.html +389 -244
  55. package/dist/pages/widgets/info-box.html +398 -215
  56. package/dist/pages/widgets/small-box.html +349 -198
  57. package/index.html +6 -10
  58. package/package.json +27 -24
  59. package/src/assets/img/AdminLTEFullLogo.png +0 -0
  60. package/src/config/astro.config.mjs +3 -1
  61. package/src/html/.prettierrc.js +11 -0
  62. package/src/html/components/_head.astro +42 -26
  63. package/src/html/components/_scripts.astro +38 -27
  64. package/src/html/components/dashboard/_footer.astro +14 -8
  65. package/src/html/components/dashboard/_sidenav.astro +343 -113
  66. package/src/html/components/dashboard/_topbar.astro +90 -49
  67. package/src/html/components/docs/{browser-support/index.md → browser-support.mdx} +2 -1
  68. package/src/html/components/docs/color-mode.mdx +169 -0
  69. package/src/html/components/docs/components/{main-header-1.md → main-header.mdx} +60 -21
  70. package/src/html/components/docs/components/main-sidebar.mdx +129 -0
  71. package/src/html/components/docs/faq.mdx +11 -0
  72. package/src/html/components/docs/how-to-contribute.mdx +34 -0
  73. package/src/html/components/docs/{introduction/index.md → introduction.mdx} +27 -2
  74. package/src/html/components/docs/license.mdx +9 -0
  75. package/src/html/components/javascript/treeview.mdx +39 -0
  76. package/src/html/pages/UI/timeline.astro +111 -48
  77. package/src/html/pages/docs/browser-support.astro +24 -11
  78. package/src/html/pages/docs/color-mode.astro +89 -42
  79. package/src/html/pages/docs/components/main-header.astro +133 -46
  80. package/src/html/pages/docs/components/main-sidebar.astro +71 -0
  81. package/src/html/pages/docs/faq.astro +71 -0
  82. package/src/html/pages/docs/how-to-contribute.astro +71 -0
  83. package/src/html/pages/docs/{index.astro → introduction.astro} +24 -11
  84. package/src/html/pages/docs/javascript/treeview.astro +71 -0
  85. package/src/html/pages/docs/layout.astro +62 -19
  86. package/src/html/pages/docs/license.astro +71 -0
  87. package/src/html/pages/examples/lockscreen.astro +63 -0
  88. package/src/html/pages/examples/login-v2.astro +109 -0
  89. package/src/html/pages/examples/login.astro +34 -16
  90. package/src/html/pages/examples/register-v2.astro +116 -0
  91. package/src/html/pages/examples/register.astro +36 -18
  92. package/src/html/pages/forms/general.astro +567 -36
  93. package/src/html/pages/index.astro +389 -152
  94. package/src/html/pages/index2.astro +682 -250
  95. package/src/html/pages/index3.astro +290 -189
  96. package/src/html/pages/layout/collapsed-sidebar.astro +110 -0
  97. package/src/html/pages/layout/fixed-complete.astro +209 -0
  98. package/src/html/pages/layout/fixed-sidebar.astro +52 -27
  99. package/src/html/pages/layout/layout-rtl.astro +53 -28
  100. package/src/html/pages/layout/logo-switch.astro +212 -0
  101. package/src/html/pages/layout/sidebar-mini.astro +53 -28
  102. package/src/html/pages/layout/unfixed-sidebar.astro +51 -27
  103. package/src/html/pages/tables/simple.astro +206 -66
  104. package/src/html/pages/widgets/cards.astro +134 -69
  105. package/src/html/pages/widgets/info-box.astro +96 -41
  106. package/src/html/pages/widgets/small-box.astro +93 -32
  107. package/src/scss/_app-content.scss +52 -0
  108. package/src/scss/_app-footer.scss +1 -1
  109. package/src/scss/_app-main.scss +2 -5
  110. package/src/scss/_app-sidebar.scss +244 -70
  111. package/src/scss/_bootstrap-variables.scss +4 -4
  112. package/src/scss/_cards.scss +31 -7
  113. package/src/scss/_compact-mode.scss +79 -0
  114. package/src/scss/_small-box.scss +0 -3
  115. package/src/scss/_variables.scss +21 -4
  116. package/src/scss/mixins/_animations.scss +0 -5
  117. package/src/scss/pages/_lockscreen.scss +74 -0
  118. package/src/scss/pages/_login_and_register.scss +0 -3
  119. package/src/scss/parts/_core.scss +2 -0
  120. package/src/scss/parts/_pages.scss +1 -0
  121. package/src/ts/card-widget.ts +17 -50
  122. package/src/ts/direct-chat.ts +2 -2
  123. package/src/ts/layout.ts +2 -2
  124. package/src/ts/push-menu.ts +3 -20
  125. package/src/ts/treeview.ts +14 -8
  126. package/src/ts/util/index.ts +14 -12
  127. package/src/utils/index.js +20 -3
  128. package/src/html/components/docs/color-mode/navbar-html.md +0 -80
  129. package/src/html/components/docs/color-mode/toggle-script.md +0 -48
@@ -0,0 +1,867 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <!--begin::Head-->
4
+
5
+ <head>
6
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
7
+ <title>AdminLTE 4 | Fixed Complete</title>
8
+ <!--begin::Primary Meta Tags-->
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <meta name="title" content="AdminLTE 4 | Fixed Complete">
11
+ <meta name="author" content="ColorlibHQ">
12
+ <meta name="description" content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS.">
13
+ <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">
14
+ <!--end::Primary Meta Tags-->
15
+ <!--begin::Fonts-->
16
+ <link rel="preconnect" href="https://fonts.googleapis.com">
17
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
18
+ <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,700;1,400&display=swap" rel="stylesheet">
19
+ <!--end::Fonts-->
20
+ <!--begin::Third Party Plugin(OverlayScrollbars)-->
21
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.1.0/styles/overlayscrollbars.min.css" integrity="sha256-LWLZPJ7X1jJLI5OG5695qDemW1qQ7lNdbTfQ64ylbUY=" crossorigin="anonymous">
22
+ <!--end::Third Party Plugin(OverlayScrollbars)-->
23
+ <!--begin::Third Party Plugin(Bootstrap Icons)-->
24
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.min.css" integrity="sha256-BicZsQAhkGHIoR//IB2amPN5SrRb3fHB8tFsnqRAwnk=" crossorigin="anonymous">
25
+ <!--end::Third Party Plugin(Bootstrap Icons)-->
26
+ <!--begin::Required Plugin(AdminLTE)-->
27
+ <link rel="stylesheet" href="../../../dist/css/adminlte.css">
28
+ <!--end::Required Plugin(AdminLTE)-->
29
+ </head>
30
+ <!--end::Head-->
31
+ <!--begin::Body-->
32
+
33
+ <body class="layout-fixed-complete sidebar-expand-lg bg-body-tertiary">
34
+ <!--begin::App Wrapper-->
35
+ <div class="app-wrapper">
36
+ <!--begin::Sidebar-->
37
+ <aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
38
+ <!--begin::Sidebar Brand-->
39
+ <div class="sidebar-brand">
40
+ <!--begin::Brand Link-->
41
+ <a href="../index.html" class="brand-link">
42
+ <!--begin::Brand Image-->
43
+ <img src="../../../dist/assets/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image opacity-75 shadow">
44
+ <!--end::Brand Image-->
45
+ <!--begin::Brand Text-->
46
+ <span class="brand-text fw-light">AdminLTE 4</span>
47
+ <!--end::Brand Text-->
48
+ </a>
49
+ <!--end::Brand Link-->
50
+ </div>
51
+ <!--end::Sidebar Brand-->
52
+ <!--begin::Sidebar Wrapper-->
53
+ <div class="sidebar-wrapper">
54
+ <nav class="mt-2">
55
+ <!--begin::Sidebar Menu-->
56
+ <ul class="nav sidebar-menu flex-column" data-lte-toggle="treeview" role="menu" data-accordion="false">
57
+ <li class="nav-item">
58
+ <a href="#" class="nav-link">
59
+ <i class="nav-icon bi bi-speedometer"></i>
60
+ <p>
61
+ Dashboard
62
+ <i class="nav-arrow bi bi-chevron-right"></i>
63
+ </p>
64
+ </a>
65
+ <ul class="nav nav-treeview">
66
+ <li class="nav-item">
67
+ <a href="../index.html" class="nav-link">
68
+ <i class="nav-icon bi bi-circle"></i>
69
+ <p>Dashboard v1</p>
70
+ </a>
71
+ </li>
72
+ <li class="nav-item">
73
+ <a href="../index2.html" class="nav-link">
74
+ <i class="nav-icon bi bi-circle"></i>
75
+ <p>Dashboard v2</p>
76
+ </a>
77
+ </li>
78
+ <li class="nav-item">
79
+ <a href="../index3.html" class="nav-link">
80
+ <i class="nav-icon bi bi-circle"></i>
81
+ <p>Dashboard v3</p>
82
+ </a>
83
+ </li>
84
+ </ul>
85
+ </li>
86
+ <li class="nav-item">
87
+ <a href="#" class="nav-link">
88
+ <i class="nav-icon bi bi-box-seam-fill"></i>
89
+ <p>
90
+ Widgets
91
+ <i class="nav-arrow bi bi-chevron-right"></i>
92
+ </p>
93
+ </a>
94
+ <ul class="nav nav-treeview">
95
+ <li class="nav-item">
96
+ <a href="../widgets/small-box.html" class="nav-link">
97
+ <i class="nav-icon bi bi-circle"></i>
98
+ <p>Small Box</p>
99
+ </a>
100
+ </li>
101
+ <li class="nav-item">
102
+ <a href="../widgets/info-box.html" class="nav-link">
103
+ <i class="nav-icon bi bi-circle"></i>
104
+ <p>info Box</p>
105
+ </a>
106
+ </li>
107
+ <li class="nav-item">
108
+ <a href="../widgets/cards.html" class="nav-link">
109
+ <i class="nav-icon bi bi-circle"></i>
110
+ <p>Cards</p>
111
+ </a>
112
+ </li>
113
+ </ul>
114
+ </li>
115
+ <li class="nav-item menu-open">
116
+ <a href="#" class="nav-link active">
117
+ <i class="nav-icon bi bi-clipboard-fill"></i>
118
+ <p>
119
+ Layout Options
120
+ <span class="nav-badge badge text-bg-secondary me-3">6</span>
121
+ <i class="nav-arrow bi bi-chevron-right"></i>
122
+ </p>
123
+ </a>
124
+ <ul class="nav nav-treeview">
125
+ <li class="nav-item">
126
+ <a href="../layout/unfixed-sidebar.html" class="nav-link">
127
+ <i class="nav-icon bi bi-circle"></i>
128
+ <p>Default Sidebar</p>
129
+ </a>
130
+ </li>
131
+ <li class="nav-item">
132
+ <a href="../layout/fixed-sidebar.html" class="nav-link">
133
+ <i class="nav-icon bi bi-circle"></i>
134
+ <p>Fixed Sidebar</p>
135
+ </a>
136
+ </li>
137
+ <li class="nav-item">
138
+ <a href="../layout/fixed-complete.html" class="nav-link active">
139
+ <i class="nav-icon bi bi-circle"></i>
140
+ <p>Fixed Complete</p>
141
+ </a>
142
+ </li>
143
+ <li class="nav-item">
144
+ <a href="../layout/sidebar-mini.html" class="nav-link">
145
+ <i class="nav-icon bi bi-circle"></i>
146
+ <p>Sidebar Mini</p>
147
+ </a>
148
+ </li>
149
+ <li class="nav-item">
150
+ <a href="../layout/collapsed-sidebar.html" class="nav-link">
151
+ <i class="nav-icon bi bi-circle"></i>
152
+ <p>Sidebar Mini <small>+ Collapsed</small></p>
153
+ </a>
154
+ </li>
155
+ <li class="nav-item">
156
+ <a href="../layout/logo-switch.html" class="nav-link">
157
+ <i class="nav-icon bi bi-circle"></i>
158
+ <p>Sidebar Mini <small>+ Logo Switch</small></p>
159
+ </a>
160
+ </li>
161
+ <li class="nav-item">
162
+ <a href="../layout/layout-rtl.html" class="nav-link">
163
+ <i class="nav-icon bi bi-circle"></i>
164
+ <p>Layout RTL</p>
165
+ </a>
166
+ </li>
167
+ </ul>
168
+ </li>
169
+ <li class="nav-item">
170
+ <a href="#" class="nav-link">
171
+ <i class="nav-icon bi bi-tree-fill"></i>
172
+ <p>
173
+ UI Elements
174
+ <i class="nav-arrow bi bi-chevron-right"></i>
175
+ </p>
176
+ </a>
177
+ <ul class="nav nav-treeview">
178
+ <li class="nav-item">
179
+ <a href="../UI/timeline.html" class="nav-link">
180
+ <i class="nav-icon bi bi-circle"></i>
181
+ <p>Timeline</p>
182
+ </a>
183
+ </li>
184
+ </ul>
185
+ </li>
186
+ <li class="nav-item">
187
+ <a href="#" class="nav-link">
188
+ <i class="nav-icon bi bi-pencil-square"></i>
189
+ <p>
190
+ Forms
191
+ <i class="nav-arrow bi bi-chevron-right"></i>
192
+ </p>
193
+ </a>
194
+ <ul class="nav nav-treeview">
195
+ <li class="nav-item">
196
+ <a href="../forms/general.html" class="nav-link">
197
+ <i class="nav-icon bi bi-circle"></i>
198
+ <p>General Elements</p>
199
+ </a>
200
+ </li>
201
+ </ul>
202
+ </li>
203
+ <li class="nav-item">
204
+ <a href="#" class="nav-link">
205
+ <i class="nav-icon bi bi-table"></i>
206
+ <p>
207
+ Tables
208
+ <i class="nav-arrow bi bi-chevron-right"></i>
209
+ </p>
210
+ </a>
211
+ <ul class="nav nav-treeview">
212
+ <li class="nav-item">
213
+ <a href="../tables/simple.html" class="nav-link">
214
+ <i class="nav-icon bi bi-circle"></i>
215
+ <p>Simple Tables</p>
216
+ </a>
217
+ </li>
218
+ </ul>
219
+ </li>
220
+
221
+ <li class="nav-header">EXAMPLES</li>
222
+ <li class="nav-item">
223
+ <a href="#" class="nav-link">
224
+ <i class="nav-icon bi bi-box-arrow-in-right"></i>
225
+ <p>
226
+ Auth
227
+ <i class="nav-arrow bi bi-chevron-right"></i>
228
+ </p>
229
+ </a>
230
+ <ul class="nav nav-treeview">
231
+ <li class="nav-item">
232
+ <a href="#" class="nav-link">
233
+ <i class="nav-icon bi bi-box-arrow-in-right"></i>
234
+ <p>
235
+ Version 1
236
+ <i class="nav-arrow bi bi-chevron-right"></i>
237
+ </p>
238
+ </a>
239
+ <ul class="nav nav-treeview">
240
+ <li class="nav-item">
241
+ <a href="../examples/login.html" class="nav-link">
242
+ <i class="nav-icon bi bi-circle"></i>
243
+ <p>Login</p>
244
+ </a>
245
+ </li>
246
+ <li class="nav-item">
247
+ <a href="../examples/register.html" class="nav-link">
248
+ <i class="nav-icon bi bi-circle"></i>
249
+ <p>Register</p>
250
+ </a>
251
+ </li>
252
+ </ul>
253
+ </li>
254
+ <li class="nav-item">
255
+ <a href="#" class="nav-link">
256
+ <i class="nav-icon bi bi-box-arrow-in-right"></i>
257
+ <p>
258
+ Version 2
259
+ <i class="nav-arrow bi bi-chevron-right"></i>
260
+ </p>
261
+ </a>
262
+ <ul class="nav nav-treeview">
263
+ <li class="nav-item">
264
+ <a href="../examples/login-v2.html" class="nav-link">
265
+ <i class="nav-icon bi bi-circle"></i>
266
+ <p>Login</p>
267
+ </a>
268
+ </li>
269
+ <li class="nav-item">
270
+ <a href="../examples/register-v2.html" class="nav-link">
271
+ <i class="nav-icon bi bi-circle"></i>
272
+ <p>Register</p>
273
+ </a>
274
+ </li>
275
+ </ul>
276
+ </li>
277
+ <li class="nav-item">
278
+ <a href="../examples/lockscreen.html" class="nav-link">
279
+ <i class="nav-icon bi bi-circle"></i>
280
+ <p>Lockscreen</p>
281
+ </a>
282
+ </li>
283
+ </ul>
284
+ </li>
285
+
286
+ <li class="nav-header">DOCUMENTATIONS</li>
287
+ <li class="nav-item">
288
+ <a href="../docs/introduction.html" class="nav-link">
289
+ <i class="nav-icon bi bi-download"></i>
290
+ <p>Installation</p>
291
+ </a>
292
+ </li>
293
+ <li class="nav-item">
294
+ <a href="../docs/layout.html" class="nav-link">
295
+ <i class="nav-icon bi bi-grip-horizontal"></i>
296
+ <p>Layout</p>
297
+ </a>
298
+ </li>
299
+ <li class="nav-item">
300
+ <a href="../docs/color-mode.html" class="nav-link">
301
+ <i class="nav-icon bi bi-star-half"></i>
302
+ <p>Color Mode</p>
303
+ </a>
304
+ </li>
305
+ <li class="nav-item">
306
+ <a href="#" class="nav-link">
307
+ <i class="nav-icon bi bi-ui-checks-grid"></i>
308
+ <p>
309
+ Components
310
+ <i class="nav-arrow bi bi-chevron-right"></i>
311
+ </p>
312
+ </a>
313
+ <ul class="nav nav-treeview">
314
+ <li class="nav-item">
315
+ <a href="../docs/components/main-header.html" class="nav-link">
316
+ <i class="nav-icon bi bi-circle"></i>
317
+ <p>Main Header</p>
318
+ </a>
319
+ </li>
320
+ <li class="nav-item">
321
+ <a href="../docs/components/main-sidebar.html" class="nav-link">
322
+ <i class="nav-icon bi bi-circle"></i>
323
+ <p>Main Sidebar</p>
324
+ </a>
325
+ </li>
326
+ </ul>
327
+ </li>
328
+ <li class="nav-item">
329
+ <a href="#" class="nav-link">
330
+ <i class="nav-icon bi bi-filetype-js"></i>
331
+ <p>
332
+ Javascript
333
+ <i class="nav-arrow bi bi-chevron-right"></i>
334
+ </p>
335
+ </a>
336
+ <ul class="nav nav-treeview">
337
+ <li class="nav-item">
338
+ <a href="../docs/javascript/treeview.html" class="nav-link">
339
+ <i class="nav-icon bi bi-circle"></i>
340
+ <p>Treeview</p>
341
+ </a>
342
+ </li>
343
+ </ul>
344
+ </li>
345
+ <li class="nav-item">
346
+ <a href="../docs/browser-support.html" class="nav-link">
347
+ <i class="nav-icon bi bi-browser-edge"></i>
348
+ <p>Browser Support</p>
349
+ </a>
350
+ </li>
351
+ <li class="nav-item">
352
+ <a href="../docs/how-to-contribute.html" class="nav-link">
353
+ <i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
354
+ <p>How To Contribute</p>
355
+ </a>
356
+ </li>
357
+ <li class="nav-item">
358
+ <a href="../docs/faq.html" class="nav-link">
359
+ <i class="nav-icon bi bi-question-circle-fill"></i>
360
+ <p>FAQ</p>
361
+ </a>
362
+ </li>
363
+ <li class="nav-item">
364
+ <a href="../docs/license.html" class="nav-link">
365
+ <i class="nav-icon bi bi-patch-check-fill"></i>
366
+ <p>License</p>
367
+ </a>
368
+ </li>
369
+
370
+ <li class="nav-header">MULTI LEVEL EXAMPLE</li>
371
+ <li class="nav-item">
372
+ <a href="#" class="nav-link">
373
+ <i class="nav-icon bi bi-circle-fill"></i>
374
+ <p>Level 1</p>
375
+ </a>
376
+ </li>
377
+ <li class="nav-item">
378
+ <a href="#" class="nav-link">
379
+ <i class="nav-icon bi bi-circle-fill"></i>
380
+ <p>
381
+ Level 1
382
+ <i class="nav-arrow bi bi-chevron-right"></i>
383
+ </p>
384
+ </a>
385
+ <ul class="nav nav-treeview">
386
+ <li class="nav-item">
387
+ <a href="#" class="nav-link">
388
+ <i class="nav-icon bi bi-circle"></i>
389
+ <p>Level 2</p>
390
+ </a>
391
+ </li>
392
+ <li class="nav-item">
393
+ <a href="#" class="nav-link">
394
+ <i class="nav-icon bi bi-circle"></i>
395
+ <p>
396
+ Level 2
397
+ <i class="nav-arrow bi bi-chevron-right"></i>
398
+ </p>
399
+ </a>
400
+ <ul class="nav nav-treeview">
401
+ <li class="nav-item">
402
+ <a href="#" class="nav-link">
403
+ <i class="nav-icon bi bi-record-circle-fill"></i>
404
+ <p>Level 3</p>
405
+ </a>
406
+ </li>
407
+ <li class="nav-item">
408
+ <a href="#" class="nav-link">
409
+ <i class="nav-icon bi bi-record-circle-fill"></i>
410
+ <p>Level 3</p>
411
+ </a>
412
+ </li>
413
+ <li class="nav-item">
414
+ <a href="#" class="nav-link">
415
+ <i class="nav-icon bi bi-record-circle-fill"></i>
416
+ <p>Level 3</p>
417
+ </a>
418
+ </li>
419
+ </ul>
420
+ </li>
421
+ <li class="nav-item">
422
+ <a href="#" class="nav-link">
423
+ <i class="nav-icon bi bi-circle"></i>
424
+ <p>Level 2</p>
425
+ </a>
426
+ </li>
427
+ </ul>
428
+ </li>
429
+ <li class="nav-item">
430
+ <a href="#" class="nav-link">
431
+ <i class="nav-icon bi bi-circle-fill"></i>
432
+ <p>Level 1</p>
433
+ </a>
434
+ </li>
435
+
436
+ <li class="nav-header">LABELS</li>
437
+ <li class="nav-item">
438
+ <a href="#" class="nav-link">
439
+ <i class="nav-icon bi bi-circle text-danger"></i>
440
+ <p class="text">Important</p>
441
+ </a>
442
+ </li>
443
+ <li class="nav-item">
444
+ <a href="#" class="nav-link">
445
+ <i class="nav-icon bi bi-circle text-warning"></i>
446
+ <p>Warning</p>
447
+ </a>
448
+ </li>
449
+ <li class="nav-item">
450
+ <a href="#" class="nav-link">
451
+ <i class="nav-icon bi bi-circle text-info"></i>
452
+ <p>Informational</p>
453
+ </a>
454
+ </li>
455
+ </ul>
456
+ <!--end::Sidebar Menu-->
457
+ </nav>
458
+ </div>
459
+ <!--end::Sidebar Wrapper-->
460
+ </aside>
461
+ <!--end::Sidebar-->
462
+ <div class="app-main-wrapper">
463
+ <!--begin::Header-->
464
+ <nav class="app-header navbar navbar-expand bg-body">
465
+ <!--begin::Container-->
466
+ <div class="container-fluid">
467
+ <!--begin::Start Navbar Links-->
468
+ <ul class="navbar-nav">
469
+ <li class="nav-item">
470
+ <a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
471
+ <i class="bi bi-list"></i>
472
+ </a>
473
+ </li>
474
+ <li class="nav-item d-none d-md-block">
475
+ <a href="#" class="nav-link">Home</a>
476
+ </li>
477
+ <li class="nav-item d-none d-md-block">
478
+ <a href="#" class="nav-link">Contact</a>
479
+ </li>
480
+ </ul>
481
+ <!--end::Start Navbar Links-->
482
+
483
+ <!--begin::End Navbar Links-->
484
+ <ul class="navbar-nav ms-auto">
485
+ <!--begin::Navbar Search-->
486
+ <li class="nav-item">
487
+ <a class="nav-link" data-widget="navbar-search" href="#" role="button">
488
+ <i class="bi bi-search"></i>
489
+ </a>
490
+ </li>
491
+ <!--end::Navbar Search-->
492
+
493
+ <!--begin::Messages Dropdown Menu-->
494
+ <li class="nav-item dropdown">
495
+ <a class="nav-link" data-bs-toggle="dropdown" href="#">
496
+ <i class="bi bi-chat-text"></i>
497
+ <span class="navbar-badge badge text-bg-danger">3</span>
498
+ </a>
499
+ <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
500
+ <a href="#" class="dropdown-item">
501
+ <!--begin::Message-->
502
+ <div class="d-flex">
503
+ <div class="flex-shrink-0">
504
+ <img src="../../../dist/assets/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
505
+ </div>
506
+ <div class="flex-grow-1">
507
+ <h3 class="dropdown-item-title">
508
+ Brad Diesel
509
+ <span class="float-end fs-7 text-danger"><i class="bi bi-star-fill"></i></span>
510
+ </h3>
511
+ <p class="fs-7">Call me whenever you can...</p>
512
+ <p class="fs-7 text-secondary">
513
+ <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
514
+ </p>
515
+ </div>
516
+ </div>
517
+ <!--end::Message-->
518
+ </a>
519
+ <div class="dropdown-divider"></div>
520
+ <a href="#" class="dropdown-item">
521
+ <!--begin::Message-->
522
+ <div class="d-flex">
523
+ <div class="flex-shrink-0">
524
+ <img src="../../../dist/assets/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
525
+ </div>
526
+ <div class="flex-grow-1">
527
+ <h3 class="dropdown-item-title">
528
+ John Pierce
529
+ <span class="float-end fs-7 text-secondary">
530
+ <i class="bi bi-star-fill"></i>
531
+ </span>
532
+ </h3>
533
+ <p class="fs-7">I got your message bro</p>
534
+ <p class="fs-7 text-secondary">
535
+ <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
536
+ </p>
537
+ </div>
538
+ </div>
539
+ <!--end::Message-->
540
+ </a>
541
+ <div class="dropdown-divider"></div>
542
+ <a href="#" class="dropdown-item">
543
+ <!--begin::Message-->
544
+ <div class="d-flex">
545
+ <div class="flex-shrink-0">
546
+ <img src="../../../dist/assets/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
547
+ </div>
548
+ <div class="flex-grow-1">
549
+ <h3 class="dropdown-item-title">
550
+ Nora Silvester
551
+ <span class="float-end fs-7 text-warning">
552
+ <i class="bi bi-star-fill"></i>
553
+ </span>
554
+ </h3>
555
+ <p class="fs-7">The subject goes here</p>
556
+ <p class="fs-7 text-secondary">
557
+ <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
558
+ </p>
559
+ </div>
560
+ </div>
561
+ <!--end::Message-->
562
+ </a>
563
+ <div class="dropdown-divider"></div>
564
+ <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
565
+ </div>
566
+ </li>
567
+ <!--end::Messages Dropdown Menu-->
568
+
569
+ <!--begin::Notifications Dropdown Menu-->
570
+ <li class="nav-item dropdown">
571
+ <a class="nav-link" data-bs-toggle="dropdown" href="#">
572
+ <i class="bi bi-bell-fill"></i>
573
+ <span class="navbar-badge badge text-bg-warning">15</span>
574
+ </a>
575
+ <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
576
+ <span class="dropdown-item dropdown-header">15 Notifications</span>
577
+ <div class="dropdown-divider"></div>
578
+ <a href="#" class="dropdown-item">
579
+ <i class="bi bi-envelope me-2"></i> 4 new messages
580
+ <span class="float-end text-secondary fs-7">3 mins</span>
581
+ </a>
582
+ <div class="dropdown-divider"></div>
583
+ <a href="#" class="dropdown-item">
584
+ <i class="bi bi-people-fill me-2"></i> 8 friend requests
585
+ <span class="float-end text-secondary fs-7">12 hours</span>
586
+ </a>
587
+ <div class="dropdown-divider"></div>
588
+ <a href="#" class="dropdown-item">
589
+ <i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
590
+ <span class="float-end text-secondary fs-7">2 days</span>
591
+ </a>
592
+ <div class="dropdown-divider"></div>
593
+ <a href="#" class="dropdown-item dropdown-footer">
594
+ See All Notifications
595
+ </a>
596
+ </div>
597
+ </li>
598
+ <!--end::Notifications Dropdown Menu-->
599
+
600
+ <!--begin::User Menu Dropdown-->
601
+ <li class="nav-item dropdown user-menu">
602
+ <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
603
+ <img src="../../../dist/assets/img/user2-160x160.jpg" class="user-image rounded-circle shadow" alt="User Image">
604
+ <span class="d-none d-md-inline">Alexander Pierce</span>
605
+ </a>
606
+ <ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
607
+ <!--begin::User Image-->
608
+ <li class="user-header text-bg-primary">
609
+ <img src="../../../dist/assets/img/user2-160x160.jpg" class="rounded-circle shadow" alt="User Image">
610
+
611
+ <p>
612
+ Alexander Pierce - Web Developer
613
+ <small>Member since Nov. 2023</small>
614
+ </p>
615
+ </li>
616
+ <!--end::User Image-->
617
+ <!--begin::Menu Body-->
618
+ <li class="user-body">
619
+ <!--begin::Row-->
620
+ <div class="row">
621
+ <div class="col-4 text-center">
622
+ <a href="#">Followers</a>
623
+ </div>
624
+ <div class="col-4 text-center">
625
+ <a href="#">Sales</a>
626
+ </div>
627
+ <div class="col-4 text-center">
628
+ <a href="#">Friends</a>
629
+ </div>
630
+ </div>
631
+ <!--end::Row-->
632
+ </li>
633
+ <!--end::Menu Body-->
634
+ <!--begin::Menu Footer-->
635
+ <li class="user-footer">
636
+ <a href="#" class="btn btn-default btn-flat">Profile</a>
637
+ <a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
638
+ </li>
639
+ <!--end::Menu Footer-->
640
+ </ul>
641
+ </li>
642
+ <!--end::User Menu Dropdown-->
643
+ </ul>
644
+ <!--end::End Navbar Links-->
645
+ </div>
646
+ <!--end::Container-->
647
+ </nav>
648
+ <!--end::Header-->
649
+ <!--begin::App Main-->
650
+ <main class="app-main">
651
+ <!--begin::App Content Header-->
652
+ <div class="app-content-header">
653
+ <!--begin::Container-->
654
+ <div class="container-fluid">
655
+ <!--begin::Row-->
656
+ <div class="row">
657
+ <div class="col-sm-8">
658
+ <h3 class="mb-0">Fixed Complete <small>(Sidebar, Header & Footer)</small></h3>
659
+ </div>
660
+ <div class="col-sm-4">
661
+ <ol class="breadcrumb float-sm-end">
662
+ <li class="breadcrumb-item"><a href="#">Home</a></li>
663
+ <li class="breadcrumb-item active" aria-current="page">
664
+ Fixed Layout
665
+ </li>
666
+ </ol>
667
+ </div>
668
+ </div>
669
+ <!--end::Row-->
670
+ </div>
671
+ <!--end::Container-->
672
+ </div>
673
+ <!--end::App Content Header-->
674
+ <!--begin::App Content-->
675
+ <div class="app-content">
676
+ <!--begin::Container-->
677
+ <div class="container-fluid">
678
+ <!--begin::Row-->
679
+ <div class="row">
680
+ <div class="col-12">
681
+ <!-- Default box -->
682
+ <div class="card">
683
+ <div class="card-header">
684
+ <h3 class="card-title">Title</h3>
685
+
686
+ <div class="card-tools">
687
+ <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse" title="Collapse">
688
+ <i data-lte-icon="expand" class="bi bi-plus-lg"></i>
689
+ <i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
690
+ </button>
691
+ <button type="button" class="btn btn-tool" data-lte-toggle="card-remove" title="Remove">
692
+ <i class="bi bi-x-lg"></i>
693
+ </button>
694
+ </div>
695
+ </div>
696
+ <div class="card-body">
697
+ <p>
698
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
699
+ labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores
700
+ et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
701
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
702
+ labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores
703
+ et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
704
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
705
+ labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores
706
+ et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
707
+ </p>
708
+ <p>
709
+ Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
710
+ dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit
711
+ praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit
712
+ amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
713
+ aliquam erat volutpat.
714
+ </p>
715
+ <p>
716
+ Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
717
+ aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit
718
+ esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et
719
+ iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
720
+ facilisi.
721
+ </p>
722
+ <p>
723
+ Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim
724
+ placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
725
+ nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim
726
+ veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
727
+ consequat.
728
+ </p>
729
+ <p>
730
+ Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
731
+ dolore eu feugiat nulla facilisis.
732
+ </p>
733
+ <p>
734
+ At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
735
+ sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
736
+ diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
737
+ vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
738
+ sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At
739
+ accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt
740
+ justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero
741
+ voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
742
+ sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
743
+ </p>
744
+ <p>
745
+ Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
746
+ aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
747
+ clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit
748
+ amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
749
+ aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
750
+ clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit
751
+ amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
752
+ aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
753
+ clita kasd gubergren, no sea takimata sanctus.
754
+ </p>
755
+ <p>
756
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
757
+ labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores
758
+ et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
759
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
760
+ labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores
761
+ et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
762
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
763
+ labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores
764
+ et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
765
+ </p>
766
+ <p>
767
+ Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
768
+ dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit
769
+ praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit
770
+ amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
771
+ aliquam erat volutpat.
772
+ </p>
773
+ <p>
774
+ Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
775
+ aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit
776
+ esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et
777
+ iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
778
+ facilisi.
779
+ </p>
780
+ <p>
781
+ Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim
782
+ placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
783
+ nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim
784
+ veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
785
+ consequat.
786
+ </p>
787
+ <p>
788
+ Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
789
+ dolore eu feugiat nulla facilisis.
790
+ </p>
791
+ </div>
792
+ <div class="card-footer">Footer</div>
793
+ </div>
794
+ </div>
795
+ </div>
796
+ <!--end::Row-->
797
+ </div>
798
+ <!--end::Container-->
799
+ </div>
800
+ <!--end::App Content-->
801
+ </main>
802
+
803
+ <div class="app-content-bottom-area">
804
+ <div class="row">
805
+ <div class="col-12 text-end">
806
+ <button type="submit" class="btn btn-primary" name="save" value="create">Create Admin</button>
807
+ </div>
808
+ </div>
809
+ </div>
810
+
811
+ <!--end::App Main-->
812
+ <!--begin::Footer-->
813
+ <footer class="app-footer">
814
+ <!--begin::To the end-->
815
+ <div class="float-end d-none d-sm-inline">Anything you want</div>
816
+ <!--end::To the end-->
817
+ <!--begin::Copyright-->
818
+ <strong>
819
+ Copyright &copy; 2014-2023
820
+ <a href="https://adminlte.io">AdminLTE.io</a>.
821
+ </strong>
822
+ All rights reserved.
823
+ <!--end::Copyright-->
824
+ </footer>
825
+ <!--end::Footer-->
826
+ </div>
827
+ </div>
828
+ <!--end::App Wrapper-->
829
+ <!--begin::Script-->
830
+ <!--begin::Third Party Plugin(OverlayScrollbars)-->
831
+ <script src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.1.0/browser/overlayscrollbars.browser.es6.min.js" integrity="sha256-NRZchBuHZWSXldqrtAOeCZpucH/1n1ToJ3C8mSK95NU=" crossorigin="anonymous"></script>
832
+ <!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
833
+ <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.7/dist/umd/popper.min.js" integrity="sha384-zYPOMqeu1DAVkHiLqWBUTcbYfZ8osu1Nd6Z89ify25QV9guujx43ITvfi12/QExE" crossorigin="anonymous"></script>
834
+ <!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
835
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.min.js" integrity="sha384-Y4oOpwW3duJdCWv5ly8SCFYWqFDsfob/3GkgExXKV4idmbt98QcxXYs9UoXAB7BZ" crossorigin="anonymous"></script>
836
+ <!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
837
+ <script src="../../../dist/js/adminlte.js"></script>
838
+ <!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
839
+ <script>
840
+ const SELECTOR_SIDEBAR_WRAPPER = ".sidebar-wrapper";
841
+ const Default = {
842
+ scrollbarTheme: "os-theme-light",
843
+ scrollbarAutoHide: "leave",
844
+ scrollbarClickScroll: true,
845
+ };
846
+
847
+ document.addEventListener("DOMContentLoaded", function() {
848
+ const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
849
+ if (
850
+ sidebarWrapper &&
851
+ typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== "undefined"
852
+ ) {
853
+ OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
854
+ scrollbars: {
855
+ theme: Default.scrollbarTheme,
856
+ autoHide: Default.scrollbarAutoHide,
857
+ clickScroll: Default.scrollbarClickScroll,
858
+ },
859
+ });
860
+ }
861
+ });
862
+ </script>
863
+ <!--end::OverlayScrollbars Configure-->
864
+ <!--end::Script-->
865
+ </body><!--end::Body-->
866
+
867
+ </html>