coer-elements 2.0.4 → 2.0.6

package/styles/coer-elements.css

@@ -4,11 +4,11 @@ mat-expansion-panel.coer-accordion {
 }
 mat-expansion-panel.coer-accordion mat-expansion-panel-header {
   height: 35px !important;
-  background-color: whitesmoke !important;
+  background-color: var(--smoke) !important;
   padding-left: 12px !important;
 }
 mat-expansion-panel.coer-accordion mat-expansion-panel-header span {
-  color: black !important;
+  color: var(--black) !important;
   font-size: 16px !important;
 }
 mat-expansion-panel.coer-accordion mat-expansion-panel-header mat-panel-title {
@@ -18,7 +18,6 @@ mat-expansion-panel.coer-accordion mat-expansion-panel-header mat-panel-title {
 }
 mat-expansion-panel.coer-accordion div.mat-expansion-panel-body {
   padding: 0px !important;
-  color: #ffd106;
 }
 
 :root {
@@ -481,7 +480,7 @@ div.coer-button button.danger-filled {
   color: var(--smoke) !important;
 }
 div.coer-button button.navigation-filled {
-  background-color: var(--orange) !important;
+  background-color: var(--navigation-inner) !important;
   color: var(--smoke) !important;
 }
 div.coer-button button.dark-filled {
@@ -489,37 +488,37 @@ div.coer-button button.dark-filled {
   color: var(--smoke) !important;
 }
 div.coer-button button.primary-outline {
-  background-color: white !important;
+  background-color: var(--white) !important;
   border: 1px solid var(--primary-inner) !important;
   color: var(--primary-inner) !important;
 }
 div.coer-button button.secondary-outline {
-  background-color: white !important;
+  background-color: var(--white) !important;
   border: 1px solid var(--secondary-inner) !important;
   color: var(--secondary-inner) !important;
 }
 div.coer-button button.success-outline {
-  background-color: white !important;
+  background-color: var(--white) !important;
   border: 1px solid var(--success-inner) !important;
   color: var(--success-inner) !important;
 }
 div.coer-button button.warning-outline {
-  background-color: white !important;
+  background-color: var(--white) !important;
   border: 1px solid var(--warning-inner) !important;
   color: var(--warning-inner) !important;
 }
 div.coer-button button.danger-outline {
-  background-color: white !important;
+  background-color: var(--white) !important;
   border: 1px solid var(--danger-inner) !important;
   color: var(--danger-inner) !important;
 }
 div.coer-button button.navigation-outline {
-  background-color: white !important;
+  background-color: var(--white) !important;
   border: 1px solid var(--navigation-inner) !important;
-  color: var(---navigation-inner) !important;
+  color: var(--navigation-inner) !important;
 }
 div.coer-button button.dark-outline {
-  background-color: white !important;
+  background-color: var(--white) !important;
   border: 1px solid var(--black) !important;
   color: var(--black) !important;
 }
@@ -591,7 +590,7 @@ div.coer-button button.readonly:hover,
 div.coer-button button.readonly:focus {
   background-color: rgb(223, 222, 222) !important;
   border-color: rgb(223, 222, 222) !important;
-  color: white !important;
+  color: var(--white) !important;
 }
 div.coer-button coer-button[ishidden=true],
 div.coer-button coer-button[ng-reflect-invisible=true] {
@@ -645,8 +644,8 @@ div.coer-checkbox mat-checkbox div.mdc-form-field.mat-internal-form-field label.
   background-color: transparent !important;
 }
 div.coer-checkbox mat-checkbox.mat-mdc-checkbox-checked div.mdc-form-field.mat-internal-form-field div.mdc-checkbox div.mdc-checkbox__background {
-  background-color: var(--orange) !important;
-  border-color: var(--orange) !important;
+  background-color: var(--primary-inner) !important;
+  border-color: var(--primary-inner) !important;
 }
 
 coer-grid table tbody tr td.check-box mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox,
@@ -699,7 +698,7 @@ div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field d
   top: 20px !important;
 }
 div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label.mdc-floating-label--float-above mat-label {
-  color: var(--orange);
+  color: var(--primary-inner);
   font-weight: bold;
   position: relative;
   left: -10px;
@@ -713,7 +712,7 @@ div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field d
 div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,
 div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active::before,
 div.coer-date-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active::after {
-  border-bottom-color: var(--orange) !important;
+  border-bottom-color: var(--primary-inner) !important;
 }
 div.coer-date-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align {
   height: 0px !important;
@@ -772,7 +771,7 @@ div.coer-date-box div.button-container {
   background-color: rgb(229.517167382, 231.3519313305, 232.982832618) !important;
 }
 div.coer-date-box .mat-datepicker-toggle-active * {
-  color: var(--orange) !important;
+  color: var(--primary-inner) !important;
 }
 
 coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field {
@@ -913,7 +912,7 @@ div.coer-grid tr.loading {
   background-color: rgba(187, 187, 187, 0.5137254902) !important;
 }
 div.coer-grid div.loading i.spinner-border {
-  color: var(--orange) !important;
+  color: var(--primary-inner) !important;
   width: 70px !important;
   height: 70px !important;
   font-size: 20px !important;
@@ -926,7 +925,7 @@ div.coer-grid td.check-box div.spinner-border-container {
 div.coer-grid td.check-box div.spinner-border-container i.spinner-border {
   width: 15px !important;
   height: 15px !important;
-  color: var(--orange) !important;
+  color: var(--primary-inner) !important;
 }
 div.coer-grid table thead tr th.check-box > div,
 div.coer-grid table tbody tr td.check-box > div {
@@ -987,7 +986,7 @@ div.coer-list ul.coer-list {
   width: 100%;
   border: solid 1px #ccc;
   display: block;
-  background: white;
+  background: var(--white);
   border-radius: 4px;
   overflow: auto;
 }
@@ -1000,7 +999,7 @@ div.coer-list li.coer-list-box {
   align-items: center;
   justify-content: space-between;
   box-sizing: border-box;
-  background: white;
+  background: var(--white);
   font-size: 14px;
 }
 div.coer-list li.coer-list-box div.coer-list-content {
@@ -1043,7 +1042,7 @@ div.coer-list div.no-data {
   width: 100%;
   height: 100%;
   font-size: 25px;
-  color: gray;
+  color: var(--gray);
   z-index: 1;
 }
 div.coer-list div.loading {
@@ -1129,7 +1128,7 @@ div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field
   top: 20px !important;
 }
 div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label.mdc-floating-label--float-above mat-label {
-  color: var(--orange);
+  color: var(--primary-inner);
   font-weight: bold;
   position: relative;
   left: -10px;
@@ -1146,7 +1145,7 @@ div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field
 div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,
 div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active::before,
 div.coer-number-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active::after {
-  border-bottom-color: var(--orange) !important;
+  border-bottom-color: var(--primary-inner) !important;
 }
 div.coer-number-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align {
   height: 0px !important;
@@ -1238,7 +1237,7 @@ header.coer-page-title nav {
   height: auto;
   min-height: 25px;
   font-size: small;
-  background-color: var(--container-inner);
+  background-color: rgb(239.05, 239.05, 239.05) !important;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1273,7 +1272,7 @@ div.coer-dropdown .btn-group {
   width: 100% !important;
 }
 div.coer-dropdown ul.dropdown-menu {
-  background-color: white !important;
+  background-color: var(--white) !important;
   border-top-left-radius: 0px !important;
   border-top-right-radius: 0px !important;
   max-height: 205px !important;
@@ -1283,13 +1282,13 @@ div.coer-dropdown ul.dropdown-menu {
 }
 div.coer-dropdown .dropdown-divider {
   margin: 0px !important;
-  background-color: white !important;
+  background-color: var(--white) !important;
 }
 div.coer-dropdown ul.dropdown-menu li:not(.no-options):hover,
 div.coer-dropdown ul.dropdown-menu li > div:not(.no-options):hover,
 div.coer-dropdown ul.dropdown-menu li:not(.dropdown-item-focus):hover,
 div.coer-dropdown ul.dropdown-menu li > div:not(.dropdown-item-focus):hover {
-  color: black !important;
+  color: var(--black) !important;
   background-color: rgb(240.618852459, 246.3831967213, 254.881147541) !important;
 }
 div.coer-dropdown ul.dropdown-menu li:last-child hr.dropdown-divider,
@@ -1332,7 +1331,7 @@ div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field
   top: 20px !important;
 }
 div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label.mdc-floating-label--float-above mat-label {
-  color: var(--orange);
+  color: var(--primary-inner);
   font-weight: bold;
   position: relative;
   left: -10px;
@@ -1346,7 +1345,7 @@ div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field
 div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,
 div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active::before,
 div.coer-select-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active::after {
-  border-bottom-color: var(--orange) !important;
+  border-bottom-color: var(--primary-inner) !important;
 }
 div.coer-select-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align {
   height: 0px !important;
@@ -1404,7 +1403,7 @@ div.coer-select-box .btn-group {
   width: 100% !important;
 }
 div.coer-select-box ul.dropdown-menu {
-  background-color: white !important;
+  background-color: var(--white) !important;
   border-top-left-radius: 0px !important;
   border-top-right-radius: 0px !important;
   max-height: 205px !important;
@@ -1413,11 +1412,11 @@ div.coer-select-box ul.dropdown-menu {
 }
 div.coer-select-box .dropdown-divider {
   margin: 0px !important;
-  background-color: white !important;
+  background-color: var(--white) !important;
 }
 div.coer-select-box ul.dropdown-menu li:not(.dropdown-item-focus):hover,
 div.coer-select-box ul.dropdown-menu li > div:not(.dropdown-item-focus):hover {
-  color: black !important;
+  color: var(--black) !important;
   background-color: rgb(240.618852459, 246.3831967213, 254.881147541) !important;
 }
 div.coer-select-box ul.dropdown-menu li:last-child hr.dropdown-divider,
@@ -1641,7 +1640,7 @@ div.coer-switch {
   position: relative !important;
 }
 div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field button .mdc-switch__track::after {
-  background-color: var(--orange) !important;
+  background-color: var(--primary-inner) !important;
   filter: opacity(0.6) !important;
 }
 div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field button .mdc-switch__handle-track .mdc-switch__ripple {
@@ -1649,7 +1648,7 @@ div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field butt
   height: 30px !important;
 }
 div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field button.mdc-switch.mdc-switch--selected.mdc-switch--checked .mdc-switch__handle-track .mdc-switch__handle .mdc-switch__icons {
-  background-color: var(--orange) !important;
+  background-color: var(--primary-inner) !important;
   border-radius: 20px !important;
 }
 div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field label,
@@ -1674,15 +1673,15 @@ coer-grid div.coer-switch {
 
 div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header {
   background-color: rgba(245, 245, 245, 0.384) !important;
-  border-bottom: 1px solid whitesmoke !important;
+  border-bottom: 1px solid var(--smoke) !important;
 }
 div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header div.mat-mdc-tab-label-container div.mat-mdc-tab-list div.mat-mdc-tab-labels div.mdc-tab.mat-mdc-tab {
   padding: 0px !important;
   height: 35px !important;
 }
 div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header div.mat-mdc-tab-label-container div.mat-mdc-tab-list div.mat-mdc-tab-labels div.mdc-tab--active.mdc-tab-indicator--active * {
-  color: var(--orange) !important;
-  border-color: var(--orange) !important;
+  color: var(--primary-inner) !important;
+  border-color: var(--primary-inner) !important;
 }
 div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header span.tab {
   padding: 10px 20px !important;
@@ -1715,7 +1714,7 @@ div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field d
   top: 20px !important;
 }
 div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label.mdc-floating-label--float-above mat-label {
-  color: var(--orange);
+  color: var(--primary-inner);
   font-weight: bold;
   position: relative;
   left: -10px;
@@ -1730,7 +1729,7 @@ div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field d
 div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,
 div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active::before,
 div.coer-textarea mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active::after {
-  border-bottom-color: var(--orange) !important;
+  border-bottom-color: var(--primary-inner) !important;
 }
 div.coer-textarea mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align {
   height: 0px !important;
@@ -1808,7 +1807,7 @@ div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field d
   top: 20px !important;
 }
 div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix label.mdc-floating-label--float-above mat-label {
-  color: var(--orange);
+  color: var(--primary-inner);
   font-weight: bold;
   position: relative;
   left: -10px;
@@ -1822,7 +1821,7 @@ div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field d
 div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active,
 div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active::before,
 div.coer-text-box mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field div.mdc-line-ripple.mdc-line-ripple--active::after {
-  border-bottom-color: var(--orange) !important;
+  border-bottom-color: var(--primary-inner) !important;
 }
 div.coer-text-box mat-form-field div.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align {
   height: 0px !important;

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

@@ -1,9 +1,10 @@
+import { IUserLoginResponse } from "coer-elements/interfaces";
 export declare class User {
     private static readonly storage;
     /** */
-    static Set<T>(user: T): void;
+    static Set(user: IUserLoginResponse): void;
     /** */
-    static Get<T>(): T | null;
+    static Get(): IUserLoginResponse | null;
     /** */
     static LogIn(): boolean;
     /** */

package/interfaces/lib/image.interface.d.ts

@@ -1,11 +0,0 @@
-export interface IImage {
-    id: number;
-    foreignId: number;
-    imageTypeId: number;
-    imageType: string;
-    name: string;
-    extension: string;
-    isMain: boolean;
-    image: File;
-    base64: string;
-}

package/interfaces/lib/login-response.interface.d.ts

@@ -1,10 +0,0 @@
-export interface ILogInResponse {
-    userId: number;
-    user: string;
-    nickname: string;
-    fullName: string;
-    email: string;
-    role: string;
-    jwt: string;
-    message: string;
-}

package/interfaces/lib/toolbar-menu.interface.d.ts

@@ -1,5 +0,0 @@
-export interface IToolbarMenu {
-    label: string;
-    icon?: string;
-    path?: string;
-}