gentera-rdnd 0.2.2 → 0.2.3

package/src/lib/components/rdnd-loader/rdnd-loader.component.html

@@ -1,129 +0,0 @@
-@if (show) {
-  <div class="loader">
-    @if (loaderType === 'compartamos') {
-      <div class="svg-wrapper">
-        <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:cc="http://creativecommons.org/ns#"
-             xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-             xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-             xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
-             viewBox="0 0 1629.3 720">
-          <defs>
-            <style>
-              .cls-1 {
-                fill: #fff;
-              }
-
-              .cls-2 {
-                fill: #8d104b;
-              }
-
-              .cls-3 {
-                fill: #f7961c;
-              }
-            </style>
-          </defs>
-          <!-- Generator: Adobe Illustrator 28.7.1, SVG Export Plug-In . SVG Version: 1.2.0 Build 142)  -->
-          <g>
-            <g id="Capa_1">
-              <path id="path16" class="cls-3"
-                    d="M664.5,84.3c-7,1.3-43.6-10.4-43.6-10.4,0,0,26.2,19.3,28.4,22.7,2.2,3.5-7.9,33-7.9,33,0,0,19.3-22.3,26.6-29,4.4-4,14.6-2.1,19.5-.9,4.9,1.2,53.4,14.5,101.8-14.4,31.6-18.9,31.5-23,31.5-23,0,0-26.5-21.5-69.6-16.6-43.2,5-79.8,37.1-86.8,38.4"/>
-              <path id="path18" class="cls-2"
-                    d="M507.7,668.9c-8.4,2.3-52.7,1.7-52.7,1.7,0,0,31,14,33.5,17,2.4,2.9-10.4,32.4-10.4,32.4,0,0,20.7-21.3,29.6-28.8,5.4-4.5,17.1-5.9,26.7-6.7,5.9-.5,63.8,5.2,122.8-29.6,38.5-22.7,38.5-26.6,38.5-26.6,0,0-37.8-20.3-89.8-8.8-51.9,11.5-89.7,47.1-98.1,49.5"/>
-              <path id="path20" class="cls-3"
-                    d="M1368.2,125.5c-11.8,2.3-72.1-3.5-72.1-3.5,0,0,40.7,22.6,43.8,26.9,3,4.2-17.9,43.1-17.9,43.1,0,0,30.6-26.8,43.7-35.9,7.9-5.6,24.1-6.1,37.1-6.1s86.5,14.3,171-26.6c55.2-26.8,55.5-32.1,55.5-32.1,0,0-49.3-32-121.6-22.2-72.2,9.9-127.7,54.2-139.5,56.5"/>
-              <path id="path22" class="cls-3"
-                    d="M77.2,575.8c-12.3,2.6-77.2-17-77.2-17,0,0,46.9,33.2,50.8,39.3,3.8,6.1-13,58.5-13,58.5,0,0,33.4-39.9,46.1-51.8,7.7-7.3,25.8-4.1,34.4-2.1,8.7,1.9,94.7,24,179.3-28.3,55.2-34.1,54.9-41.4,54.9-41.4,0,0-47.3-37.2-123.3-27.2-76,10-139.7,67.8-152.1,70.3"/>
-              <path id="path24" class="cls-2"
-                    d="M1194.7,50.2c-7.7,1.5-45.8-10.6-45.8-10.6,0,0,27.1,19.3,28.4,23,1.5,4.1-10.4,31.9-10.4,31.9,0,0,22.4-22,30.8-28.6,5.1-4,16.2-2.5,21.5-1.5,5.4,1,59.2,12.3,113.8-17.2,32.8-17.7,34.9-22.9,34.9-22.9,0,0-27.9-19.8-75.7-13.6-47.7,6.1-89.7,38.1-97.5,39.6"/>
-              <path id="path26" class="cls-1"
-                    d="M1062.8,620.1c0,38.8-36.7,62.4-79.1,62.4s-31.5-2.1-50.6-2.1l31.5-198.2c20.9,0,26.7-2.6,46.7-2.6,37.1,0,54.7,19.4,54.7,43.5s-19.4,43.2-44.7,49.1c23,5,41.5,26.1,41.5,47.9M1040.8,620.7c0-19.1-13.8-38.3-56.4-38.3s-11.2.3-17.7.9l-11.8,74.1c-.9,5.6,7.4,8,29.7,8s56.2-17.1,56.2-44.8M1044.6,525.4c0-16.8-12.1-29.5-36.8-29.5s-26.2,2.4-27.3,8.2c-4.4,22.1-8.8,48.3-11.2,62.1h11.2c46.7-1.2,64.1-18,64.1-40.9"/>
-              <path id="path28" class="cls-1"
-                    d="M1171.1,680.4c-2.3-9.4-2.3-17.7-1.5-27.3-9.7,14.1-25,30.2-47.4,30.2s-38.5-20.8-38.5-45.8c0-41.5,32.6-95.6,79.1-95.6s20,4.7,39.4,4.7c-10.3,49.7-16.8,97.6-16.8,118.5s.5,12.4,1.2,15.3h-15.6.1ZM1162,557.4c-31.8,0-58.5,39.7-58.5,78.2s8,31.3,22,31.3c25.3,0,44.1-32.1,49.5-63.3l5.9-34.1c.9-6.7-3.2-12-18.8-12"/>
-              <path id="path30" class="cls-1"
-                    d="M1247.1,574.5l-16.8,105.8h-17.6l20.9-131.1c25.9,0,32.4-7.4,52.7-7.4s40.5,9.1,40.5,34.4-.3,7-.9,10.9l-14.6,93.2h-17.7l14.1-88.8c.6-3.5.9-6.8.9-9.7,0-17.1-7.3-24.4-26.7-24.4s-33.5,9.4-34.7,17.1"/>
-              <path id="path32" class="cls-1"
-                    d="M1418.6,557.7c-33.2,0-56.2,28.2-56.2,72.7s15,38.5,37.4,38.5,17-.8,24.1-2.6l-2.3,15.6c-7.6,1.7-15,2.6-21.7,2.6-35,0-57.2-17.9-57.2-53.8s32.1-88.8,78.9-88.8,14.7.5,21.7,1.8l-2.6,17.3c-7.3-2.3-15-3.2-22-3.2"/>
-              <path id="path34" class="cls-1"
-                    d="M1560.5,593.9c0,46.8-27.1,90.6-68.9,90.6s-45-18.8-45-52.1c0-47.1,27.6-90.6,68.8-90.6s45.1,19.1,45.1,52M1465.7,631.2c0,26.1,9.5,37.9,28.2,37.9s47.3-32.6,47.3-73.5-8.5-38.2-27.6-38.2c-27.1,0-48,33-48,73.8"/>
-              <path id="path36" class="cls-1"
-                    d="M179.3,400.2c-12.4,5.9-27.1,8.9-41.2,8.9-54.4,0-101.3-28.8-101.3-102.7s48.3-104.9,102.8-104.9,28,1.8,39.8,5.3v34.5c-12-5-25.4-8-40-8-38.3,0-65.7,19.4-65.7,72.2s29.7,71.6,65.9,71.6,27.4-2.4,39.8-7.7v30.9"/>
-              <path id="path38" class="cls-1"
-                    d="M228.5,335.5c0,29.7,12.9,44.4,29.1,44.4s28-13.5,28-44.4-13-44.2-29.5-44.2-27.6,13.2-27.6,44.2M320.3,335.5c0,43.2-25,73.3-63.6,73.3s-63.3-30.1-63.3-73.3,25.3-72.7,63.3-72.7,63.6,28.8,63.6,72.7"/>
-              <path id="path40" class="cls-1"
-                    d="M522.5,404.6h-32.5v-88c0-18.2-7-25-21.7-25s-21.2,3.5-21.2,10.2c.3,3.2.9,7.4.9,11.8v91h-32.4v-88c0-18.5-7.4-25-20-25s-21.8,2.9-21.8,12.9v100.1h-32.4v-134.9c28.6,0,37.7-6.5,58.9-6.5s26.8,4.4,33.8,10.6c10.6-6.8,24.1-10.6,41.5-10.6,28,0,46.9,12.7,46.9,48.9v92.5"/>
-              <path id="path42" class="cls-1"
-                    d="M597.2,290.4c-10.8,0-17.8,4.7-17.8,9.5v70.6c0,5,7.8,9.4,17.8,9.4,20.5,0,32.3-13.5,32.3-44.2s-11.8-45.3-32.3-45.3M546.3,477.9c.6-30.9,1.2-61.5,1.2-100.1v-110.4c20,0,32.7-4.7,52.3-4.7,35.7,0,65.4,25.6,65.4,73.6s-31.8,71.5-61.2,71.5-20-3-24.5-6.2v76.2h-33.2"/>
-              <path id="path44" class="cls-1"
-                    d="M753,337.8c-26.8.8-40.6,9.1-40.6,24.7s8.3,18,20.9,18,17.4-3.2,18.6-7.4c.9-4.4,1.1-17.6,1.1-35.3M753,313.7v-5.3c0-11.2-7.6-17.9-21.4-17.9s-28.3,2.7-43,9.4v-30.3c15.3-4.4,29.1-6.7,45.6-6.7,31.8,0,51.5,12.9,51.5,45.3s-.9,42.4-.9,64.2.6,24.2,1.5,31.5c-23.6,0-36.2,3.8-56.2,3.8-34.1,0-51.2-15.8-51.2-42.6s22.4-49.8,74.1-51.2"/>
-              <path id="path46" class="cls-1"
-                    d="M810.8,404.6v-137.8h30.6v13c8.2-13,22.1-17.4,35.6-17.4s10.5.6,15,1.2v34.1c-5.6-2.6-14.5-3.8-22.7-3.8-13.2,0-25,5.3-25.7,16.8-.6,23.2-.6,58.8-.6,93.9h-32.4"/>
-              <path id="path48" class="cls-1"
-                    d="M937.9,266.8h39.7v28.3h-39.7c0,29.1-.3,49.2-.3,70.7s6.2,14.4,17.1,14.4,15.9-1.5,22.9-5.3v28.5c-9.7,3.6-19.7,5.3-31.5,5.3-23.5,0-40.9-10.9-40.9-36.5v-130.4l32.7-19.4v44.4"/>
-              <path id="path50" class="cls-1"
-                    d="M1068.6,337.8c-26.8.8-40.6,9.1-40.6,24.7s8.2,18,20.9,18,17.3-3.2,18.5-7.4c.9-4.4,1.2-17.6,1.2-35.3M1068.6,313.7v-5.3c0-11.2-7.7-17.9-21.5-17.9s-28.3,2.7-43,9.4v-30.3c15.3-4.4,29-6.7,45.6-6.7,31.8,0,51.5,12.9,51.5,45.3s-.9,42.4-.9,64.2.6,24.2,1.5,31.5c-23.5,0-36.2,3.8-56.3,3.8-34.1,0-51.2-15.8-51.2-42.6s22.4-49.8,74.2-51.2"/>
-              <path id="path52" class="cls-1"
-                    d="M1307.8,404.6h-32.4v-88c0-18.2-7.1-25-21.8-25s-21.2,3.5-21.2,10.2c.2,3.2.9,7.4.9,11.8v91h-32.4v-88c0-18.5-7.4-25-20-25s-21.8,2.9-21.8,12.9v100.1h-32.3v-134.9c28.5,0,37.7-6.5,58.8-6.5s26.8,4.4,33.9,10.6c10.6-6.8,24.1-10.6,41.5-10.6,28,0,46.8,12.7,46.8,48.9v92.5"/>
-              <path id="path54" class="cls-1"
-                    d="M1363,335.5c0,29.7,13,44.4,29.2,44.4s27.9-13.5,27.9-44.4-12.9-44.2-29.4-44.2-27.8,13.2-27.8,44.2M1454.9,335.5c0,43.2-25,73.3-63.6,73.3s-63.3-30.1-63.3-73.3,25.4-72.7,63.3-72.7,63.6,28.8,63.6,72.7"/>
-              <path id="path56" class="cls-1"
-                    d="M1522.2,262.7c10.9,0,20,.8,31.8,4.1v30.7c-13.8-5.6-23.6-7.1-33-7.1s-18.2,4.7-18.2,11.8c0,21.2,57.6,19.1,57.6,61.5s-16.5,45-54.7,45-24.4-1.2-35.9-4.7v-28.8c11.2,3.8,24.4,5.6,33.8,5.6,15.6,0,23.5-5.9,23.5-15,0-23.3-58-19.7-58-60.1s20.1-43,53-43"/>
-            </g>
-          </g>
-        </svg>
-      </div>
-    } @else {
-      <div class="svg-wrapper">
-        <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-             x="0px" y="0px"
-             viewBox="0 0 554 481" style="enable-background:new 0 0 554 481;" xml:space="preserve">
-<style type="text/css">
-	.st0 {
-    fill: none;
-  }
-
-  .st1 {
-    fill: #E85E16;
-  }
-
-  .st2 {
-    fill: #9D0046;
-  }
-
-  .st3 {
-    fill: #592275;
-  }
-
-  .st4 {
-    fill: #CD0058;
-  }
-
-  .st5 {
-    fill: #00587F;
-  }
-
-  .st6 {
-    fill: #229B7D;
-  }
-</style>
-          <rect class="st0" width="554" height="481"/>
-          <g>
-	<path id="naranja" class="st1" d="M277.4,128.4c74.7-40.1,146.4-40,154.5-40c8.1,48,13.7,67-7.9,121.3
-		c-24.2,43.8-169.9,71.1-169.9,71.1l0,0c2.7-5.3-3.7-67.7-3.7-67.7S248.6,141.8,277.4,128.4"/>
-            <path id="roja" class="st2" d="M449.8,205.7c-2.6,16-11.6,58-43.6,101.2s-99.9,85.5-138,96s-35.3,8-51.6,8
-		c-10-28.6-11.3-33.9-4.9-81.3s22.9-61.8,56.5-80c24.4-10.7,48.7-17.3,73.1-25.3C379.4,213.7,417.4,208.3,449.8,205.7"/>
-            <path id="morada" class="st3" d="M236.8,95.1c18.8-8.3,43.1-16.7,70-25.2c-7.8,18.8-10.1,42.8-15.2,66.9
-		c-6.6,43.2-12.8,104.4-40.2,136.6C217.9,313,127.3,348.2,127,347.6l-2.5,0c-14.4-50.4-20.6-93-15.7-125
-		C116,166.4,150.6,131.2,236.8,95.1L236.8,95.1"/>
-            <path id="fushia" class="st4" d="M425.5,246h13.6c-13.5,37.3-31.4,76.2-72,105.6c-69,48.9-98.8,50.7-98.8,50.7S341.4,254,425.5,246
-		"/>
-            <path id="azul" class="st5" d="M122.5,344.1L122.5,344.1c13.6,45.3,48.8,69.3,100.3,66.6c24.4-48,44-108.8,52.1-164.7
-		C218,272.7,165.9,312.1,122.5,344.1"/>
-            <path id="verde" class="st6" d="M277,232.3c5.4-37.3,10.8-72,16.2-103.9C206.5,171,144.2,251,122.5,344.3
-		c43.4-32,95.2-70.3,152.1-97"/>
-</g>
-</svg>
-
-      </div>
-    }
-  </div>
-}

