npm - admin-lte - Versions diffs - 4.0.0-alpha2 → 4.0.0-beta1 - Mend

admin-lte 4.0.0-alpha2 → 4.0.0-beta1

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 (142) hide show

package/.bundlewatch.config.json +6 -6
package/.cache/.eslintcache +1 -1
package/.cache/.stylelintcache +1 -1
package/.gitpod.yml +1 -1
package/README.md +9 -4
package/dist/assets/img/AdminLTEFullLogo.png +0 -0
package/dist/css/adminlte.css +879 -418
package/dist/css/adminlte.css.map +1 -1
package/dist/css/adminlte.min.css +2 -2
package/dist/css/adminlte.min.css.map +1 -1
package/dist/css/adminlte.rtl.css +886 -416
package/dist/css/adminlte.rtl.css.map +1 -1
package/dist/css/adminlte.rtl.min.css +2 -2
package/dist/css/adminlte.rtl.min.css.map +1 -1
package/dist/js/adminlte.js +178 -96
package/dist/js/adminlte.js.map +1 -1
package/dist/js/adminlte.min.js +3 -3
package/dist/js/adminlte.min.js.map +1 -1
package/dist/pages/UI/general.html +895 -0
package/dist/pages/UI/timeline.html +309 -515
package/dist/pages/docs/browser-support.html +265 -433
package/dist/pages/docs/color-mode.html +482 -615
package/dist/pages/docs/components/main-header.html +516 -703
package/dist/pages/docs/components/main-sidebar.html +550 -0
package/dist/pages/docs/faq.html +433 -0
package/dist/pages/docs/how-to-contribute.html +474 -0
package/dist/pages/docs/introduction.html +463 -0
package/dist/pages/docs/javascript/treeview.html +453 -0
package/dist/pages/docs/layout.html +293 -433
package/dist/pages/docs/license.html +436 -0
package/dist/pages/examples/lockscreen.html +69 -0
package/dist/pages/examples/login-v2.html +88 -0
package/dist/pages/examples/login.html +49 -100
package/dist/pages/examples/register-v2.html +90 -0
package/dist/pages/examples/register.html +50 -103
package/dist/pages/forms/general.html +430 -454
package/dist/pages/index.html +466 -740
package/dist/pages/index2.html +672 -1041
package/dist/pages/index3.html +371 -629
package/dist/pages/layout/collapsed-sidebar.html +441 -0
package/dist/pages/layout/fixed-complete.html +541 -0
package/dist/pages/layout/fixed-sidebar.html +263 -446
package/dist/pages/layout/layout-rtl.html +263 -445
package/dist/pages/layout/logo-switch.html +234 -0
package/dist/pages/layout/sidebar-mini.html +263 -445
package/dist/pages/layout/unfixed-sidebar.html +263 -445
package/dist/pages/tables/simple.html +314 -499
package/dist/pages/widgets/cards.html +326 -629
package/dist/pages/widgets/info-box.html +348 -674
package/dist/pages/widgets/small-box.html +279 -465
package/index.html +6 -10
package/package.json +34 -30
package/src/assets/img/AdminLTEFullLogo.png +0 -0
package/src/config/astro.config.mjs +3 -1
package/src/html/.prettierrc.js +11 -0
package/src/html/components/_head.astro +32 -26
package/src/html/components/_scripts.astro +27 -28
package/src/html/components/dashboard/_footer.astro +14 -8
package/src/html/components/dashboard/_sidenav.astro +352 -113
package/src/html/components/dashboard/_topbar.astro +99 -50
package/src/html/components/docs/{browser-support/index.md → browser-support.mdx} +2 -1
package/src/html/components/docs/color-mode.mdx +169 -0
package/src/html/components/docs/components/{main-header-1.md → main-header.mdx} +60 -21
package/src/html/components/docs/components/main-sidebar.mdx +129 -0
package/src/html/components/docs/faq.mdx +11 -0
package/src/html/components/docs/how-to-contribute.mdx +34 -0
package/src/html/components/docs/{introduction/index.md → introduction.mdx} +30 -5
package/src/html/components/docs/license.mdx +9 -0
package/src/html/components/javascript/treeview.mdx +39 -0
package/src/html/pages/UI/general.astro +1451 -0
package/src/html/pages/UI/timeline.astro +111 -48
package/src/html/pages/docs/browser-support.astro +24 -11
package/src/html/pages/docs/color-mode.astro +91 -42
package/src/html/pages/docs/components/main-header.astro +134 -46
package/src/html/pages/docs/components/main-sidebar.astro +71 -0
package/src/html/pages/docs/faq.astro +71 -0
package/src/html/pages/docs/how-to-contribute.astro +71 -0
package/src/html/pages/docs/{index.astro → introduction.astro} +24 -11
package/src/html/pages/docs/javascript/treeview.astro +71 -0
package/src/html/pages/docs/layout.astro +62 -19
package/src/html/pages/docs/license.astro +71 -0
package/src/html/pages/examples/lockscreen.astro +63 -0
package/src/html/pages/examples/login-v2.astro +109 -0
package/src/html/pages/examples/login.astro +34 -16
package/src/html/pages/examples/register-v2.astro +116 -0
package/src/html/pages/examples/register.astro +36 -18
package/src/html/pages/forms/general.astro +568 -37
package/src/html/pages/index.astro +403 -157
package/src/html/pages/index2.astro +715 -255
package/src/html/pages/index3.astro +298 -197
package/src/html/pages/layout/collapsed-sidebar.astro +110 -0
package/src/html/pages/layout/fixed-complete.astro +209 -0
package/src/html/pages/layout/fixed-sidebar.astro +52 -27
package/src/html/pages/layout/layout-rtl.astro +53 -28
package/src/html/pages/layout/logo-switch.astro +212 -0
package/src/html/pages/layout/sidebar-mini.astro +53 -28
package/src/html/pages/layout/unfixed-sidebar.astro +51 -27
package/src/html/pages/tables/simple.astro +226 -86
package/src/html/pages/widgets/cards.astro +137 -72
package/src/html/pages/widgets/info-box.astro +96 -41
package/src/html/pages/widgets/small-box.astro +93 -32
package/src/scss/_app-content.scss +52 -0
package/src/scss/_app-footer.scss +1 -1
package/src/scss/_app-main.scss +6 -5
package/src/scss/_app-sidebar.scss +244 -70
package/src/scss/_bootstrap-variables.scss +26 -22
package/src/scss/_callouts.scss +6 -0
package/src/scss/_cards.scss +32 -7
package/src/scss/_compact-mode.scss +79 -0
package/src/scss/_direct-chat.scss +5 -0
package/src/scss/_dropdown.scss +1 -0
package/src/scss/_info-box.scss +2 -10
package/src/scss/_small-box.scss +0 -3
package/src/scss/_timeline.scss +1 -0
package/src/scss/_toasts.scss +33 -0
package/src/scss/_variables.scss +32 -9
package/src/scss/adminlte.scss +1 -2
package/src/scss/mixins/_animations.scss +0 -5
package/src/scss/pages/_lockscreen.scss +75 -0
package/src/scss/pages/_login_and_register.scss +1 -3
package/src/scss/parts/_core.scss +2 -0
package/src/scss/parts/_extra-components.scss +1 -0
package/src/scss/parts/_pages.scss +1 -0
package/src/ts/adminlte.ts +3 -1
package/src/ts/card-widget.ts +20 -52
package/src/ts/direct-chat.ts +5 -4
package/src/ts/fullscreen.ts +110 -0
package/src/ts/layout.ts +5 -4
package/src/ts/push-menu.ts +6 -22
package/src/ts/treeview.ts +34 -11
package/src/ts/util/index.ts +15 -13
package/src/utils/index.js +20 -3
package/.idea/AdminLTE.iml +0 -12
package/.idea/codeStyles/Project.xml +0 -29
package/.idea/codeStyles/codeStyleConfig.xml +0 -5
package/.idea/inspectionProfiles/Project_Default.xml +0 -7
package/.idea/modules.xml +0 -8
package/.idea/php.xml +0 -28
package/.idea/vcs.xml +0 -6
package/dist/pages/docs.html +0 -617
package/src/html/components/docs/color-mode/navbar-html.md +0 -80
package/src/html/components/docs/color-mode/toggle-script.md +0 -48

