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
package/src/html/pages/widgets/cards.astro CHANGED
@@ -1,28 +1,36 @@
1
1
  ---
2
- import Head from '@components/_head.astro';
3
- import Footer from '@components/dashboard/_footer.astro';
4
- import Topbar from '@components/dashboard/_topbar.astro';
5
- import Sidenav from '@components/dashboard/_sidenav.astro';
6
- import Scripts from '@components/_scripts.astro';
2
+ import Head from "@components/_head.astro";
3
+ import Footer from "@components/dashboard/_footer.astro";
4
+ import Topbar from "@components/dashboard/_topbar.astro";
5
+ import Sidenav from "@components/dashboard/_sidenav.astro";
6
+ import Scripts from "@components/_scripts.astro";
7
7
 
8
- const title = 'AdminLTE 4 | Widgets - Cards'
9
- const path = '../../../dist'
10
- const mainPage = 'widgets'
11
- const page = 'cards'
8
+ const title = "AdminLTE 4 | Widgets - Cards";
9
+ const path = "../../../dist";
10
+ const mainPage = "widgets";
11
+ const page = "cards";
12
12
  ---
13
+
13
14
  <!DOCTYPE html>
14
15
  <html lang="en">
16
+ <!--begin::Head-->
15
17
  <head>
16
18
  <Head title={title} path={path} />
17
19
  </head>
20
+ <!--end::Head-->
21
+ <!--begin::Body-->
18
22
  <body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
23
+ <!--begin::App Wrapper-->
19
24
  <div class="app-wrapper">
20
25
  <Topbar path={path} />
21
26
  <Sidenav path={path} mainPage={mainPage} page={page} />
22
- <!-- Main content -->
27
+ <!--begin::App Main-->
23
28
  <main class="app-main">
29
+ <!--begin::App Content Header-->
24
30
  <div class="app-content-header">
31
+ <!--begin::Container-->
25
32
  <div class="container-fluid">
33
+ <!--begin::Row-->
26
34
  <div class="row">
27
35
  <div class="col-sm-6">
28
36
  <h3 class="mb-0">Cards</h3>
@@ -30,18 +38,25 @@ const page = 'cards'
30
38
  <div class="col-sm-6">
31
39
  <ol class="breadcrumb float-sm-end">
32
40
  <li class="breadcrumb-item"><a href="#">Home</a></li>
33
- <li class="breadcrumb-item active" aria-current="page">Cards</li>
41
+ <li class="breadcrumb-item active" aria-current="page">
42
+ Cards
43
+ </li>
34
44
  </ol>
35
45
  </div>
36
46
  </div>
47
+ <!--end::Row-->
37
48
  </div>
49
+ <!--end::Container-->
38
50
  </div>
39
- <!-- Main content -->
51
+ <!--end::App Content Header-->
52
+ <!--begin::App Content-->
40
53
  <div class="app-content">
54
+ <!--begin::Container-->
41
55
  <div class="container-fluid">
42
56
  <h4 class="mb-2">Cards</h4>
43
57
 
44
58
  <h5 class="mb-2">Abilities</h5>
59
+ <!--begin::Row-->
45
60
  <div class="row">
46
61
  <div class="col-md-3">
47
62
  <div class="card card-primary collapsed-card">
@@ -49,15 +64,19 @@ const page = 'cards'
49
64
  <h3 class="card-title">Expandable</h3>
50
65
 
51
66
  <div class="card-tools">
52
- <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"><i class="fa-solid fa-plus"></i>
67
+ <button
68
+ type="button"
69
+ class="btn btn-tool"
70
+ data-lte-toggle="card-collapse"
71
+ >
72
+ <i data-lte-icon="expand" class="bi bi-plus-lg"></i>
73
+ <i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
53
74
  </button>
54
75
  </div>
55
76
  <!-- /.card-tools -->
56
77
  </div>
57
78
  <!-- /.card-header -->