package/src/lib/components/rdnd-loader/rdnd-loader.component.scss

@@ -1,33 +0,0 @@
-@keyframes bounce {
-  from {
-    opacity: 0.1;
-  }
-  to {
-    opacity: 1;
-  }
-}
-
-.loader {
-  position: fixed;
-  z-index: 99999999999999999;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  background-color: rgba(0, 0, 0, 0.8);
-  backdrop-filter: blur(5px);
-  display: flex;
-  place-items: center;
-  place-content: center;
-
-  .svg-wrapper {
-    width: 80px;
-    animation: bounce 1s ease-in-out infinite alternate;
-
-    svg {
-      width: 100%;
-      height: auto;
-      display: block;
-    }
-  }
-}

package/src/lib/components/rdnd-loader/rdnd-loader.component.ts

@@ -1,27 +0,0 @@
-import {Component, Inject, Input, Optional} from '@angular/core';
-import { RDND_CONFIG } from '../../config/rdnd-config.token';
-import {LoaderConfig, LoaderType} from "../../types/Loader-config.types";
-
-@Component({
-  selector: 'rdnd-loader',
-  standalone: true,
-  imports: [],
-  templateUrl: './rdnd-loader.component.html',
-  styleUrl: './rdnd-loader.component.scss'
-})
-export class RdndLoaderComponent {
-
-  @Input() show: boolean = false;
-
-  loaderType: LoaderType = 'gentera';
-
-  constructor(@Optional() @Inject(RDND_CONFIG) config: LoaderConfig | null) {
-    const type = config?.loader?.loaderType;
-    if (type === 'gentera' || type === 'compartamos') {
-      this.loaderType = type;
-    }
-  }
-
-
-
-}

