admin-lte 4.0.0-alpha1 → 4.0.0-alpha2

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 (151) hide show
  1. package/.bundlewatch.config.json +2 -2
  2. package/.cache/.eslintcache +1 -0
  3. package/.cache/.stylelintcache +1 -0
  4. package/.eslintignore +1 -0
  5. package/.eslintrc.json +16 -0
  6. package/.stylelintrc.json +47 -0
  7. package/LICENSE +1 -1
  8. package/README.md +5 -6
  9. package/dist/css/adminlte.css +2383 -2754
  10. package/dist/css/adminlte.css.map +1 -1
  11. package/dist/css/adminlte.min.css +2 -2
  12. package/dist/css/adminlte.min.css.map +1 -1
  13. package/dist/css/{rtl/adminlte.rtl.css → adminlte.rtl.css} +2377 -2749
  14. package/dist/css/adminlte.rtl.css.map +1 -0
  15. package/dist/css/adminlte.rtl.min.css +7 -0
  16. package/dist/css/adminlte.rtl.min.css.map +1 -0
  17. package/dist/js/adminlte.js +173 -182
  18. package/dist/js/adminlte.js.map +1 -1
  19. package/dist/js/adminlte.min.js +6 -1
  20. package/dist/js/adminlte.min.js.map +1 -1
  21. package/dist/pages/UI/timeline.html +698 -0
  22. package/dist/pages/docs/browser-support.html +614 -0
  23. package/dist/pages/docs/color-mode.html +855 -0
  24. package/dist/pages/docs/components/main-header.html +926 -0
  25. package/dist/pages/docs/layout.html +617 -0
  26. package/dist/pages/docs.html +617 -0
  27. package/dist/pages/examples/login.html +114 -187
  28. package/dist/pages/examples/register.html +117 -190
  29. package/dist/pages/forms/general.html +598 -647
  30. package/dist/pages/index.html +1091 -0
  31. package/dist/pages/index2.html +1452 -0
  32. package/dist/pages/index3.html +950 -0
  33. package/dist/pages/layout/fixed-sidebar.html +590 -638
  34. package/dist/pages/layout/layout-rtl.html +623 -0
  35. package/dist/pages/layout/sidebar-mini.html +623 -0
  36. package/dist/pages/layout/unfixed-sidebar.html +589 -638
  37. package/dist/pages/tables/simple.html +837 -938
  38. package/dist/pages/widgets/cards.html +814 -698
  39. package/dist/pages/widgets/info-box.html +864 -951
  40. package/dist/pages/widgets/small-box.html +625 -678
  41. package/index.html +1 -6
  42. package/package.json +53 -36
  43. package/src/config/assets.config.mjs +8 -0
  44. package/src/config/astro.config.mjs +17 -0
  45. package/src/config/postcss.config.mjs +15 -0
  46. package/src/config/rollup.config.js +20 -0
  47. package/src/html/.eslintrc.json +24 -0
  48. package/src/html/.tsconfig.json +4 -0
  49. package/src/html/components/_head.astro +31 -0
  50. package/src/html/components/_scripts.astro +40 -0
  51. package/src/html/components/dashboard/_footer.astro +12 -0
  52. package/src/html/components/dashboard/_sidenav.astro +323 -0
  53. package/src/{partials/dashboard/_topbar.html → html/components/dashboard/_topbar.astro} +20 -46
  54. package/src/html/components/docs/browser-support/index.md +22 -0
  55. package/src/html/components/docs/color-mode/navbar-html.md +80 -0
  56. package/src/{partials/_scripts.html → html/components/docs/color-mode/toggle-script.md} +5 -52
  57. package/src/html/components/docs/components/main-header-1.md +159 -0
  58. package/src/html/components/docs/introduction/index.md +35 -0
  59. package/src/html/env.d.ts +1 -0
  60. package/src/html/pages/UI/timeline.astro +158 -0
  61. package/src/html/pages/docs/browser-support.astro +58 -0
  62. package/src/html/pages/docs/color-mode.astro +224 -0
  63. package/src/html/pages/docs/components/main-header.astro +232 -0
  64. package/src/html/pages/docs/index.astro +58 -0
  65. package/src/html/pages/docs/layout.astro +77 -0
  66. package/src/{pages/examples/login.html → html/pages/examples/login.astro} +13 -13
  67. package/src/{pages/examples/register.html → html/pages/examples/register.astro} +13 -13
  68. package/src/{pages/forms/general.html → html/pages/forms/general.astro} +26 -30
  69. package/src/{index.html → html/pages/index.astro} +266 -189
  70. package/src/{index2.html → html/pages/index2.astro} +229 -284
  71. package/src/{index3.html → html/pages/index3.astro} +151 -169
  72. package/src/{pages/layout/fixed-sidebar.html → html/pages/layout/fixed-sidebar.astro} +26 -29
  73. package/src/html/pages/layout/layout-rtl.astro +84 -0
  74. package/src/html/pages/layout/sidebar-mini.astro +83 -0
  75. package/src/{pages/layout/unfixed-sidebar.html → html/pages/layout/unfixed-sidebar.astro} +26 -30
  76. package/src/{pages/tables/simple.html → html/pages/tables/simple.astro} +26 -30
  77. package/src/html/pages/widgets/cards.astro +308 -0
  78. package/src/{pages/widgets/info-box.html → html/pages/widgets/info-box.astro} +26 -31
  79. package/src/html/pages/widgets/small-box.astro +121 -0
  80. package/src/scss/_app-footer.scss +15 -0
  81. package/src/scss/_app-header.scss +26 -0
  82. package/src/scss/_app-main.scss +20 -0
  83. package/src/scss/_app-sidebar.scss +429 -0
  84. package/src/scss/{_wrapper.scss → _app-wrapper.scss} +8 -4
  85. package/src/scss/_bootstrap-variables.scss +41 -26
  86. package/src/scss/_callouts.scss +34 -0
  87. package/src/scss/_cards.scss +30 -224
  88. package/src/scss/_direct-chat.scss +15 -9
  89. package/src/scss/_docs.scss +4 -0
  90. package/src/scss/_dropdown.scss +7 -5
  91. package/src/scss/_info-box.scss +2 -6
  92. package/src/scss/_miscellaneous.scss +0 -455
  93. package/src/scss/_mixins.scss +0 -6
  94. package/src/scss/_root.scss +2 -58
  95. package/src/scss/_small-box.scss +15 -38
  96. package/src/scss/_table.scss +0 -50
  97. package/src/scss/_timeline.scss +120 -0
  98. package/src/scss/_variables-dark.scss +15 -8
  99. package/src/scss/_variables.scss +30 -135
  100. package/src/scss/adminlte.scss +1 -1
  101. package/src/scss/mixins/_animations.scss +4 -0
  102. package/src/scss/mixins/_scrollbar.scss +2 -2
  103. package/src/scss/pages/_login_and_register.scss +1 -2
  104. package/src/scss/parts/_core.scss +7 -15
  105. package/src/scss/parts/_extra-components.scss +1 -2
  106. package/src/ts/adminlte.ts +0 -2
  107. package/src/ts/card-widget.ts +42 -18
  108. package/src/ts/direct-chat.ts +33 -8
  109. package/src/ts/layout.ts +6 -4
  110. package/src/ts/push-menu.ts +94 -145
  111. package/src/ts/treeview.ts +17 -23
  112. package/src/ts/util/index.ts +2 -2
  113. package/src/utils/index.js +11 -0
  114. package/tsconfig.json +11 -3
  115. package/.stylelintrc +0 -40
  116. package/CHECKLIST.md +0 -0
  117. package/dist/css/rtl/adminlte.rtl.css.map +0 -1
  118. package/dist/css/rtl/adminlte.rtl.min.css +0 -7
  119. package/dist/css/rtl/adminlte.rtl.min.css.map +0 -1
  120. package/dist/index.html +0 -1065
  121. package/dist/index2.html +0 -1629
  122. package/dist/index3.html +0 -1015
  123. package/gulpfile.js +0 -315
  124. package/src/pages/widgets/cards.html +0 -143
  125. package/src/pages/widgets/small-box.html +0 -124
  126. package/src/partials/_head.html +0 -31
  127. package/src/partials/dashboard/_footer.html +0 -9
  128. package/src/partials/dashboard/_sidenav.html +0 -244
  129. package/src/scss/_brand-container.scss +0 -72
  130. package/src/scss/_content-header.scss +0 -9
  131. package/src/scss/_content-wrapper.scss +0 -6
  132. package/src/scss/_content.scss +0 -3
  133. package/src/scss/_layout-fixed.scss +0 -43
  134. package/src/scss/_layout-mobile.scss +0 -22
  135. package/src/scss/_main-footer.scss +0 -28
  136. package/src/scss/_main-header.scss +0 -40
  137. package/src/scss/_main-sidebar.scss +0 -63
  138. package/src/scss/_nav-sidebar.scss +0 -66
  139. package/src/scss/_products.scss +0 -55
  140. package/src/scss/_sidebar-close.scss +0 -6
  141. package/src/scss/_sidebar-collapse.scss +0 -120
  142. package/src/scss/_sidebar-horizontal.scss +0 -67
  143. package/src/scss/_sidebar.scss +0 -11
  144. package/src/scss/_users-list.scss +0 -45
  145. package/src/scss/mixins/_brand-variant.scss +0 -9
  146. package/src/scss/mixins/_cards.scss +0 -53
  147. package/src/scss/mixins/_direct-chat.scss +0 -17
  148. package/src/scss/mixins/_header-variant.scss +0 -22
  149. package/src/scss/mixins/_nav-treeview-dark.scss +0 -87
  150. package/src/scss/mixins/_nav-treeview-light.scss +0 -89
  151. package/src/scss/mixins/_sidebar-color.scss +0 -9
