admin-lte 4.2.0 → 4.3.1

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 (49) hide show
  1. package/CHANGELOG.md +39 -0
  2. package/README.md +17 -1
  3. package/dist/css/adminlte-docs.css +1 -1
  4. package/dist/css/adminlte-docs.css.map +1 -1
  5. package/dist/css/adminlte-docs.min.css +1 -1
  6. package/dist/css/adminlte-docs.min.css.map +1 -1
  7. package/dist/css/adminlte-docs.rtl.css +1 -1
  8. package/dist/css/adminlte-docs.rtl.css.map +1 -1
  9. package/dist/css/adminlte-docs.rtl.min.css +1 -1
  10. package/dist/css/adminlte-docs.rtl.min.css.map +1 -1
  11. package/dist/css/adminlte-select2.css +329 -0
  12. package/dist/css/adminlte-select2.css.map +1 -0
  13. package/dist/css/adminlte-select2.min.css +12 -0
  14. package/dist/css/adminlte-select2.min.css.map +1 -0
  15. package/dist/css/adminlte-select2.rtl.css +328 -0
  16. package/dist/css/adminlte-select2.rtl.css.map +1 -0
  17. package/dist/css/adminlte-select2.rtl.min.css +12 -0
  18. package/dist/css/adminlte-select2.rtl.min.css.map +1 -0
  19. package/dist/css/adminlte.css +202 -1
  20. package/dist/css/adminlte.css.map +1 -1
  21. package/dist/css/adminlte.min.css +2 -2
  22. package/dist/css/adminlte.min.css.map +1 -1
  23. package/dist/css/adminlte.rtl.css +202 -1
  24. package/dist/css/adminlte.rtl.css.map +1 -1
  25. package/dist/css/adminlte.rtl.min.css +2 -2
  26. package/dist/css/adminlte.rtl.min.css.map +1 -1
  27. package/dist/js/adminlte.esm.js +231 -81
  28. package/dist/js/adminlte.esm.js.map +1 -1
  29. package/dist/js/adminlte.esm.min.js +2 -2
  30. package/dist/js/adminlte.esm.min.js.map +1 -1
  31. package/dist/js/adminlte.js +231 -80
  32. package/dist/js/adminlte.js.map +1 -1
  33. package/dist/js/adminlte.min.js +2 -2
  34. package/dist/js/adminlte.min.js.map +1 -1
  35. package/dist/js/types/adminlte.d.ts +2 -1
  36. package/dist/js/types/sidebar-search.d.ts +46 -0
  37. package/package.json +1 -1
  38. package/src/scss/_app-sidebar.scss +12 -0
  39. package/src/scss/_ribbon.scss +75 -0
  40. package/src/scss/_variables.scss +28 -0
  41. package/src/scss/_widgets.scss +192 -0
  42. package/src/scss/adminlte-docs.scss +1 -1
  43. package/src/scss/adminlte-select2.scss +31 -0
  44. package/src/scss/adminlte.scss +1 -1
  45. package/src/scss/compat/_select2.scss +476 -0
  46. package/src/scss/parts/_extra-components.scss +2 -0
  47. package/src/ts/accessibility.ts +25 -13
  48. package/src/ts/adminlte.ts +3 -1
  49. package/src/ts/sidebar-search.ts +252 -0