package/src/lib/components/rdnd-navbar/rdnd-navbar.component.html

@@ -1,19 +0,0 @@
-<nav [ngStyle]="{'background': 'linear-gradient(to right, ' + backgroundStart + ', ' + backgroundEnd + ')'}">
-
-  <div class="rdnd-nav-container">
-    <button (click)="toggleMenu()" >
-      <fa-icon [icon]="showSidebar ? faTimes : faBarsStaggered"></fa-icon>
-    </button>
-
-    @if (imageUrl) {
-      <a [routerLink]="['/']">
-        <img src="{{imageUrl}}" alt="">
-      </a>
-    }
-
-    <button (click)="handleSignOut()">
-      <fa-icon [icon]="faSignOut"></fa-icon>
-    </button>
-  </div>
-
-</nav>

package/src/lib/components/rdnd-navbar/rdnd-navbar.component.scss

@@ -1,40 +0,0 @@
-nav {
-  width: 100%;
-  height: 40px;
-  padding: 0 16px;
-
-  .rdnd-nav-container {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    align-items: center;
-
-
-    a {
-      img {
-        height: 30px;
-      }
-    }
-
-    button {
-      appearance: none;
-      cursor: pointer;
-      background-color: transparent;
-      border: 0;
-      outline: none;
-      height: 40px;
-      width: 40px;
-      color: white;
-      font-size: 18px;
-      transition: all 0.3s ease;
-
-      &:hover {
-        opacity: 0.6;
-      }
-
-    }
-
-  }
-
-
-}