58
- <div class="card-body">
59
- The body of the card
60
- </div>
79
+ <div class="card-body">The body of the card</div>
61
80
  <!-- /.card-body -->
62
81
  </div>
63
82
  <!-- /.card -->
@@ -69,15 +88,19 @@ const page = 'cards'
69
88
  <h3 class="card-title">Collapsable</h3>
70
89
 
71
90
  <div class="card-tools">
72
- <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"><i class="fa-solid fa-minus"></i>
91
+ <button
92
+ type="button"
93
+ class="btn btn-tool"
94
+ data-lte-toggle="card-collapse"
95
+ >
96
+ <i data-lte-icon="expand" class="bi bi-plus-lg"></i>
97
+ <i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
73
98
  </button>
74
99
  </div>
75
100
  <!-- /.card-tools -->
76
101
  </div>
77
102
  <!-- /.card-header -->
78
- <div class="card-body">
79
- The body of the card
80
- </div>
103
+ <div class="card-body">The body of the card</div>
81
104
  <!-- /.card-body -->
82
105
  </div>
83
106
  <!-- /.card -->
@@ -89,15 +112,18 @@ const page = 'cards'
89
112
  <h3 class="card-title">Removable</h3>
90
113
 
91
114
  <div class="card-tools">
92
- <button type="button" class="btn btn-tool" data-lte-dismiss="card-remove"><i class="fa-solid fa-times"></i>
115
+ <button
116
+ type="button"
117
+ class="btn btn-tool"
118
+ data-lte-toggle="card-remove"
119
+ >
120
+ <i class="bi bi-x-lg"></i>
93
121
  </button>
94
122
  </div>
95
123
  <!-- /.card-tools -->
96
124
  </div>
97
125
  <!-- /.card-header -->
98
- <div class="card-body">
99
- The body of the card
100
- </div>
126
+ <div class="card-body">The body of the card</div>
101
127
  <!-- /.card-body -->
102
128
  </div>
103
129
  <!-- /.card -->
@@ -109,23 +135,29 @@ const page = 'cards'
109
135
  <h3 class="card-title">Maximizable</h3>
110
136
 
111
137
  <div class="card-tools">
112
- <button type="button" class="btn btn-tool" data-lte-toggle="card-maximize"><i class="fa-solid fa-expand"></i>
138
+ <button
139
+ type="button"
140
+ class="btn btn-tool"
141
+ data-lte-toggle="card-maximize"
142
+ >
143
+ <i data-lte-icon="maximize" class="bi bi-fullscreen"></i>
144
+ <i data-lte-icon="minimize" class="bi bi-fullscreen-exit"></i>
113
145
  </button>
114
146
  </div>
115
147
  <!-- /.card-tools -->
116
148
  </div>
117
149
  <!-- /.card-header -->
118
- <div class="card-body">
119
- The body of the card
120
- </div>
150
+ <div class="card-body">The body of the card</div>
121
151
  <!-- /.card-body -->
122
152
  </div>
123
153
  <!-- /.card -->
124
154
  </div>
125
155
  <!-- /.col -->
126
156
  </div>
157
+ <!--end::Row-->
127
158
 
128
159
  <h5 class="mb-2">Card Outlined</h5>
160
+ <!--begin::Row-->
129
161
  <div class="row">
130
162
  <div class="col-md-3">
131
163
  <div class="card card-outline card-primary collapsed-card">
@@ -133,15 +165,19 @@ const page = 'cards'
133
165
  <h3 class="card-title">Expandable</h3>
134
166
 
135
167
  <div class="card-tools">
136
- <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"><i class="fa-solid fa-plus"></i>
168
+ <button
169
+ type="button"
170
+ class="btn btn-tool"
171
+ data-lte-toggle="card-collapse"
172
+ >
173
+ <i data-lte-icon="expand" class="bi bi-plus-lg"></i>
174
+ <i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
137
175
  </button>
138
176
  </div>
139
177
  <!-- /.card-tools -->
140
178
  </div>
141
179
  <!-- /.card-header -->
