coer-elements 0.0.27 → 0.0.29

package/styles/coer-elements.css

@@ -22,6 +22,169 @@ input[type=file] {
 }
 
 /********** COER styles **********/
+mat-drawer-container {
+  height: calc(100vh - 45px) !important;
+}
+mat-drawer-container .margin-left-40px {
+  margin-left: 40px !important;
+}
+mat-drawer-container mat-drawer {
+  width: auto;
+  min-width: 200px;
+  background-color: var(--black) !important;
+  z-index: 1 !important;
+}
+mat-drawer-container mat-drawer div.mat-drawer-inner-container::-webkit-scrollbar {
+  width: 1px !important;
+}
+mat-drawer-container mat-drawer div.mat-drawer-inner-container::-webkit-scrollbar-thumb {
+  background-color: var(--gray) !important;
+  border-radius: 5px !important;
+}
+mat-drawer-container mat-drawer div.mat-drawer-inner-container::-webkit-scrollbar-thumb:hover {
+  background-color: var(--gray) !important;
+}
+mat-drawer-container mat-drawer div.mat-drawer-inner-container::-webkit-scrollbar-thumb:active {
+  background-color: var(--white) !important;
+}
+mat-drawer-container mat-drawer i {
+  font-size: 16px !important;
+}
+mat-drawer-container mat-drawer div.separator {
+  border: 0.5px solid rgba(245, 245, 245, 0.041) !important;
+}
+mat-drawer-container mat-drawer-content {
+  margin-right: 0px !important;
+}
+mat-drawer-container mat-drawer-content aside.side-nav {
+  background-color: var(--black) !important;
+  width: 40px !important;
+  position: fixed !important;
+  left: 0px !important;
+  top: 45px !important;
+  bottom: 0px !important;
+  cursor: pointer !important;
+}
+mat-drawer-container mat-drawer-content aside.side-nav span.icon-container {
+  width: 100% !important;
+  height: 49.6px !important;
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  font-size: 16px !important;
+  border-bottom: 1px solid rgba(245, 245, 245, 0.041) !important;
+  color: var(--white);
+}
+mat-drawer-container mat-drawer-content aside.side-nav span.icon-container:hover {
+  background-color: #2f2f2f !important;
+}
+mat-drawer-container mat-drawer-content aside.side-nav span.icon-container.active-link {
+  color: var(--orange) !important;
+}
+mat-drawer-container div.backdrop {
+  position: absolute !important;
+  top: 0px !important;
+  left: 0px !important;
+  right: 0px !important;
+  bottom: 0px !important;
+  background-color: rgba(0, 0, 0, 0.3568627451) !important;
+  z-index: 1500 !important;
+}
+
+mat-accordion.coer-tree-accordion div, mat-accordion.coer-tree-accordion span {
+  font-size: 16px !important;
+  font-family: sans-serif !important;
+  font-weight: bold;
+}
+mat-accordion.coer-tree-accordion mat-expansion-panel {
+  background-color: var(--black) !important;
+  box-shadow: none !important;
+  border-radius: 0px !important;
+}
+mat-accordion.coer-tree-accordion mat-expansion-panel div.mat-expansion-panel-body {
+  padding: 0px !important;
+}
+mat-accordion.coer-tree-accordion mat-expansion-panel div.separator {
+  border: 0.5px solid rgba(245, 245, 245, 0.041) !important;
+}
+mat-accordion.coer-tree-accordion mat-expansion-panel span::selection {
+  background-color: transparent !important;
+}
+mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header {
+  padding: 0px 10px;
+  height: 48px !important;
+}
+mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header span.mat-expansion-indicator {
+  width: 10px !important;
+  margin-left: 15px !important;
+}
+mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header span.mat-expansion-indicator::after {
+  color: var(--white) !important;
+}
+mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header mat-panel-description {
+  margin-right: 0px !important;
+}
+mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header mat-panel-description span.icon-container {
+  height: 48px !important;
+  min-width: 20px !important;
+  max-width: 20px !important;
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  color: var(--white);
+}
+mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header mat-panel-description span.label-container {
+  height: 48px !important;
+  margin-left: 10px !important;
+  display: flex !important;
+  align-items: center !important;
+  color: var(--white);
+}
+mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header.text-orange span.mat-expansion-indicator::after {
+  color: var(--orange) !important;
+}
+mat-accordion.coer-tree-accordion mat-expansion-panel mat-expansion-panel-header:not(.background-orange):hover {
+  background-color: #2f2f2f !important;
+}
+
+mat-nav-list.coer-menu-option {
+  padding: 0px !important;
+}
+mat-nav-list.coer-menu-option div, mat-nav-list.coer-menu-option span {
+  font-size: 16px !important;
+  font-family: sans-serif !important;
+  font-weight: bold;
+}
+mat-nav-list.coer-menu-option mat-list-item {
+  padding: 0px 35px 0px 10px !important;
+  display: inline-flex !important;
+  height: 48px !important;
+  color: var(--white);
+}
+mat-nav-list.coer-menu-option mat-list-item span.icon-container {
+  display: inline-flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  height: 48px !important;
+  min-width: 20px !important;
+  max-width: 20px !important;
+  color: var(--white);
+}
+mat-nav-list.coer-menu-option mat-list-item span.label-container {
+  justify-content: flex-start !important;
+  display: inline-flex !important;
+  height: auto !important;
+  margin-left: 10px !important;
+  color: var(--white);
+}
+mat-nav-list.coer-menu-option mat-list-item span.icon-container.active-link,
+mat-nav-list.coer-menu-option mat-list-item span.label-container.active-link {
+  color: var(--orange) !important;
+}
+mat-nav-list.coer-menu-option mat-list-item:hover {
+  background-color: #2f2f2f !important;
+}
+
 * {
   --blue: #0d6efd;
   --gray: #6c757d;

package/tools/lib/menu.class.d.ts

@@ -2,7 +2,7 @@ import { IMenuOptionSelected } from "coer-elements/interfaces";
 export declare class Menu {
     private static readonly storage;
     /** */
-    static Set(menu: IMenuOptionSelected): void;
+    static SetSelectedOption(menu: IMenuOptionSelected): void;
     /** */
-    static Get(): IMenuOptionSelected | null;
+    static GetSelectedOption(): IMenuOptionSelected | null;
 }

package/esm2022/signals/lib/menu.signal.mjs

@@ -1,3 +0,0 @@
-import { signal } from "@angular/core";
-export const menuSIGNAL = signal([]);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS5zaWduYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb2VyLWVsZW1lbnRzL3NpZ25hbHMvbGliL21lbnUuc2lnbmFsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFdkMsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLE1BQU0sQ0FBVSxFQUFFLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHNpZ25hbCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IElNZW51IH0gZnJvbSBcImNvZXItZWxlbWVudHMvaW50ZXJmYWNlc1wiO1xyXG5leHBvcnQgY29uc3QgbWVudVNJR05BTCA9IHNpZ25hbDxJTWVudVtdPihbXSk7Il19

package/signals/lib/menu.signal.d.ts

@@ -1,2 +0,0 @@
-import { IMenu } from "coer-elements/interfaces";
-export declare const menuSIGNAL: import("@angular/core").WritableSignal<IMenu[]>;