npm - coer-elements - Versions diffs - 0.0.28 → 0.0.29 - Mend

coer-elements 0.0.28 → 0.0.29

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 (34) hide show

package/styles/coer-elements.css CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

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