package/src/html/pages/layout/logo-switch.astro ADDED Viewed

@@ -0,0 +1,212 @@
+---
+import Head from "@components/_head.astro";
+import Footer from "@components/dashboard/_footer.astro";
+import Topbar from "@components/dashboard/_topbar.astro";
+import Scripts from "@components/_scripts.astro";
+import { convertPathToHtml } from "../../../utils/index.js";
+const title = "AdminLTE 4 | Sidebar Mini";
+const path = "../../../dist";
+const htmlPath = convertPathToHtml(path);
+---
+<!DOCTYPE html>
+<html lang="en">
+  <!--begin::Head-->
+  <head>
+    <Head title={title} path={path} />
+  </head>
+  <!--end::Head-->
+  <!--begin::Body-->
+  <body class="layout-fixed sidebar-expand-lg sidebar-mini bg-body-tertiary">
+    <!--begin::App Wrapper-->
+    <div class="app-wrapper">
+      <Topbar path={path} />
+      <!--begin::Sidebar-->
+      <aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
+        <!--begin::Sidebar Brand-->
+        <div class="sidebar-brand">
+          <!--begin::Brand Link-->
+          <a href={htmlPath + "/index.html"} class="brand-link logo-switch">
+            <!--begin::Brand Image Small-->
+            <img
+            src={path + "/assets/img/AdminLTELogo.png"}
+            alt="AdminLTE Logo Small"
+            class="brand-image-xl logo-xs opacity-75 shadow"
+            />
+            <!--end::Brand Image Small-->
+            <!--begin::Brand Image Large-->
+            <img
+            src={path + "/assets/img/AdminLTEFullLogo.png"}
+            alt="AdminLTE Logo Large"
+            class="brand-image-xs logo-xl opacity-75"
+            />
+            <!--end::Brand Image Large-->
+          </a>
+          <!--end::Brand Link-->
+        </div>
+        <!-- Sidebar -->
+        <!--begin::Sidebar Wrapper-->
+        <div class="sidebar-wrapper">
+          <nav class="mt-2">
+            <!--begin::Sidebar Menu-->
+            <ul
+              class="nav sidebar-menu flex-column"
+              data-lte-toggle="treeview"
+              role="menu"
+              data-accordion="false"
+            >
+              <li class="nav-header">MULTI LEVEL EXAMPLE</li>
+              <li class="nav-item">
+                <a href="#" class="nav-link">
+                  <i class="nav-icon bi bi-circle-fill"></i>
+                  <p>Level 1</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="#" class="nav-link">
+                  <i class="nav-icon bi bi-circle-fill"></i>
+                  <p>
+                    Level 1
+                    <i class="nav-arrow bi bi-chevron-right"></i>
+                  </p>
+                </a>
+                <ul class="nav nav-treeview">
+                  <li class="nav-item">
+                    <a href="#" class="nav-link">
+                      <i class="nav-icon bi bi-circle"></i>
+                      <p>Level 2</p>
+                    </a>
+                  </li>
+                  <li class="nav-item">
+                    <a href="#" class="nav-link">
+                      <i class="nav-icon bi bi-circle"></i>
+                      <p>
+                        Level 2
+                        <i class="nav-arrow bi bi-chevron-right"></i>
+                      </p>
+                    </a>
+                    <ul class="nav nav-treeview">
+                      <li class="nav-item">
+                        <a href="#" class="nav-link">
+                          <i class="nav-icon bi bi-record-circle-fill"></i>
+                          <p>Level 3</p>
+                        </a>
+                      </li>
+                      <li class="nav-item">
+                        <a href="#" class="nav-link">
+                          <i class="nav-icon bi bi-record-circle-fill"></i>
+                          <p>Level 3</p>
+                        </a>
+                      </li>
+                      <li class="nav-item">
+                        <a href="#" class="nav-link">
+                          <i class="nav-icon bi bi-record-circle-fill"></i>
+                          <p>Level 3</p>
+                        </a>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="nav-item">
+                    <a href="#" class="nav-link">
+                      <i class="nav-icon bi bi-circle"></i>
+                      <p>Level 2</p>
+                    </a>
+                  </li>
+                </ul>
+              </li>
+              <li class="nav-item">
+                <a href="#" class="nav-link">
+                  <i class="nav-icon bi bi-circle-fill"></i>
+                  <p>Level 1</p>
+                </a>
+              </li>
+            </ul>
+            <!--end::Sidebar Menu-->
+          </nav>
+        </div>
+        <!--end::Sidebar Wrapper-->
+      </aside>
+      <!--end::Sidebar-->
+      <!--begin::App Main-->
+      <main class="app-main">
+        <!--begin::App Content Header-->
+        <div class="app-content-header">
+          <!--begin::Container-->
+          <div class="container-fluid">
+            <!--begin::Row-->
+            <div class="row">
+              <div class="col-sm-6">
+                <h3 class="mb-0">Logo Switch</h3>
+              </div>
+              <div class="col-sm-6">
+                <ol class="breadcrumb float-sm-end">
+                  <li class="breadcrumb-item"><a href="#">Home</a></li>
+                  <li class="breadcrumb-item active" aria-current="page">
+                    Logo Switch
+                  </li>
+                </ol>
+              </div>
+            </div>
+            <!--end::Row-->
+          </div>
+          <!--end::Container-->
+        </div>
+        <!--end::App Content Header-->
+        <!--begin::App Content-->
+        <div class="app-content">
+          <!--begin::Container-->
+          <div class="container-fluid">
+            <!--begin::Row-->
+            <div class="row">
+              <div class="col-12">
+                <!-- Default box -->
+                <div class="card">
+                  <div class="card-header">
+                    <h3 class="card-title">Title</h3>
+                    <div class="card-tools">
+                      <button
+                        type="button"
+                        class="btn btn-tool"
+                        data-lte-toggle="card-collapse"
+                        title="Collapse"
+                      >
+                        <i data-lte-icon="expand" class="bi bi-plus-lg"></i>
+                        <i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
+                      </button>
+                      <button
+                        type="button"
+                        class="btn btn-tool"
+                        data-lte-toggle="card-remove"
+                        title="Remove"
+                      >
+                        <i class="bi bi-x-lg"></i>
+                      </button>
+                    </div>
+                  </div>
+                  <div class="card-body">
+                    Start creating your amazing application!
+                  </div>
+                  <!-- /.card-body -->
+                  <div class="card-footer">Footer</div>
+                  <!-- /.card-footer-->
+                </div>
+                <!-- /.card -->
+              </div>
+            </div>
+            <!--begin::Row-->
+          </div>
+          <!--end::Container-->
+        </div>
+        <!--end::App Content-->
+      </main>
+      <!--end::App Main-->
+      <Footer />
+    </div>
+    <!--end::App Wrapper-->
+    <!--begin::Script-->
+    <Scripts path={path} />
+    <!--end::Script-->
+  </body><!--end::Body-->
+</html>

