admin-lte 4.0.0-alpha1 → 4.0.0-alpha2

package/src/partials/dashboard/_sidenav.html

@@ -1,244 +0,0 @@
-<!-- Main Sidebar Container -->
-<aside class="main-sidebar sidebar-bg-dark sidebar-color-primary shadow">
-  <div class="brand-container">
-    <a href="javascript:;" class="brand-link">
-      <img src="@@path/assets/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image opacity-75 shadow">
-      <span class="brand-text fw-light">AdminLTE 4</span>
-    </a>
-    <a class="pushmenu mx-1" data-lte-toggle="sidebar-mini" href="javascript:;" role="button"><i class="fa-solid fa-angle-double-left"></i></a>
-  </div>
-  <!-- Sidebar -->
-  <div class="sidebar">
-    <nav class="mt-2">
-      <!-- Sidebar Menu -->
-      <ul class="nav nav-pills nav-sidebar flex-column" data-lte-toggle="treeview" role="menu" data-accordion="false">
-        <li class="nav-item @@if (context.mainPage === 'dashboard') {menu-open}">
-          <a href="javascript:;" class="nav-link @@if (context.mainPage === 'dashboard') {active}">
-            <i class="nav-icon fa-solid fa-circle"></i>
-            <p>
-              Dashboard
-              <i class="end fa-solid fa-angle-right"></i>
-            </p>
-          </a>
-          <ul class="nav nav-treeview">
-            <li class="nav-item">
-              <a href="@@path/index.html" class="nav-link @@if (context.page === 'index') {active}">
-                <i class="nav-icon fa-regular fa-circle"></i>
-                <p>Dashboard v1</p>
-              </a>
-            </li>
-            <li class="nav-item">
-              <a href="@@path/index2.html" class="nav-link @@if (context.page === 'index2') {active}">
-                <i class="nav-icon fa-regular fa-circle"></i>
-                <p>Dashboard v2</p>
-              </a>
-            </li>
-            <li class="nav-item">
-              <a href="@@path/index3.html" class="nav-link @@if (context.page === 'index3') {active}">
-                <i class="nav-icon fa-regular fa-circle"></i>
-                <p>Dashboard v3</p>
-              </a>
-            </li>
-          </ul>
-        </li>
-        <li class="nav-item @@if (context.mainPage === 'widgets') {menu-open}">
-          <a href="javascript:;" class="nav-link @@if (context.mainPage === 'widgets') {active}">
-            <i class="nav-icon fa-solid fa-circle"></i>
-            <p>
-              Widgets
-              <i class="end fa-solid fa-angle-right"></i>
-            </p>
-          </a>
-          <ul class="nav nav-treeview">
-            <li class="nav-item">
-              <a href="@@path/pages/widgets/small-box.html" class="nav-link @@if (context.page === 'small-box') {active}">
-                <i class="nav-icon fa-regular fa-circle"></i>
-                <p>Small Box</p>
-              </a>
-            </li>
-            <li class="nav-item">
-              <a href="@@path/pages/widgets/info-box.html" class="nav-link @@if (context.page === 'info-box') {active}">
-                <i class="nav-icon fa-regular fa-circle"></i>
-                <p>info Box</p>
-              </a>
-            </li>
-            <li class="nav-item">
-              <a href="@@path/pages/widgets/cards.html" class="nav-link @@if (context.page === 'cards') {active}">
-                <i class="nav-icon fa-regular fa-circle"></i>
-                <p>Cards</p>
-              </a>
-            </li>
-          </ul>
-        </li>
-
-        <li class="nav-item @@if (context.mainPage === 'layout') {menu-open}">
-          <a href="javascript:;" class="nav-link @@if (context.mainPage === 'layout') {active}">
-            <i class="nav-icon fa-solid fa-circle"></i>
-            <p>
-              Layout Options
-              <span class="badge text-bg-info float-end me-3">6</span>
-              <i class="end fa-solid fa-angle-right"></i>
-            </p>
-          </a>
-          <ul class="nav nav-treeview">
-            <li class="nav-item">
-              <a href="@@path/pages/layout/unfixed-sidebar.html" class="nav-link @@if (context.page === 'unfixed-sidebar') {active}">
-                <i class="nav-icon fa-regular fa-circle"></i>
-                <p>Unfixed Sidebar</p>
-              </a>
-            </li>
-            <li class="nav-item">
-              <a href="@@path/pages/layout/fixed-sidebar.html" class="nav-link @@if (context.page === 'fixed-sidebar') {active}">
-                <i class="nav-icon fa-regular fa-circle"></i>
-                <p>Fixed Sidebar</p>
-              </a>
-            </li>
-          </ul>
-        </li>
-        <li class="nav-item @@if (context.mainPage === 'forms') {menu-open}">
-          <a href="javascript:;" class="nav-link @@if (context.mainPage === 'forms') {active}">
-            <i class="nav-icon fa-solid fa-circle"></i>
-            <p>
-              Forms
-              <i class="end fa-solid fa-angle-right"></i>
-            </p>
-          </a>
-          <ul class="nav nav-treeview">
-            <li class="nav-item">
-              <a href="@@path/pages/forms/general.html" class="nav-link @@if (context.page === 'general') {active}">
-                <i class="nav-icon fa-regular fa-circle"></i>
-                <p>General Elements</p>
-              </a>
-            </li>
-          </ul>
-        </li>
-        <li class="nav-item @@if (context.mainPage === 'tables') {menu-open}">
-          <a href="javascript:;" class="nav-link @@if (context.mainPage === 'tables') {active}">
-            <i class="nav-icon fa-solid fa-circle"></i>
-            <p>
-              Tables
-              <i class="end fa-solid fa-angle-right"></i>
-            </p>
-          </a>
-          <ul class="nav nav-treeview">
-            <li class="nav-item">
-              <a href="@@path/pages/tables/simple.html" class="nav-link @@if (context.page === 'simple') {active}">
-                <i class="nav-icon fa-regular fa-circle"></i>
-                <p>Simple Tables</p>
-              </a>
-            </li>
-          </ul>
-        </li>
-        <li class="nav-header">EXAMPLES</li>
-        <li class="nav-item">
-          <a href="javascript:;" class="nav-link">
-            <i class="nav-icon fa-solid fa-arrow-right-to-bracket"></i>
-            <p>
-              Login & Register
-              <i class="end fa-solid fa-angle-right"></i>
-            </p>
-          </a>
-          <ul class="nav nav-treeview">
-            <li class="nav-item">
-              <a href="@@path/pages/examples/login.html" class="nav-link ">
-                <i class="nav-icon fa-regular fa-circle"></i>
-                <p>Login v1</p>
-              </a>
-            </li>
-            <li class="nav-item">
-              <a href="@@path/pages/examples/register.html" class="nav-link ">
-                <i class="nav-icon fa-regular fa-circle"></i>
-                <p>Register v1</p>
-              </a>
-            </li>
-          </ul>
-        </li>
-        <li class="nav-header">MULTI LEVEL EXAMPLE</li>
-        <li class="nav-item">
-          <a href="javascript:;" class="nav-link">
-            <i class="nav-icon fa-solid fa-circle"></i>
-            <p>Level 1</p>
-          </a>
-        </li>
-        <li class="nav-item">
-          <a href="javascript:;" class="nav-link">
-            <i class="nav-icon fa-solid fa-circle"></i>
-            <p>
-              Level 1
-              <i class="end fa-solid fa-angle-right"></i>
-            </p>
-          </a>
-          <ul class="nav nav-treeview">
-            <li class="nav-item">
-              <a href="javascript:;" class="nav-link">
-                <i class="nav-icon fa-regular fa-circle"></i>
-                <p>Level 2</p>
-              </a>
-            </li>
-            <li class="nav-item">
-              <a href="javascript:;" class="nav-link">
-                <i class="nav-icon fa-regular fa-circle"></i>
-                <p>
-                  Level 2
-                  <i class="end fa-solid fa-angle-right"></i>
-                </p>
-              </a>
-              <ul class="nav nav-treeview">
-                <li class="nav-item">
-                  <a href="javascript:;" class="nav-link">
-                    <i class="nav-icon fa-regular fa-dot-circle"></i>
-                    <p>Level 3</p>
-                  </a>
-                </li>
-                <li class="nav-item">
-                  <a href="javascript:;" class="nav-link">
-                    <i class="nav-icon fa-regular fa-dot-circle"></i>
-                    <p>Level 3</p>
-                  </a>
-                </li>
-                <li class="nav-item">
-                  <a href="javascript:;" class="nav-link">
-                    <i class="nav-icon fa-regular fa-dot-circle"></i>
-                    <p>Level 3</p>
-                  </a>
-                </li>
-              </ul>
-            </li>
-            <li class="nav-item">
-              <a href="javascript:;" class="nav-link">
-                <i class="nav-icon fa-regular fa-circle"></i>
-                <p>Level 2</p>
-              </a>
-            </li>
-          </ul>
-        </li>
-        <li class="nav-item">
-          <a href="javascript:;" class="nav-link">
-            <i class="nav-icon fa-solid fa-circle"></i>
-            <p>Level 1</p>
-          </a>
-        </li>
-        <li class="nav-header">LABELS</li>
-        <li class="nav-item">
-          <a href="javascript:;" class="nav-link">
-            <i class="nav-icon fa-regular fa-circle text-danger"></i>
-            <p class="text">Important</p>
-          </a>
-        </li>
-        <li class="nav-item">
-          <a href="javascript:;" class="nav-link">
-            <i class="nav-icon fa-regular fa-circle text-warning"></i>
-            <p>Warning</p>
-          </a>
-        </li>
-        <li class="nav-item">
-          <a href="javascript:;" class="nav-link">
-            <i class="nav-icon fa-regular fa-circle text-info"></i>
-            <p>Informational</p>
-          </a>
-        </li>
-      </ul>
-    </nav>
-  </div>
-  <!-- /.sidebar -->
-</aside>