142
- <div class="card-body">
143
- The body of the card
144
- </div>
180
+ <div class="card-body">The body of the card</div>
145
181
  <!-- /.card-body -->
146
182
  </div>
147
183
  <!-- /.card -->
@@ -153,15 +189,19 @@ const page = 'cards'
153
189
  <h3 class="card-title">Collapsable</h3>
154
190
 
155
191
  <div class="card-tools">
156
- <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"><i class="fa-solid fa-minus"></i>
192
+ <button
193
+ type="button"
194
+ class="btn btn-tool"
195
+ data-lte-toggle="card-collapse"
196
+ >
197
+ <i data-lte-icon="expand" class="bi bi-plus-lg"></i>
198
+ <i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
157
199
  </button>
158
200
  </div>
159
201
  <!-- /.card-tools -->
160
202
  </div>
161
203
  <!-- /.card-header -->
162
- <div class="card-body">
163
- The body of the card
164
- </div>
204
+ <div class="card-body">The body of the card</div>
165
205
  <!-- /.card-body -->
166
206
  </div>
167
207
  <!-- /.card -->
@@ -173,15 +213,18 @@ const page = 'cards'
173
213
  <h3 class="card-title">Removable</h3>
174
214
 
175
215
  <div class="card-tools">
176
- <button type="button" class="btn btn-tool" data-lte-dismiss="card-remove"><i class="fa-solid fa-times"></i>
216
+ <button
217
+ type="button"
218
+ class="btn btn-tool"
219
+ data-lte-toggle="card-remove"
220
+ >
221
+ <i class="bi bi-x-lg"></i>
177
222
  </button>
178
223
  </div>
179
224
  <!-- /.card-tools -->
180
225
  </div>
181
226
  <!-- /.card-header -->
182
- <div class="card-body">
183
- The body of the card
184
- </div>
227
+ <div class="card-body">The body of the card</div>
185
228
  <!-- /.card-body -->
186
229
  </div>
187
230
  <!-- /.card -->
@@ -193,23 +236,29 @@ const page = 'cards'
193
236
  <h3 class="card-title">Maximizable</h3>
194
237
 
195
238
  <div class="card-tools">
196
- <button type="button" class="btn btn-tool" data-lte-toggle="card-maximize"><i class="fa-solid fa-expand"></i>
239
+ <button
240
+ type="button"
241
+ class="btn btn-tool"
242
+ data-lte-toggle="card-maximize"
243
+ >
244
+ <i data-lte-icon="maximize" class="bi bi-fullscreen"></i>
245
+ <i data-lte-icon="minimize" class="bi bi-fullscreen-exit"></i>
197
246
  </button>
198
247
  </div>
199
248
  <!-- /.card-tools -->
200
249
  </div>
201
250
  <!-- /.card-header -->
202
- <div class="card-body">
203
- The body of the card
204
- </div>
251
+ <div class="card-body">The body of the card</div>
205
252
  <!-- /.card-body -->
206
253
  </div>
207
254
  <!-- /.card -->
208
255
  </div>
209
256
  <!-- /.col -->
210
257
  </div>
258
+ <!--end::Row-->
211
259
 
212
- <h5 class="mb-2">Card with <code>.text-bg-*</code> </h5>
260
+ <h5 class="mb-2">Card with <code>.text-bg-*</code></h5>
261
+ <!--begin::Row-->
213
262
  <div class="row">
214
263
  <div class="col-md-3">
215
264
  <div class="card text-bg-primary collapsed-card">
@@ -217,15 +266,19 @@ const page = 'cards'
217
266
  <h3 class="card-title">Expandable</h3>
218
267
 
219
268
  <div class="card-tools">
220
- <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"><i class="fa-solid fa-plus"></i>
269
+ <button
270
+ type="button"
271
+ class="btn btn-tool"
272
+ data-lte-toggle="card-collapse"
273
+ >
274
+ <i data-lte-icon="expand" class="bi bi-plus-lg"></i>
275
+ <i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
221
276
  </button>