package/src/html/pages/layout/sidebar-mini.astro CHANGED Viewed

@@ -1,28 +1,36 @@
 ---
-import Head from '@components/_head.astro';
-import Footer from '@components/dashboard/_footer.astro';
-import Topbar from '@components/dashboard/_topbar.astro';
-import Sidenav from '@components/dashboard/_sidenav.astro';
-import Scripts from '@components/_scripts.astro';
+import Head from "@components/_head.astro";
+import Footer from "@components/dashboard/_footer.astro";
+import Topbar from "@components/dashboard/_topbar.astro";
+import Sidenav from "@components/dashboard/_sidenav.astro";
+import Scripts from "@components/_scripts.astro";
-const title = 'AdminLTE 4 | Sidebar Mini'
-const path = '../../../dist'
-const mainPage = 'layout'
-const page = 'sidebar-mini'
+const title = "AdminLTE 4 | Sidebar Mini";
+const path = "../../../dist";
+const mainPage = "layout";
+const page = "sidebar-mini";
 ---
 <!DOCTYPE html>
 <html lang="en">
+  <!--begin::Head-->
   <head>
     <Head title={title} path={path} />
   </head>
-  <body class="layout-fixed sidebar-expand-lg sidebar-mini sidebar-collapse bg-body-tertiary">
+  <!--end::Head-->
+  <!--begin::Body-->
+  <body class="layout-fixed sidebar-expand-lg sidebar-mini bg-body-tertiary">
+    <!--begin::App Wrapper-->
     <div class="app-wrapper">
       <Topbar path={path} />
       <Sidenav path={path} mainPage={mainPage} page={page} />