package/src/scss/_brand-container.scss

@@ -1,72 +0,0 @@
-//
-// Core: Brand
-//
-
-.brand-container {
-  display: grid;
-  grid-template-areas: "brand-link pushmenu";
-  justify-content: space-between;
-  padding: $lte-brand-link-padding-y $lte-sidebar-padding-x;
-  overflow: hidden;
-  font-size: $navbar-brand-font-size;
-  white-space: nowrap;
-  @include transition(width $lte-transition-speed $lte-transition-fn);
-
-  .brand-link {
-    grid-area: brand-link;
-
-    &:hover {
-      text-decoration: none;
-    }
-
-    .brand-image {
-      float: left;
-      width: auto;
-      max-height: 33px;
-      margin-top: -3px;
-      margin-right: .5rem;
-      margin-left: .8rem;
-      line-height: .8;
-    }
-  }
-
-  .pushmenu {
-    grid-area: pushmenu;
-  }
-
-  .sidebar-bg-dark & {
-    border-bottom: $lte-brand-link-border-buttom solid $gray-700;
-
-    .brand-link,
-    .pushmenu {
-      color: rgba($white, .8);
-
-      &:hover {
-        color: $white;
-      }
-    }
-  }
-
-  .sidebar-bg-light & {
-    border-bottom: $lte-brand-link-border-buttom solid $gray-300;
-
-    .brand-link,
-    .pushmenu {
-      color: rgba($black, .8);
-
-      &:hover {
-        color: $black;
-      }
-    }
-  }
-}
-
-.sidebar-collapse:not(.sidebar-is-hover) {
-  .brand-container {
-    justify-content: center;
-
-    .brand-link {
-      width: 0;
-    }
-  }
-}