package/dist/pages/examples/register.html CHANGED
@@ -1,210 +1,137 @@
1
1
  <!DOCTYPE html>
2
2
  <html lang="en">
3
- <!-- For RTL verison -->
4
- <!-- <html lang="en" dir="rtl"> -->
5
3
 
6
4
  <head>
7
- <!-- icheck bootstrap -->
8
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
9
- <!-- Primary Meta Tags -->
10
- <title>AdminLTE 4 | Register Page</title>
11
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
12
- <meta name="title" content="AdminLTE 4 | Register Page">
13
- <meta name="author" content="ColorlibHQ">
14
- <meta name="description" content="AdminLTE is a Free Bootstrap 5 Admin Dashboard featuring over 800 components, 10+ plugins and 20 example pages using Vanilla JS.">
15
- <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" />
16
- <!-- By adding ../../css/dark/adminlte-dark-addon.css then the page supports both dark color schemes, and the page author prefers / default is light. -->
17
- <meta name="color-scheme" content="light dark">
18
- <!-- By adding ../../css/dark/adminlte-dark-addon.css then the page supports both dark color schemes, and the page author prefers / default is dark. -->
19
- <!-- <meta name="color-scheme" content="dark light"> -->
5
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
6
+ <!-- Primary Meta Tags -->
7
+ <title>AdminLTE 4 | Register Page</title>
8
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
9
+ <meta name="title" content="AdminLTE 4 | Register Page">
10
+ <meta name="author" content="ColorlibHQ">
11
+ <meta name="description" content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS.">
12
+ <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">
20
13
 