-      <!-- Main content -->
+      <!--begin::App Main-->
       <main class="app-main">
+        <!--begin::App Content Header-->
         <div class="app-content-header">
+          <!--begin::Container-->
           <div class="container-fluid">
+            <!--begin::Row-->
             <div class="row">
               <div class="col-sm-6">
                 <h3 class="mb-0">Sidebar Mini</h3>
@@ -30,15 +38,22 @@ const page = 'sidebar-mini'
               <div class="col-sm-6">
                 <ol class="breadcrumb float-sm-end">
                   <li class="breadcrumb-item"><a href="#">Home</a></li>
-                  <li class="breadcrumb-item active" aria-current="page">Sidebar Mini</li>
+                  <li class="breadcrumb-item active" aria-current="page">
+                    Sidebar Mini
+                  </li>
                 </ol>
               </div>
             </div>
+            <!--end::Row-->
           </div>
+          <!--end::Container-->
         </div>
-        <!-- Main content -->
+        <!--end::App Content Header-->
+        <!--begin::App Content-->
         <div class="app-content">
+          <!--begin::Container-->
           <div class="container-fluid">
+            <!--begin::Row-->
             <div class="row">
               <div class="col-12">
                 <!-- Default box -->
@@ -47,11 +62,22 @@ const page = 'sidebar-mini'
                     <h3 class="card-title">Title</h3>
                     <div class="card-tools">