package/src/scss/_content-header.scss

@@ -1,9 +0,0 @@
-.content-header {
-  padding: 1rem $lte-content-padding-x;
-
-  .breadcrumb {
-    padding: 0;
-    margin-bottom: 0;
-    line-height: 2.5rem;
-  }
-}

package/src/scss/_content-wrapper.scss

@@ -1,6 +0,0 @@
-.content-wrapper {
-  grid-area: content-wrapper;
-  padding-bottom: 1rem;
-  color: var(--#{$lte-prefix}main-color);
-  background-color: var(--#{$lte-prefix}main-bg);
-}

package/src/scss/_content.scss

@@ -1,3 +0,0 @@
-.content {
-  padding: $lte-content-padding-y $lte-content-padding-x;
-}

package/src/scss/_layout-fixed.scss

@@ -1,43 +0,0 @@
-@include media-breakpoint-up(lg) {
-  .layout-fixed:not(.sidebar-horizontal) {
-    .main-sidebar {
-      position: fixed;
-      top: auto;
-      bottom: 0;
-      left: 0;
-      float: none;
-
-      .sidebar {
-        height: subtract(100vh, add($lte-main-header-height-inner, $lte-main-header-bottom-border-width));
-      }
-    }
-
-    .main-header,
-    .content-wrapper,
-    .main-footer {
-      margin-left: var(--#{$lte-prefix}sidebar-width);
-      @include transition($lte-transition-speed $lte-transition-fn);
-    }
-
-    &.sidebar-collapse {
-      .main-header,
-      .content-wrapper,
-      .main-footer {
-        margin-left: $lte-sidebar-mini-width;
-      }
-    }
-
-    &.sidebar-close {
-      .main-header,
-      .content-wrapper,
-      .main-footer {
-        margin-left: 0;
-      }
-    }
-  }
-
-  // .layout-fixed.fs-7 .wrapper .sidebar {
-  //   // stylelint-disable-next-line
-  //   height: calc(100vh - (#{$lte-main-header-height-sm-inner} + #{$lte-main-header-bottom-border-width}));
-  // }
-}

package/src/scss/_layout-mobile.scss

@@ -1,22 +0,0 @@
-@include media-breakpoint-down(lg) {
-  .wrapper {
-    .main-sidebar {
-      position: fixed;
-      top: 0;
-      bottom: 0;
-      min-height: 100vh;
-      margin-left: calc(var(--#{$lte-prefix}sidebar-width) * -1); // stylelint-disable-line function-disallowed-list
-
-      .sidebar {
-        overflow-x: hidden;
-        overflow-y: auto;
-      }
-    }
-  }
-
-  .sidebar-open {
-    .main-sidebar {
-      margin-left: 0;
-    }
-  }
-}

package/src/scss/_main-footer.scss

@@ -1,28 +0,0 @@
-//
-// Core: Main Footer
-//
-
-.main-footer {
-  grid-area: main-footer;
-  width: inherit;
-  padding: $lte-main-footer-padding;
-  color: $lte-main-footer-color;
-  background-color: $lte-main-footer-bg;
-  border-top: $lte-main-footer-border-top;
-
-  // .fs-7 &,
-  // &.fs-7 {
-  //   padding: $lte-main-footer-padding-sm;
-  // }
-}
-
-.layout-footer-fixed {
-  .main-footer {
-    position: fixed;
-    bottom: 0;
-  }
-
-  .content-wrapper {
-    margin-bottom: $lte-main-footer-height;
-  }
-}

package/src/scss/_main-header.scss

@@ -1,40 +0,0 @@
-//
-// Core: Main Header
-//
-
-@include header-variant(
-  var(--#{$lte-prefix}header-light-bg),
-  var(--#{$lte-prefix}header-light-color),
-  var(--#{$lte-prefix}header-mobile-light-bg),
-  var(--#{$lte-prefix}header-mobile-light-color)
-);
-
-.main-header {
-  z-index: $lte-zindex-main-header;
-  grid-area: main-header;
-  border-bottom: $lte-main-header-bottom-border;
-
-  .nav-link {
-    position: relative;
-    height: $nav-link-height;
-  }
-}
-
-// Navbar badge
-.navbar-badge {
-  position: absolute;
-  top: 9px;
-  right: 5px;
-  padding: 2px 4px;
-  font-size: .6rem;
-}
-
-.layout-navbar-fixed {
-  .main-header {
-    // position: fixed;
-  }
-
-  .content-wrapper {
-    // margin-top: $lte-main-header-height;
-  }
-}

package/src/scss/_main-sidebar.scss

@@ -1,63 +0,0 @@
-//
-// Core: Main Sidebar
-//
-
-.sidebar-bg-dark {
-  @include nav-treeview-dark (
-    var(--#{$lte-prefix}sidebar-dark-bg),
-    var(--#{$lte-prefix}sidebar-dark-hover-bg),
-    var(--#{$lte-prefix}sidebar-dark-color),
-    var(--#{$lte-prefix}sidebar-dark-hover-color),
-    var(--#{$lte-prefix}sidebar-dark-active-color),
-    var(--#{$lte-prefix}sidebar-dark-submenu-bg),
-    var(--#{$lte-prefix}sidebar-dark-submenu-color),
-    var(--#{$lte-prefix}sidebar-dark-submenu-hover-color),
-    var(--#{$lte-prefix}sidebar-dark-submenu-hover-bg),
-    var(--#{$lte-prefix}sidebar-dark-submenu-active-color),
-    var(--#{$lte-prefix}sidebar-dark-submenu-active-bg),
-    var(--#{$lte-prefix}sidebar-dark-header-color)
-  );
-}
-
-.sidebar-bg-light {
-  @include nav-treeview-light (
-    var(--#{$lte-prefix}sidebar-light-bg),
-    var(--#{$lte-prefix}sidebar-light-hover-bg),
-    var(--#{$lte-prefix}sidebar-light-color),
-    var(--#{$lte-prefix}sidebar-light-hover-color),
-    var(--#{$lte-prefix}sidebar-light-active-color),
-    var(--#{$lte-prefix}sidebar-light-submenu-bg),
-    var(--#{$lte-prefix}sidebar-light-submenu-color),
-    var(--#{$lte-prefix}sidebar-light-submenu-hover-color),
-    var(--#{$lte-prefix}sidebar-light-submenu-hover-bg),
-    var(--#{$lte-prefix}sidebar-light-submenu-active-color),
-    var(--#{$lte-prefix}sidebar-light-submenu-active-bg),
-    var(--#{$lte-prefix}sidebar-light-header-color)
-  );
-}
-
-// .sidebar-color-primary {
-//   @include sidebar-color($primary);
-// }
-
-.main-sidebar {
-  @include transition($lte-sidebar-transition);
-  z-index: $lte-zindex-sidebar;
-  grid-area: main-sidebar;
-  min-width: var(--#{$lte-prefix}sidebar-width);
-  max-width: var(--#{$lte-prefix}sidebar-width);
-
-  .nav-sidebar > .nav-item {
-    > .nav-link.active {
-      color: var(--#{$lte-prefix}sidebar-menu-active-color);
-      background-color: var(--#{$lte-prefix}sidebar-menu-active-bg);
-    }
-  }
-}
-
-.hold-transition {
-  .main-sidebar {
-    @include transition(none !important);
-    animation: none !important;
-  }
-}

package/src/scss/_nav-sidebar.scss

@@ -1,66 +0,0 @@
-// Sidebar navigation menu
-.nav-sidebar {
-  // All levels
-  .nav-item {
-    > .nav-link {
-      margin-bottom: .2rem;
-
-      .end {
-        @include transition(transform $lte-transition-fn $lte-transition-speed);
-        transform: none #{"/*rtl:rotate(-180deg)*/"};
-      }
-    }
-  }
-
-  // All levels
-  .nav-link > .end,
-  .nav-link > p > .end {
-    position: absolute;
-    top: .7rem;
-    right: 1rem;
-  }
-
-  .nav-link {
-    position: relative;
-    width: subtract(var(--#{$lte-prefix}sidebar-width), $lte-sidebar-padding-x * 2);
-    @include transition(width $lte-transition-fn $lte-transition-speed);
-
-    p {
-      display: inline;
-      padding-left: .5rem;
-      margin: 0;
-    }
-
-    .nav-icon {
-      padding-left: .3rem;
-    }
-  }
-
-  .nav-header {
-    padding: $nav-link-padding-y ($nav-link-padding-y * 1.5);
-    font-size: .9rem;
-  }
-
-  // Tree view menu
-  .nav-treeview {
-    display: none;
-    padding: 0;
-    list-style: none;
-  }
-
-  .menu-open {
-    > .nav-treeview {
-      display: block;
-    }
-  }
-
-  .menu-open,
-  .menu-is-opening {
-    > .nav-link {
-      svg.end,
-      i.end {
-        transform: rotate(90deg) #{"/*rtl:rotate(90deg)*/"};
-      }
-    }
-  }
-}

package/src/scss/_products.scss

@@ -1,55 +0,0 @@
-//
-// Component: Products
-//
-
-.products-list {
-  padding: 0;
-  margin: 0;
-  list-style: none;
-
-  > .item {
-    @include clearfix ();
-
-    @if $enable-rounded {
-      @include border-radius($border-radius);
-    }
-
-    padding: 10px 0;
-    background-color: var(--#{$prefix}body-bg);
-
-  }
-
-  .product-img {
-    float: left;
-
-    img {
-      width: 50px;
-      height: 50px;
-    }
-  }
-
-  .product-info {
-    margin-left: 60px;
-  }
-
-  .product-title {
-    font-weight: 600;
-  }
-
-  .product-description {
-    display: block;
-    overflow: hidden;
-    color: var(--#{$prefix}secondary-color);
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-}
-
-.product-list-in-card > .item {
-  @include border-radius(0);
-  border-bottom: 1px solid $card-border-color;
-
-  &:last-of-type {
-    border-bottom-width: 0;
-  }
-}

package/src/scss/_sidebar-close.scss

@@ -1,6 +0,0 @@
-.sidebar-close:not(.sidebar-horizontal) {
-  .main-sidebar {
-    // stylelint-disable-next-line
-    margin-left: calc(var(--#{$lte-prefix}sidebar-width) * -1);
-  }
-}