@@ -1,6 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  /*!
3
- * AdminLTE v4.2.0
3
+ * AdminLTE v4.3.1
4
4
  * Author: Colorlib
5
5
  * Website: AdminLTE.io <https://adminlte.io>
6
6
  * License: Open source - MIT <https://opensource.org/licenses/MIT>
@@ -13191,6 +13191,10 @@ textarea.form-control-lg {
13191
13191
  white-space: nowrap;
13192
13192
  }
13193
13193
 
13194
+ .sidebar-search {
13195
+ padding: 0.5rem 1rem;
13196
+ }
13197
+
13194
13198
  .logo-xs,
13195
13199
  .logo-xl {
13196
13200
  position: absolute;
@@ -13228,6 +13232,9 @@ textarea.form-control-lg {
13228
13232
  .sidebar-mini.sidebar-collapse .sidebar-menu .nav-header {
13229
13233
  display: none;
13230
13234
  }
13235
+ .sidebar-mini.sidebar-collapse .app-sidebar:not(:hover) .sidebar-search {
13236
+ display: none;
13237
+ }
13231
13238
  .sidebar-mini.sidebar-collapse .sidebar-menu .nav-link {
13232
13239
  width: 3.6rem;
13233
13240
  }
@@ -15226,6 +15233,200 @@ html.maximized-card {
15226
15233
  [data-bs-theme=dark] .toast-light .btn-close {
15227
15234
  --bs-btn-close-white-filter: none;
15228
15235
  }
15236
+ .ribbon-wrapper {
15237
+ --lte-ribbon-size: 70px;
15238
+ --lte-ribbon-width: 91px;
15239
+ --lte-ribbon-font-size: 0.8rem;
15240
+ position: absolute;
15241
+ top: 0;
15242
+ left: 0;
15243
+ z-index: 1;
15244
+ width: var(--lte-ribbon-size);
15245
+ height: var(--lte-ribbon-size);
15246
+ overflow: hidden;
15247
+ border-top-left-radius: inherit;
15248
+ }
15249
+ .ribbon-wrapper.ribbon-lg {
15250
+ --lte-ribbon-size: 110px;
15251
+ --lte-ribbon-width: 143px;
15252
+ --lte-ribbon-font-size: 1rem;
15253
+ }
15254
+ .ribbon-wrapper.ribbon-xl {
15255
+ --lte-ribbon-size: 145px;
15256
+ --lte-ribbon-width: 188.5px;
15257
+ --lte-ribbon-font-size: 1.25rem;
15258
+ }
15259
+ .ribbon-wrapper .ribbon {
15260
+ position: absolute;
15261
+ top: 32.5%;
15262
+ right: 67.5%;
15263
+ width: var(--lte-ribbon-width);
15264
+ padding: 0.375rem 0;
15265
+ overflow: hidden;
15266
+ font-size: var(--lte-ribbon-font-size);
15267
+ font-weight: 400;
15268
+ line-height: 1.2;
15269
+ color: var(--bs-emphasis-color);
15270
+ text-align: center;
15271
+ text-overflow: ellipsis;
15272
+ text-transform: uppercase;
15273
+ white-space: nowrap;
15274
+ background-color: var(--bs-secondary-bg);
15275
+ box-shadow: 0 0 3px rgba(var(--bs-body-color-rgb), 0.3);
15276
+ transform: translate(50%, -50%) rotate(-45deg);
15277
+ }
15278
+ .ribbon-wrapper .ribbon a {
15279
+ color: inherit;
15280
+ text-decoration: none;
15281
+ }
15282
+
15283
+ .user-block {
15284
+ --lte-user-block-avatar-size: 2.5rem;
15285
+ display: grid;
15286
+ grid-template-columns: auto 1fr;
15287
+ -moz-column-gap: 0.75rem;
15288
+ column-gap: 0.75rem;
15289
+ align-items: center;
15290
+ }
15291
+ .user-block > img {
15292
+ grid-row: 1/span 2;
15293
+ align-self: center;
15294
+ width: var(--lte-user-block-avatar-size);
15295
+ height: var(--lte-user-block-avatar-size);
15296
+ -o-object-fit: cover;
15297
+ object-fit: cover;
15298
+ }
15299
+ .user-block .username,
15300
+ .user-block .description,
15301
+ .user-block .comment {
15302
+ grid-column: 2;
15303
+ }
15304
+ .user-block .username {
15305
+ align-self: end;
15306
+ font-size: 1rem;
15307
+ font-weight: 600;
15308
+ }
15309
+ .user-block .username a {
15310
+ color: var(--bs-emphasis-color);
15311
+ text-decoration: none;
15312
+ }
15313
+ .user-block .username a:hover, .user-block .username a:focus-visible {
15314
+ text-decoration: underline;
15315
+ }
15316
+ .user-block .description {
15317
+ align-self: start;
15318
+ font-size: 0.8125rem;
15319
+ color: var(--bs-secondary-color);
15320
+ }
15321
+ .user-block .comment {
15322
+ margin-top: 0.5rem;
15323
+ }
15324
+ .card-header > .user-block {
15325
+ float: right;
15326
+ }
15327
+ .user-block.user-block-sm {
15328
+ --lte-user-block-avatar-size: 1.75rem;
15329
+ }
15330
+ .user-block.user-block-sm .username {
15331
+ font-size: 0.8125rem;
15332
+ }
15333
+ .user-block.user-block-sm .description {
15334
+ font-size: 0.75rem;
15335
+ }
15336
+
15337
+ .post {
15338
+ padding-bottom: 1rem;
15339
+ margin-bottom: 1rem;
15340
+ border-bottom: 1px solid var(--bs-border-color);
15341
+ }
15342
+ .post:last-of-type {
15343
+ padding-bottom: 0;
15344
+ margin-bottom: 0;
15345
+ border-bottom: 0;
15346
+ }
15347
+ .post .user-block {
15348
+ margin-bottom: 0.75rem;
15349
+ }
15350
+
15351
+ .description-block {
15352
+ display: block;
15353
+ margin: 0.625rem 0;
15354
+ text-align: center;
15355
+ }
15356
+ .description-block .description-header {
15357
+ padding: 0;
15358
+ margin: 0;
15359
+ font-size: 1.0625rem;
15360
+ font-weight: 700;
15361
+ }
15362
+ .description-block .description-text {
15363
+ font-size: 0.8125rem;
15364
+ color: var(--bs-secondary-color);
15365
+ text-transform: uppercase;
15366
+ }
15367
+
15368
+ .widget-user .widget-user-header {
15369
+ height: 8.4375rem;
15370
+ padding: 1rem;
15371
+ text-align: center;
15372
+ background-position: center;
15373
+ background-size: cover;
15374
+ border-top-right-radius: inherit;
15375
+ border-top-left-radius: inherit;
15376
+ }
15377
+ .widget-user .widget-user-username {
15378
+ margin-top: 0;
15379
+ margin-bottom: 0.3125rem;
15380
+ font-size: 1.5625rem;
15381
+ font-weight: 300;
15382
+ }
15383
+ .widget-user .widget-user-desc {
15384
+ margin-top: 0;
15385
+ font-size: 1rem;
15386
+ }
15387
+ .widget-user .widget-user-image {
15388
+ position: absolute;
15389
+ top: 5.625rem;
15390
+ left: 0;
15391
+ right: 0;
15392
+ width: 5.625rem;
15393
+ margin-inline: auto;
15394
+ }
15395
+ .widget-user .widget-user-image > img {
15396
+ width: 100%;
15397
+ height: auto;
15398
+ border: 3px solid var(--bs-body-bg);
15399
+ }
15400
+ .widget-user > .card-footer {
15401
+ padding-top: 3.5625rem;
15402
+ }
15403
+
15404
+ .widget-user-2 .widget-user-header {
15405
+ display: flex;
15406
+ -moz-column-gap: 1rem;
15407
+ column-gap: 1rem;
15408
+ align-items: center;
15409
+ padding: 1rem;
15410
+ border-top-right-radius: inherit;
15411
+ border-top-left-radius: inherit;
15412
+ }
15413
+ .widget-user-2 .widget-user-image > img {
15414
+ width: 4.0625rem;
15415
+ height: 4.0625rem;
15416
+ -o-object-fit: cover;
15417
+ object-fit: cover;
15418
+ }
15419
+ .widget-user-2 .widget-user-username {
15420
+ margin-top: 0;
15421
+ margin-bottom: 0.3125rem;
15422
+ font-size: 1.5625rem;
15423
+ font-weight: 300;
15424
+ }
15425
+ .widget-user-2 .widget-user-desc {
15426
+ margin-top: 0;
15427
+ font-size: 1rem;
15428
+ }
15429
+
15229
15430
  .login-logo,
15230
15431
  .register-logo {
15231
15432
  margin-bottom: 0.9rem;