package/src/lib/components/rdnd-navbar/rdnd-navbar.component.ts

@@ -1,59 +0,0 @@
-import {Component, Input, output} from '@angular/core';
-
-// Icons
-import {FaIconComponent} from "@fortawesome/angular-fontawesome";
-import {
-  faBarsStaggered,
-  faCircle,
-  faSignOut,
-  faTimes
-} from "@fortawesome/free-solid-svg-icons";
-import {NgStyle} from "@angular/common";
-import {RouterLink} from "@angular/router";
-
-@Component({
-  selector: 'rdnd-navbar',
-  standalone: true,
-  imports: [
-    FaIconComponent,
-    NgStyle,
-    RouterLink
-  ],
-  templateUrl: './rdnd-navbar.component.html',
-  styleUrl: './rdnd-navbar.component.scss'
-})
-export class RdndNavbar {
-
-  // Icons
-  protected readonly faBarsStaggered = faBarsStaggered;
-  protected readonly faSignOut = faSignOut;
-  protected readonly faTimes = faTimes;
-
-  // States
-  showLoader = false;
-
-  // Inputs & Outputs
-  @Input() userName: string = "";
-  @Input() imageUrl: string = "";
-  @Input() backgroundStart: string = "#C2185B";
-  @Input() backgroundEnd: string = "#7E0083";
-  @Input() showSidebar = false;
-  onSignOut = output();
-  onToggleSidebar = output();
-
-  // Functions
-  toggleMenu = () => {
-    this.showSidebar = !this.showSidebar;
-    this.onToggleSidebar.emit();
-  }
-
-  closeMenu = () => {
-    this.showSidebar = false;
-  }
-
-  handleSignOut = () => {
-    this.onSignOut.emit();
-  }
-
-
-}

