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

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

package/.bundlewatch.config.json +6 -6
package/.cache/.eslintcache +1 -1
package/.cache/.stylelintcache +1 -1
package/.gitpod.yml +1 -1
package/.idea/AdminLTE.iml +4 -0
package/.idea/codeStyles/Project.xml +24 -0
package/.idea/dbnavigator.xml +421 -0
package/.idea/git_toolbox_prj.xml +15 -0
package/.idea/jsLibraryMappings.xml +6 -0
package/.idea/jsLinters/eslint.xml +6 -0
package/.idea/vcs.xml +6 -0
package/README.md +3 -3
package/dist/assets/img/AdminLTEFullLogo.png +0 -0
package/dist/css/adminlte.css +695 -318
package/dist/css/adminlte.css.map +1 -1
package/dist/css/adminlte.min.css +1 -1
package/dist/css/adminlte.min.css.map +1 -1
package/dist/css/adminlte.rtl.css +693 -316
package/dist/css/adminlte.rtl.css.map +1 -1
package/dist/css/adminlte.rtl.min.css +1 -1
package/dist/css/adminlte.rtl.min.css.map +1 -1
package/dist/js/adminlte.js +43 -63
package/dist/js/adminlte.js.map +1 -1
package/dist/js/adminlte.min.js +2 -2
package/dist/js/adminlte.min.js.map +1 -1
package/dist/pages/UI/timeline.html +389 -218
package/dist/pages/docs/browser-support.html +345 -204
package/dist/pages/docs/color-mode.html +560 -348
package/dist/pages/docs/components/main-header.html +579 -368
package/dist/pages/docs/components/main-sidebar.html +858 -0
package/dist/pages/docs/faq.html +743 -0
package/dist/pages/docs/how-to-contribute.html +783 -0
package/dist/pages/docs/introduction.html +767 -0
package/dist/pages/docs/javascript/treeview.html +762 -0
package/dist/pages/docs/layout.html +372 -201
package/dist/pages/{docs.html → docs/license.html} +347 -218
package/dist/pages/examples/lockscreen.html +107 -0
package/dist/pages/examples/login-v2.html +148 -0
package/dist/pages/examples/login.html +45 -40
package/dist/pages/examples/register-v2.html +155 -0
package/dist/pages/examples/register.html +46 -41
package/dist/pages/forms/general.html +664 -202
package/dist/pages/index.html +514 -285
package/dist/pages/index2.html +665 -341
package/dist/pages/index3.html +415 -254
package/dist/pages/layout/collapsed-sidebar.html +766 -0
package/dist/pages/layout/fixed-complete.html +867 -0
package/dist/pages/layout/fixed-sidebar.html +344 -201
package/dist/pages/layout/layout-rtl.html +344 -201
package/dist/pages/layout/logo-switch.html +433 -0
package/dist/pages/layout/sidebar-mini.html +345 -202
package/dist/pages/layout/unfixed-sidebar.html +343 -201
package/dist/pages/tables/simple.html +437 -233
package/dist/pages/widgets/cards.html +389 -244
package/dist/pages/widgets/info-box.html +398 -215
package/dist/pages/widgets/small-box.html +349 -198
package/index.html +6 -10
package/package.json +27 -24
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 +42 -26
package/src/html/components/_scripts.astro +38 -27
package/src/html/components/dashboard/_footer.astro +14 -8
package/src/html/components/dashboard/_sidenav.astro +343 -113
package/src/html/components/dashboard/_topbar.astro +90 -49
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} +27 -2
package/src/html/components/docs/license.mdx +9 -0
package/src/html/components/javascript/treeview.mdx +39 -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 +89 -42
package/src/html/pages/docs/components/main-header.astro +133 -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 +567 -36
package/src/html/pages/index.astro +389 -152
package/src/html/pages/index2.astro +682 -250
package/src/html/pages/index3.astro +290 -189
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 +206 -66
package/src/html/pages/widgets/cards.astro +134 -69
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 +2 -5
package/src/scss/_app-sidebar.scss +244 -70
package/src/scss/_bootstrap-variables.scss +4 -4
package/src/scss/_cards.scss +31 -7
package/src/scss/_compact-mode.scss +79 -0
package/src/scss/_small-box.scss +0 -3
package/src/scss/_variables.scss +21 -4
package/src/scss/mixins/_animations.scss +0 -5
package/src/scss/pages/_lockscreen.scss +74 -0
package/src/scss/pages/_login_and_register.scss +0 -3
package/src/scss/parts/_core.scss +2 -0
package/src/scss/parts/_pages.scss +1 -0
package/src/ts/card-widget.ts +17 -50
package/src/ts/direct-chat.ts +2 -2
package/src/ts/layout.ts +2 -2
package/src/ts/push-menu.ts +3 -20
package/src/ts/treeview.ts +14 -8
package/src/ts/util/index.ts +14 -12
package/src/utils/index.js +20 -3
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>