222
277
  </div>
223
278
  <!-- /.card-tools -->
224
279
  </div>
225
280
  <!-- /.card-header -->
226
- <div class="card-body">
227
- The body of the card
228
- </div>
281
+ <div class="card-body">The body of the card</div>
229
282
  <!-- /.card-body -->
230
283
  </div>
231
284
  <!-- /.card -->
@@ -237,15 +290,19 @@ const page = 'cards'
237
290
  <h3 class="card-title">Collapsable</h3>
238
291
 
239
292
  <div class="card-tools">
240
- <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"><i class="fa-solid fa-minus"></i>
293
+ <button
294
+ type="button"
295
+ class="btn btn-tool"
296
+ data-lte-toggle="card-collapse"
297
+ >
298
+ <i data-lte-icon="expand" class="bi bi-plus-lg"></i>
299
+ <i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
241
300
  </button>
242
301
  </div>
243
302
  <!-- /.card-tools -->
244
303
  </div>
245
304
  <!-- /.card-header -->
246
- <div class="card-body">
247
- The body of the card
248
- </div>
305
+ <div class="card-body">The body of the card</div>
249
306
  <!-- /.card-body -->
250
307
  </div>
251
308
  <!-- /.card -->
@@ -257,15 +314,18 @@ const page = 'cards'
257
314
  <h3 class="card-title">Removable</h3>
258
315
 
259
316
  <div class="card-tools">
260
- <button type="button" class="btn btn-tool" data-lte-dismiss="card-remove"><i class="fa-solid fa-times"></i>
317
+ <button
318
+ type="button"
319
+ class="btn btn-tool"
320
+ data-lte-toggle="card-remove"
321
+ >
322
+ <i class="bi bi-x-lg"></i>
261
323
  </button>
262
324
  </div>
263
325
  <!-- /.card-tools -->
264
326
  </div>
265
327
  <!-- /.card-header -->
266
- <div class="card-body">
267
- The body of the card
268
- </div>
328
+ <div class="card-body">The body of the card</div>
269
329
  <!-- /.card-body -->
270
330
  </div>
271
331
  <!-- /.card -->
@@ -277,32 +337,37 @@ const page = 'cards'
277
337
  <h3 class="card-title">Maximizable</h3>
278
338
 
279
339
  <div class="card-tools">
280
- <button type="button" class="btn btn-tool" data-lte-toggle="card-maximize"><i class="fa-solid fa-expand"></i>
340
+ <button
341
+ type="button"
342
+ class="btn btn-tool"
343
+ data-lte-toggle="card-maximize"
344
+ >
345
+ <i data-lte-icon="maximize" class="bi bi-fullscreen"></i>
346
+ <i data-lte-icon="minimize" class="bi bi-fullscreen-exit"></i>
281
347
  </button>
282
348
  </div>
283
349
  <!-- /.card-tools -->
284
350
  </div>
285
351
  <!-- /.card-header -->
286
- <div class="card-body">
287
- The body of the card
288
- </div>
352
+ <div class="card-body">The body of the card</div>
289
353
  <!-- /.card-body -->
290
354
  </div>
291
355
  <!-- /.card -->
292
356
  </div>
293
357
  <!-- /.col -->
294
358
  </div>
295
- <!-- /.row -->
296
- </div><!-- /.container-fluid -->
359
+ <!--end::Row-->
360
+ </div>
361
+ <!--end::Container-->
297
362
  </div>
298
- <!-- /.content -->
363
+ <!--end::App Content-->
299
364
  </main>
300
- <!-- /.app-content -->
301
-
365
+ <!--end::App Main-->
302
366
  <Footer />
303
367
  </div>
304
- <!-- ./app-wrapper -->
305
-
368
+ <!--end::App Wrapper-->
369
+ <!--begin::Script-->
306
370
  <Scripts path={path} />
307
- </body>
371
+ <!--end::Script-->
372
+ </body><!--end::Body-->
308
373
  </html>