-                      <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse" title="Collapse">
-                        <i class="fa-solid fa-minus"></i>
+                      <button
+                        type="button"
+                        class="btn btn-tool"
+                        data-lte-toggle="card-collapse"
+                        title="Collapse"
+                      >
+                        <i data-lte-icon="expand" class="bi bi-plus-lg"></i>
+                        <i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
                       </button>
-                      <button type="button" class="btn btn-tool" data-lte-dismiss="card-remove" title="Remove">
-                        <i class="fa-solid fa-times"></i>
+                      <button
+                        type="button"
+                        class="btn btn-tool"
+                        data-lte-toggle="card-remove"
+                        title="Remove"
+                      >
+                        <i class="bi bi-x-lg"></i>
                       </button>
                     </div>
                   </div>
@@ -59,25 +85,24 @@ const page = 'sidebar-mini'
                     Start creating your amazing application!
                   </div>
                   <!-- /.card-body -->
-                  <div class="card-footer">
-                    Footer
-                  </div>
+                  <div class="card-footer">Footer</div>
                   <!-- /.card-footer-->
                 </div>
                 <!-- /.card -->
               </div>
             </div>
-            <!-- /.row -->
-          </div><!-- /.container-fluid -->
+            <!--end::Row-->
+          </div>
+          <!--end::Container-->
         </div>
-        <!-- /.content -->
+        <!--end::App Content-->
       </main>
-      <!-- /.app-content -->
+      <!--end::App Main-->
       <Footer />
     </div>
-    <!--  ./app-wrapper -->
+    <!--end::App Wrapper-->
+    <!--begin::Script-->
     <Scripts path={path} />
-  </body>
+    <!--end::Script-->
+  </body><!--end::Body-->
 </html>

package/src/html/pages/layout/unfixed-sidebar.astro CHANGED Viewed

@@ -1,28 +1,36 @@
 ---