package/src/lib/components/rdnd-sidebar/rdnd-sidebar.component.html

@@ -1,144 +0,0 @@
-@if (show) {
-  <div
-    class="background-overlay"
-    (click)="handleClick()"
-    [ngClass]="show ? 'open' : 'closed'">
-  </div>
-}
-
-<aside
-  id="sidebar"
-  class="sidebar"
-  [ngClass]="show ? 'open' : 'closed'"
-  [ngStyle]="{
-    'background': 'linear-gradient(to bottom, ' + backgroundStart + ', ' + backgroundEnd + ')'
-  }"
->
-
-  @if (user) {
-
-    <div class="user-details">
-      @if (user.photo) {
-        <img src="{{user.photo}}" alt='{{user.name}}' class="user-image">
-      } @else {
-        <div class="user-image">
-          <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-               x="0px" y="0px"
-               viewBox="0 0 554 481" style="enable-background:new 0 0 554 481;" xml:space="preserve">
-<style type="text/css">
-	.st0 {
-    fill: none;
-  }
-
-  .st1 {
-    fill: #E85E16;
-  }
-
-  .st2 {
-    fill: #9D0046;
-  }
-
-  .st3 {
-    fill: #592275;
-  }
-
-  .st4 {
-    fill: #CD0058;
-  }
-
-  .st5 {
-    fill: #00587F;
-  }
-
-  .st6 {
-    fill: #229B7D;
-  }
-</style>
-            <rect class="st0" width="554" height="481"/>
-            <g>
-	<path id="naranja" class="st1" d="M277.4,128.4c74.7-40.1,146.4-40,154.5-40c8.1,48,13.7,67-7.9,121.3
-		c-24.2,43.8-169.9,71.1-169.9,71.1l0,0c2.7-5.3-3.7-67.7-3.7-67.7S248.6,141.8,277.4,128.4"/>
-              <path id="roja" class="st2" d="M449.8,205.7c-2.6,16-11.6,58-43.6,101.2s-99.9,85.5-138,96s-35.3,8-51.6,8
-		c-10-28.6-11.3-33.9-4.9-81.3s22.9-61.8,56.5-80c24.4-10.7,48.7-17.3,73.1-25.3C379.4,213.7,417.4,208.3,449.8,205.7"/>
-              <path id="morada" class="st3" d="M236.8,95.1c18.8-8.3,43.1-16.7,70-25.2c-7.8,18.8-10.1,42.8-15.2,66.9
-		c-6.6,43.2-12.8,104.4-40.2,136.6C217.9,313,127.3,348.2,127,347.6l-2.5,0c-14.4-50.4-20.6-93-15.7-125
-		C116,166.4,150.6,131.2,236.8,95.1L236.8,95.1"/>
-              <path id="fushia" class="st4" d="M425.5,246h13.6c-13.5,37.3-31.4,76.2-72,105.6c-69,48.9-98.8,50.7-98.8,50.7S341.4,254,425.5,246
-		"/>
-              <path id="azul" class="st5" d="M122.5,344.1L122.5,344.1c13.6,45.3,48.8,69.3,100.3,66.6c24.4-48,44-108.8,52.1-164.7
-		C218,272.7,165.9,312.1,122.5,344.1"/>
-              <path id="verde" class="st6" d="M277,232.3c5.4-37.3,10.8-72,16.2-103.9C206.5,171,144.2,251,122.5,344.3
-		c43.4-32,95.2-70.3,152.1-97"/>
-</g>
-</svg>
-        </div>
-      }
-
-      <div class="data">
-        <span>
-          <fa-icon [icon]="faCircle" class="icon"></fa-icon>
-          {{ user.name }}
-        </span>
-        <span class="email">
-          {{ user.email }}
-        </span>
-      </div>
-
-    </div>
-
-  }
-
-  <ul class="entries">
-    @for (item of entries; track item.name) {
-
-      @if (item.type === 'ENTRY') {
-        <li>
-          <a
-            [routerLink]="[item.url]"
-            class="entry"
-            (click)="handleClick()"
-            [ngClass]="{
-              activeRoute: activeRoute === item.url
-            }"
-          >
-            <fa-icon [icon]="faArrowRight"/>
-            {{ item.name }}
-          </a>
-        </li>
-      } @else if (item.type === 'SECTION') {
-        <li class="section">
-
-          <div class="section-title" (click)="toggleSection(item.name)">
-            <fa-icon
-              [icon]="isSectionOpen(item) ? faChevronUp : faChevronDown"
-              class="chevron"
-            />
-            <span>{{ item.name }}</span>
-          </div>
-
-          @if (isSectionOpen(item)) {
-            <ul class="section-entries">
-              @for (entry of item.entries; track entry.name) {
-                <li>
-                  <a
-                    [routerLink]="[item.url + entry.url]"
-                    (click)="handleClick()"
-                    class="entry"
-                    [ngClass]="{
-                      activeRoute: isActiveRoute('/' + item.url + entry.url)
-                    }"
-                  >
-                    <fa-icon [icon]="faArrowRight" class="icon"/>
-                    {{ entry.name }}
-                  </a>
-                </li>
-              }
-              <hr/>
-            </ul>
-          }
-        </li>
-      }
-    }
-
-  </ul>
-</aside>