21
- <!-- OPTIONAL LINKS -->
14
+ <!-- OPTIONAL LINKS -->
22
15
 
23
- <!-- Google Font: Source Sans Pro -->
24
- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
16
+ <!-- Google Font: Source Sans Pro -->
17
+ <link rel="preconnect" href="https://fonts.googleapis.com">
18
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
19
+ <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">
25
20
 
26
- <!-- overlayScrollbars -->
27
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.0.3/styles/overlayscrollbars.min.css" integrity="sha256-57dSpDS5wv9AYEEmLxcPfrVnygNCdqDWOXyoR46L9H0=" crossorigin="anonymous">
21
+ <!-- overlayscrollbars -->
22
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.1.0/styles/overlayscrollbars.min.css" integrity="sha256-LWLZPJ7X1jJLI5OG5695qDemW1qQ7lNdbTfQ64ylbUY=" crossorigin="anonymous">
28
23
 
29
- <!-- Font Awesome -->
30
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.1/css/all.min.css" integrity="sha256-Z1K5uhUaJXA7Ll0XrZ/0JhX4lAtZFpT6jkKrEDT0drU=" crossorigin="anonymous">
24
+ <!-- @fortawesome/fontawesome-free -->
25
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.3.0/css/all.min.css" integrity="sha256-/4UQcSmErDzPCMAiuOiWPVVsNN2s3ZY/NsmXNcj0IFc=" crossorigin="anonymous">
31
26
 
