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/collapsed-sidebar.astro ADDED Viewed

@@ -0,0 +1,110 @@
+---
+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 = "collapsed-sidebar";
+---
+<!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 sidebar-collapse bg-body-tertiary"
+  >
+    <!--begin::App Wrapper-->
+    <div class="app-wrapper">
+      <Topbar path={path} />
+      <Sidenav path={path} mainPage={mainPage} page={page} />
+      <!--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">Collapsed Sidebar</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">
+                    Collapsed Sidebar
+                  </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>
+            <!--end::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/fixed-complete.astro ADDED Viewed

@@ -0,0 +1,209 @@
+---
+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 | Fixed Complete";
+const path = "../../../dist";
+const mainPage = "layout";
+const page = "fixed-complete";
+---
+<!DOCTYPE html>
+<html lang="en">
+<!--begin::Head-->
+<head>
+  <Head title={title} path={path}/>
+</head>
+<!--end::Head-->
+<!--begin::Body-->
+<body class="layout-fixed-complete sidebar-expand-lg bg-body-tertiary">
+<!--begin::App Wrapper-->
+<div class="app-wrapper">
+  <Sidenav path={path} mainPage={mainPage} page={page}/>
+  <div class="app-main-wrapper">
+    <Topbar path={path}/>
+    <!--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-8">
+              <h3 class="mb-0">Fixed Complete <small>(Sidebar, Header & Footer)</small></h3>
+            </div>
+            <div class="col-sm-4">
+              <ol class="breadcrumb float-sm-end">
+                <li class="breadcrumb-item"><a href="#">Home</a></li>
+                <li class="breadcrumb-item active" aria-current="page">
+                  Fixed Layout
+                </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">
+                  <p>
+                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
+                    labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores
+                    et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
+                    labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores
+                    et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
+                    labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores
+                    et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+                  </p>
+                  <p>
+                    Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
+                    dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit
+                    praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit
+                    amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
+                    aliquam erat volutpat.
+                  </p>
+                  <p>
+                    Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
+                    aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit
+                    esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et
+                    iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
+                    facilisi.
+                  </p>
+                  <p>
+                    Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim
+                    placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
+                    nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim
+                    veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
+                    consequat.
+                  </p>
+                  <p>
+                    Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
+                    dolore eu feugiat nulla facilisis.
+                  </p>
+                  <p>
+                    At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
+                    sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
+                    diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
+                    vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
+                    sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At
+                    accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt
+                    justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero
+                    voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
+                    sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
+                  </p>
+                  <p>
+                    Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
+                    aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
+                    clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit
+                    amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
+                    aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
+                    clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit
+                    amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
+                    aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
+                    clita kasd gubergren, no sea takimata sanctus.
+                  </p>
+                  <p>
+                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
+                    labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores
+                    et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
+                    labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores
+                    et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
+                    labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores
+                    et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+                  </p>
+                  <p>
+                    Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
+                    dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit
+                    praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit
+                    amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
+                    aliquam erat volutpat.
+                  </p>
+                  <p>
+                    Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
+                    aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit
+                    esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et
+                    iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
+                    facilisi.
+                  </p>
+                  <p>
+                    Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim
+                    placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
+                    nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim
+                    veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
+                    consequat.
+                  </p>
+                  <p>
+                    Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
+                    dolore eu feugiat nulla facilisis.
+                  </p>
+                </div>
+                <div class="card-footer">Footer</div>
+              </div>
+            </div>
+          </div>
+          <!--end::Row-->
+        </div>
+        <!--end::Container-->
+      </div>
+      <!--end::App Content-->
+    </main>
+    <div class="app-content-bottom-area">
+      <div class="row">
+        <div class="col-12 text-end">
+          <button type="submit" class="btn btn-primary" name="save" value="create">Create Admin</button>
+        </div>
+      </div>
+    </div>
+    <!--end::App Main-->
+    <Footer/>
+  </div>
+</div>
+<!--end::App Wrapper-->
+<!--begin::Script-->
+<Scripts path={path}/>
+<!--end::Script-->
+</body><!--end::Body-->
+</html>

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

@@ -1,29 +1,37 @@
 ---
-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 | Fixed Sidebar'
-const path = '../../../dist'
-const mainPage = 'layout'
-const page = 'fixed-sidebar'
+const title = "AdminLTE 4 | Fixed Sidebar";
+const path = "../../../dist";
+const mainPage = "layout";
+const page = "fixed-sidebar";
 ---
 <!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 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">Fixed Layout</h3>
@@ -31,15 +39,22 @@ const page = 'fixed-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">Fixed Layout</li>
+                  <li class="breadcrumb-item active" aria-current="page">
+                    Fixed 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 -->
@@ -48,11 +63,22 @@ const page = 'fixed-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>
@@ -60,25 +86,24 @@ const page = 'fixed-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>
+          <!--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/layout-rtl.astro CHANGED Viewed

@@ -1,29 +1,37 @@
 ---
-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 | Layout RTL'
-const path = '../../../dist'
-const mainPage = 'layout'
-const page = 'layout-rtl'
-const isRtl = true
+const title = "AdminLTE 4 | Layout RTL";
+const path = "../../../dist";
+const mainPage = "layout";
+const page = "layout-rtl";
+const isRtl = true;
 ---
 <!DOCTYPE html>
 <html lang="en" dir="rtl">
+  <!--begin::Head-->
   <head>
     <Head title={title} path={path} isRtl={isRtl} />
   </head>
+  <!--end::Head-->
+  <!--begin::Body-->
   <body class="layout-fixed 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">Layout RTL</h3>
@@ -31,15 +39,22 @@ const isRtl = true
               <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">Layout RTL</li>
+                  <li class="breadcrumb-item active" aria-current="page">
+                    Layout RTL
+                  </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 -->
@@ -48,11 +63,22 @@ const isRtl = true
                     <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>
@@ -60,25 +86,24 @@ const isRtl = true
                     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>