package/src/lib/components/rdnd-sidebar/rdnd-sidebar.component.scss

@@ -1,221 +0,0 @@
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-
-@keyframes fadeOut {
-  from {
-    opacity: 1;
-    display: flex;
-  }
-  to {
-    opacity: 0;
-    display: none;
-  }
-}
-
-div.background-overlay {
-  position: fixed;
-  top: 40px;
-  left: 0;
-  width: 100%;
-  height: calc(100% - 40px);
-  background-color: rgba(0, 0, 0, 0.8);
-  transition: all 0.3s ease-in-out;
-  backdrop-filter: blur(5px);
-  z-index: calc(90 - 1);
-
-  &.closed {
-    opacity: 0;
-    visibility: hidden;
-    animation: fadeOut 0.3s ease-in-out;
-  }
-
-  &.open {
-    opacity: 1;
-    visibility: visible;
-    animation: fadeIn 0.3s ease-in-out;
-  }
-
-}
-
-
-aside.sidebar {
-  border-top: 1px solid white;
-  position: fixed;
-  top: 40px;
-  height: calc(100% - 40px);
-  overflow-y: auto;
-  width: 100%;
-  max-width: 400px;
-  padding: 0 0 16px 0;
-  display: grid;
-  grid-template-rows: auto 1fr auto;
-  gap: 10px;
-  box-sizing: border-box;
-  transition: left 0.3s ease-in-out;
-  box-shadow: -2px 0 55px rgba(0, 0, 0, 0.3);
-  z-index: 90;
-
-
-  &.open {
-    left: 0;
-  }
-
-  &.closed {
-    left: -100%;
-  }
-
-  .user-details {
-    border-top: 1px solid rgba(242, 242, 242, 0.22);
-    border-bottom: 1px solid rgba(242, 242, 242, 0.22);
-    margin: 0 20px;
-    padding: 10px 0;
-    display: grid;
-    grid-template-columns: 70px 1fr;
-    grid-template-rows: 70px;
-    column-gap: 20px;
-    place-items: start;
-    place-content: center;
-    box-sizing: border-box;
-
-    .user-image {
-      background-color: white;
-      border: 2px solid white;
-      width: 70px;
-      height: 70px;
-      grid-column: 1;
-      grid-row: 1/3;
-      border-radius: 50%;
-      display: flex;
-      place-items: center;
-      place-content: center;
-    }
-
-    .data {
-      grid-row: 1;
-      grid-column: 2;
-      height: 100%;
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      margin: auto 0;
-      gap: 8px;
-
-      span {
-        height: fit-content;
-        margin: 0;
-        padding: 0;
-        grid-column: 2;
-        display: flex;
-        align-items: center;
-        color: white;
-        font-size: 16px;
-
-        .icon {
-          font-size: 8px;
-          color: #65A518;
-          margin-right: 4px;
-        }
-      }
-
-      span.email {
-        font-size: 12px;
-      }
-    }
-  }
-
-  .entries {
-    width: 100%;
-    box-sizing: border-box;
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    justify-content: flex-start;
-
-    li {
-      width: 100%;
-      box-sizing: border-box;
-
-      .entry {
-        width: 100%;
-        margin: 0;
-        padding: 14px 20px;
-        box-sizing: border-box;
-        background-color: transparent;
-        transition: all 0.3s ease;
-        color: white;
-        text-decoration: none;
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        justify-content: flex-start;
-        gap: 10px;
-        font-size: 14px;
-
-        &:hover {
-          background-color: rgba(0, 0, 0, 0.3);
-        }
-
-        &.activeRoute {
-          background-color: rgba(0, 0, 0, 0.1);
-        }
-      }
-    }
-
-    li.section {
-      width: 100%;
-      box-sizing: border-box;
-
-      .section-title {
-        width: 100%;
-        margin: 0;
-        padding: 14px 20px;
-        color: white;
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        justify-content: flex-start;
-        gap: 14px;
-        user-select: none;
-        cursor: pointer;
-        font-size: 14px;
-
-        .chevron {
-          font-size: 12px;
-        }
-
-        &:hover {
-          background-color: rgba(255, 255, 255, 0.05);
-        }
-      }
-
-      .section-entries {
-        animation: fadeIn 0.3s ease-in-out;
-
-        .entry {
-          padding: 14px 30px 14px 30px;
-
-          .icon {
-            font-size: 10px;
-          }
-        }
-
-        hr {
-          width: calc(100% - 40px);
-          margin: auto;
-          padding: 0 20px 0 30px;
-          color: rgba(255, 255, 255, 0.2);
-          box-sizing: border-box;
-        }
-      }
-
-    }
-
-  }
-
-}