32
- <!-- REQUIRED LINKS -->
33
-
34
- <!-- Theme style -->
35
- <link rel="stylesheet" href="../../css/adminlte.css">
36
-
37
- <!-- For RTL verison use ../../css/rtl/adminlte.rtl.css, remove dist/css/adminlte.css -->
38
- <!-- <link rel="stylesheet" href="../../css/rtl/adminlte.rtl.css""> -->
27
+ <!-- REQUIRED LINKS -->
39
28
 
29
+ <!-- Theme style -->
30
+ <link rel="stylesheet" href="../../../dist/css/adminlte.css">
40
31
  </head>
41
32
 
42
- <body class="register-page">
43
- <div class="register-box">
44
- <div class="register-logo">
45
- <a href="../../index2.html">
46
- <b>Admin</b>LTE
47
- </a>
48
- </div>
49
- <!-- /.register-logo -->
50
- <div class="card">
51
- <div class="card-body register-card-body">
52
- <p class="register-box-msg">Register a new membership</p>
53
-
54
- <form action="../../index3.html" method="post">
55
- <div class="input-group mb-3">
56
- <input type="text" class="form-control" placeholder="Full Name">
57
- <div class="input-group-text">
58
- <span class="fa-solid fa-user"></span>
59
- </div>
60
- </div>
61
- <div class="input-group mb-3">
62
- <input type="email" class="form-control" placeholder="Email">
63
- <div class="input-group-text">
64
- <span class="fa-solid fa-envelope"></span>
65
- </div>
66
- </div>
67
- <div class="input-group mb-3">
68
- <input type="password" class="form-control" placeholder="Password">
69
- <div class="input-group-text">
70
- <span class="fa-solid fa-lock"></span>
71
- </div>
72
- </div>
73
- <div class="row">
74
- <div class="col-8">
75
- <div class="form-check">
76
- <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
77
- <label class="form-check-label" for="flexCheckDefault">
78
- I agree to the <a href="#">terms</a>
79
- </label>
80
- </div>
81
- </div>
82
- <!-- /.col -->
83
- <div class="col-4">
84
- <div class="d-grid gap-2">
85
- <button type="submit" class="btn btn-primary">Sign In</button>
86
- </div>
33
+ <body class="register-page bg-body-secondary">
34
+ <div class="register-box">
35
+ <div class="register-logo">
36
+ <a href="../index2.html"><b>Admin</b>LTE</a>
37
+ </div>
38
+ <!-- /.register-logo -->
39
+ <div class="card">
40
+ <div class="card-body register-card-body">
41
+ <p class="register-box-msg">Register a new membership</p>
42
+
43
+ <form action="../index3.html" method="post">
44
+ <div class="input-group mb-3">
45
+ <input type="text" class="form-control" placeholder="Full Name">
46
+ <div class="input-group-text">
47
+ <span class="fa-solid fa-user"></span>
48
+ </div>
49
+ </div>
50
+ <div class="input-group mb-3">
51
+ <input type="email" class="form-control" placeholder="Email">
52
+ <div class="input-group-text">
53
+ <span class="fa-solid fa-envelope"></span>
54
+ </div>
55
+ </div>
56
+ <div class="input-group mb-3">
57
+ <input type="password" class="form-control" placeholder="Password">
58
+ <div class="input-group-text">
59
+ <span class="fa-solid fa-lock"></span>
60
+ </div>
61
+ </div>
62
+ <div class="row">
63
+ <div class="col-8">
64
+ <div class="form-check">
65
+ <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
66
+ <label class="form-check-label" for="flexCheckDefault">
67
+ I agree to the <a href="#">terms</a>
68
+ </label>
69
+ </div>
70
+ </div>
71
+ <!-- /.col -->
72
+ <div class="col-4">
73
+ <div class="d-grid gap-2">
74
+ <button type="submit" class="btn btn-primary">Sign In</button>
75
+ </div>
76
+ </div>
77
+ <!-- /.col -->
78
+ </div>
79
+ </form>
80
+
81
+ <div class="social-auth-links text-center mb-3 d-grid gap-2">
82
+ <p>- OR -</p>
83
+ <a href="#" class="btn btn-primary">
84
+ <i class="fa-brands fa-facebook me-2"></i> Sign in using Facebook
85
+ </a>
86
+ <a href="#" class="btn btn-danger">
87
+ <i class="fa-brands fa-google-plus me-2"></i> Sign in using Google+
88
+ </a>
89
+ </div>
90
+ <!-- /.social-auth-links -->
91
+
92
+ <p class="mb-0">
93
+ <a href="login.html" class="text-center">I already have a membership</a>
94
+ </p>
87
95
  </div>