-import Head from '@components/_head.astro';
-import Footer from '@components/dashboard/_footer.astro';
-import Topbar from '@components/dashboard/_topbar.astro';
-import Sidenav from '@components/dashboard/_sidenav.astro';
-import Scripts from '@components/_scripts.astro';
+import Head from "@components/_head.astro";
+import Footer from "@components/dashboard/_footer.astro";
+import Topbar from "@components/dashboard/_topbar.astro";
+import Sidenav from "@components/dashboard/_sidenav.astro";
+import Scripts from "@components/_scripts.astro";
-const title = 'AdminLTE 4 | Unfixed Sidebar'
-const path = '../../../dist'
-const mainPage = 'layout'
-const page = 'unfixed-sidebar'
+const title = "AdminLTE 4 | Unfixed Sidebar";
+const path = "../../../dist";
+const mainPage = "layout";
+const page = "unfixed-sidebar";
 ---
 <!DOCTYPE html>
 <html lang="en">
+  <!--begin::Head-->
   <head>
     <Head title={title} path={path} />
   </head>
+  <!--end::Head-->
+  <!--begin::Body-->
   <body class="sidebar-expand-lg bg-body-tertiary">
+    <!--begin::App Wrapper-->
     <div class="app-wrapper">
       <Topbar path={path} />
       <Sidenav path={path} mainPage={mainPage} page={page} />
-      <!-- Main content -->
+      <!--begin::App Main-->
       <main class="app-main">
+        <!--begin::App Content Header-->
         <div class="app-content-header">
+          <!--begin::Container-->
           <div class="container-fluid">
+            <!--begin::Row-->
             <div class="row">
               <div class="col-sm-6">
                 <h3 class="mb-0">Unfixed Layout</h3>
@@ -30,15 +38,22 @@ const page = 'unfixed-sidebar'
               <div class="col-sm-6">
                 <ol class="breadcrumb float-sm-end">
                   <li class="breadcrumb-item"><a href="#">Home</a></li>
-                  <li class="breadcrumb-item active" aria-current="page">Unfixed Layout</li>
+                  <li class="breadcrumb-item active" aria-current="page">
+                    Unfixed Layout
+                  </li>
                 </ol>
               </div>
             </div>
+            <!--end::Row-->
           </div>
+          <!--end::Container-->
         </div>
-        <!-- Main content -->
+        <!--end::App Content Header-->
+        <!--begin::App Content-->
         <div class="app-content">
+          <!--begin::Container-->
           <div class="container-fluid">
+            <!--begin::Row-->
             <div class="row">
               <div class="col-12">
                 <!-- Default box -->
@@ -47,11 +62,22 @@ const page = 'unfixed-sidebar'
                     <h3 class="card-title">Title</h3>
                     <div class="card-tools">
-                      <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse" title="Collapse">
-                        <i class="fa-solid fa-minus"></i>
+                      <button
+                        type="button"
+                        class="btn btn-tool"
+                        data-lte-toggle="card-collapse"
+                        title="Collapse"
+                      >
+                        <i data-lte-icon="expand" class="bi bi-plus-lg"></i>
+                        <i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
                       </button>
-                      <button type="button" class="btn btn-tool" data-lte-dismiss="card-remove" title="Remove">
-                        <i class="fa-solid fa-times"></i>
+                      <button
+                        type="button"
+                        class="btn btn-tool"
+                        data-lte-toggle="card-remove"
+                        title="Remove"
+                      >
+                        <i class="bi bi-x-lg"></i>
                       </button>
                     </div>
                   </div>
@@ -59,25 +85,23 @@ const page = 'unfixed-sidebar'
                     Start creating your amazing application!
                   </div>
                   <!-- /.card-body -->
-                  <div class="card-footer">
-                    Footer
-                  </div>
+                  <div class="card-footer">Footer</div>
                   <!-- /.card-footer-->
                 </div>
                 <!-- /.card -->
               </div>
             </div>
-            <!-- /.row -->
-          </div><!-- /.container-fluid -->
+            <!--end::Row-->
+          </div>
         </div>
-        <!-- /.content -->
+        <!--end::App Content-->
       </main>
-      <!-- /.app-content -->
+      <!--end::App Main-->
       <Footer />
     </div>
-    <!--  ./app-wrapper -->
+    <!--end::App Wrapper-->
+    <!--begin::Script-->
     <Scripts path={path} />
-  </body>
+    <!--end::Script-->
+  </body><!--end::Body-->
 </html>