88
- <!-- /.col -->
89
- </div>
90
- </form>
91
-
92
- <div class="social-auth-links text-center mb-3 d-grid gap-2">
93
- <p>- OR -</p>
94
- <a href="#" class="btn btn-primary">
95
- <i class="fa-brands fa-facebook me-2"></i> Sign in using Facebook
96
- </a>
97
- <a href="#" class="btn btn-danger">
98
- <i class="fa-brands fa-google-plus me-2"></i> Sign in using Google+
99
- </a>
96
+ <!-- /.register-card-body -->
100
97
  </div>
101
- <!-- /.social-auth-links -->
102
-
103
- <p class="mb-0">
104
- <a href="login.html" class="text-center">I already have a membership</a>
105
- </p>
106
- </div>
107
- <!-- /.register-card-body -->
108
98
  </div>
109
- </div>
110
- <!-- /.register-box -->
111
-
112
- <!-- OPTIONAL SCRIPTS -->
113
- <!-- overlayScrollbars -->
114
- <script src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.0.3/browser/overlayscrollbars.browser.es6.min.js" integrity="sha256-/dwBbLeVyyWBtWfH3jHdL2oVVmLKoGnEFzoOSL3nJC0=" crossorigin="anonymous"></script>
115
-
116
- <!-- OPTIONAL SCRIPT For Bootstrap 5 -->
117
- <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
118
-
119
- <!-- Bootstrap 5 -->
120
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js" integrity="sha384-mQ93GR66B00ZXjt0YO5KlohRA5SY2XofN4zfuZxLkoj1gXtW8ANNCe9d5Y3eG5eD" crossorigin="anonymous"></script>
121
-
122
- <!-- REQUIRED SCRIPTS -->
123
- <!-- AdminLTE App -->
124
- <script src="../../js/adminlte.js"></script>
125
-
126
- <!-- OPTIONAL SCRIPTS -->
127
- <script>
128
- const SELECTOR_SIDEBAR = '.sidebar'
129
- const Default = {
130
- scrollbarTheme: 'os-theme-light',
131
- scrollbarAutoHide: 'leave'
132
- }
133
-
134
- document.addEventListener("DOMContentLoaded", function() {
135
- if (typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
136
- OverlayScrollbarsGlobal.OverlayScrollbars(document.querySelector(SELECTOR_SIDEBAR), {
137
- scrollbars: {
138
- theme: Default.scrollbarTheme,
139
- autoHide: Default.scrollbarAutoHide,
140
- clickScroll: true
99
+ <!-- /.register-box -->
100
+
101
+ <!-- OPTIONAL SCRIPTS --><!-- overlayscrollbars -->
102
+ <script src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.1.0/browser/overlayscrollbars.browser.es6.min.js" integrity="sha256-NRZchBuHZWSXldqrtAOeCZpucH/1n1ToJ3C8mSK95NU=" crossorigin="anonymous"></script>
103
+
104
+ <!-- @popperjs for Bootstrap 5 -->
105
+ <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.7/dist/umd/popper.min.js" integrity="sha384-zYPOMqeu1DAVkHiLqWBUTcbYfZ8osu1Nd6Z89ify25QV9guujx43ITvfi12/QExE" crossorigin="anonymous"></script>
106
+
107
+ <!-- Bootstrap 5 -->
108
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.min.js" integrity="sha384-Y4oOpwW3duJdCWv5ly8SCFYWqFDsfob/3GkgExXKV4idmbt98QcxXYs9UoXAB7BZ" crossorigin="anonymous"></script>
109
+
110
+ <!-- REQUIRED SCRIPTS --><!-- AdminLTE App -->
111
+ <script src="../../../dist/js/adminlte.js"></script>
112
+
113
+ <!-- OPTIONAL SCRIPTS -->
114
+ <script>
115
+ const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper'
116
+ const Default = {
117
+ scrollbarTheme: 'os-theme-light',
118
+ scrollbarAutoHide: 'leave',
119
+ scrollbarClickScroll: true
141
120
  }
142
- })
143
- }
144
- })
145
- </script>
146
-
147
- <!-- DON'T USE THIS IN PRODUCTION -->
148
- <script>
149
- // Color Mode Toggler
150
- (() => {
151
- 'use strict'
152
-
153
- const storedTheme = localStorage.getItem('theme')
154
-
155
- const getPreferredTheme = () => {
156
- if (storedTheme) {
157
- return storedTheme
158
- }
159
-
160
- return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
161
- }
162
-
163
- const setTheme = function (theme) {
164
- if (theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches) {
165
- document.documentElement.setAttribute('data-bs-theme', 'dark')
166
- } else {
167
- document.documentElement.setAttribute('data-bs-theme', theme)
168
- }
169
- }
170
-
171
- setTheme(getPreferredTheme())
172
-
173
- const showActiveTheme = theme => {
174
- const activeThemeIcon = document.querySelector('.theme-icon-active i')
175
- const btnToActive = document.querySelector(`[data-bs-theme-value="${theme}"]`)
176
- const svgOfActiveBtn = btnToActive.querySelector('i').getAttribute('class')
177
-
178
- document.querySelectorAll('[data-bs-theme-value]').forEach(element => {
179
- element.classList.remove('active')
180
- })
181
-
182
- btnToActive.classList.add('active')
183
- activeThemeIcon.setAttribute('class', svgOfActiveBtn)
184
- }
185
-
186
- window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
187
- if (storedTheme !== 'light' || storedTheme !== 'dark') {
188
- setTheme(getPreferredTheme())
189
- }
190
- })
191
-
192
- window.addEventListener('DOMContentLoaded', () => {
193
- showActiveTheme(getPreferredTheme())
194
-
195
- document.querySelectorAll('[data-bs-theme-value]')
196
- .forEach(toggle => {
197
- toggle.addEventListener('click', () => {
198
- const theme = toggle.getAttribute('data-bs-theme-value')
199
- localStorage.setItem('theme', theme)
200
- setTheme(theme)
201
- showActiveTheme(theme)
202
- })
203
- })
204
- })
205
- })()
206
- </script>
207
121
 
122
+ document.addEventListener("DOMContentLoaded", function() {
123
+ const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER)
124
+ if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
125
+ OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
126
+ scrollbars: {
127
+ theme: Default.scrollbarTheme,
128
+ autoHide: Default.scrollbarAutoHide,
129
+ clickScroll: Default.scrollbarClickScroll
130
+ }
131
+ })
132
+ }
133
+ })
134
+ </script>
208
135
  </body>
209
136
 
210
137
  </html>