new-front-common-library 16.1.4 → 16.1.5-COM-2

package/assets/css/_dark-theme.scss

@@ -50,7 +50,11 @@
     color: $gray-background-lightest;
   }
 
-  input {
+  input[disabled] {
+    color: #ffffff61 !important;
+  }
+
+  input, textarea {
     color: $gray-light !important;
   }
 

package/assets/css/_global.scss

@@ -153,11 +153,20 @@ body, html {
 
 // SCROLL BAR
 ::-webkit-scrollbar {
-  width: 5px;
+  width: 10px;
+  height: 10px;
 }
 
-::-webkit-scrollbar-track {
-  background: whitesmoke;
+.light-theme {
+  ::-webkit-scrollbar-track {
+    background: whitesmoke;
+  }
+}
+
+.dark-theme {
+  ::-webkit-scrollbar-track {
+    background: adjust-color($background-lvl2, $lightness: 10%);
+  }
 }
 
 ::-webkit-scrollbar-thumb {

package/assets/css/_light-theme.scss

@@ -48,7 +48,11 @@
     color: $black-bluish;
   }
 
-  input {
+  input[disabled] {
+    color: #00000061 !important;
+  }
+
+  input, textarea {
     color: $black-bluish !important;
   }
 

package/assets/css/_themes_v18.scss

@@ -0,0 +1,55 @@
+@use '@angular/material' as mat;
+
+@include mat.core();
+
+//Fonts
+@import url('https://fonts.googleapis.com/css?family=Poppins');
+@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
+@import url('https://fonts.googleapis.com/css?family=Roboto');
+
+//Imports
+@import "mat-palettes";
+
+// Define a light theme
+$mat-theme-ignore-duplication-warnings: true;
+$light-primary: mat.m2-define-palette($light-unity-palette);
+$light-accent: mat.m2-define-palette($light-unity-palette);
+$light-typography: mat.m2-define-typography-config(
+  $font-family: '"Roboto","Source Sans Pro",Poppins',
+  $button: mat.m2-define-typography-level(14px, 14px, 500, $letter-spacing: 0.25px)
+);
+$light-theme: mat.m2-define-light-theme((
+  color: (
+    primary: $light-primary,
+    accent: $light-accent,
+  ),
+  typography: $light-typography
+));
+
+// Define a dark theme
+$dark-primary: mat.m2-define-palette($dark-unity-palette);
+$dark-accent: mat.m2-define-palette($dark-unity-palette);
+$dark-theme: mat.m2-define-dark-theme((
+  color: (
+    primary: $dark-primary,
+    accent: $dark-accent
+  ),
+));
+
+.dark-theme {
+  @include mat.all-component-themes($dark-theme);
+}
+
+.light-theme {
+  @include mat.all-component-themes($light-theme);
+}
+
+@include mat.all-component-themes($light-theme);
+
+.the-dense-zone {
+  @include mat.form-field-density(-2);
+}
+
+@import "material/mdc";
+@import "global";
+

package/assets/css/material/_mdc-dark-theme.scss

@@ -209,7 +209,19 @@
   --mdc-filled-text-field-input-text-color: #{$gray-light};
   //END TEXTAREA
 
+  //DRAWER
+  .mat-drawer-container {
+    background-color: $background-lvl3;
+  }
 
+  .mat-drawer-backdrop.mat-drawer-shown {
+    background-color: rgb(0 0 0 / 70%) !important;
+  }
+
+  .mat-expansion-panel-header:hover, .mat-expansion-panel-header:focus {
+    background-color: $background-lvl1 !important;
+  }
+  //END DRAWER
 
   //.mat-mdc-card {
   //  padding: 5px !important;

package/assets/css/material/_mdc-light-theme.scss

@@ -132,7 +132,7 @@
   .mat-calendar-body-selected {
     background: $blue-primary;
     border-color: $blue-primary;
-    color: white;
+    color: white !important;
   }
 
   .mat-calendar-body-today {
@@ -212,7 +212,11 @@
   --mdc-filled-text-field-input-text-color: #{$black-bluish};
   //END TEXTAREA
 
-
+  //DRAWER
+  .mat-drawer-container {
+    background-color: $gray-background-lightest;
+  }
+  //END DRAWER
 
   //.mat-mdc-card {
   //  padding: 5px !important;

package/assets/css/material/_mdc.scss

@@ -31,13 +31,21 @@
 }
 
 .mat-mdc-paginator-page-size-select {
-  width: 56px;
+  width: 60px;
 
   .mat-mdc-text-field-wrapper {
     padding: 0 9px 0 9px;
   }
 }
 
+.mat-mdc-paginator-container {
+  align-items: baseline;
+}
+
+.mat-mdc-paginator-page-size-select>*>*>.mdc-notched-outline>* {
+  border: none !important;
+}
+
 // END PAGINATOR
 
 // BUTTON

package/esm2022/lib/util/array.service.mjs

@@ -1,19 +1,19 @@
-import { Injectable } from '@angular/core';
-import * as i0 from "@angular/core";
-export class ArrayService {
-    /** Check if a value is in array */
-    inArray(value, array) {
-        if (value === null || array === null) {
-            return false;
-        }
-        else {
-            return array.indexOf(value) !== -1;
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ArrayService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ArrayService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ArrayService, decorators: [{
-            type: Injectable
-        }] });
+import { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+export class ArrayService {
+    /** Check if a value is in array */
+    inArray(value, array) {
+        if (value === null || array === null) {
+            return false;
+        }
+        else {
+            return array.indexOf(value) !== -1;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ArrayService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ArrayService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ArrayService, decorators: [{
+            type: Injectable
+        }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJyYXkuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldy1mcm9udC1jb21tb24tbGlicmFyeS9zcmMvbGliL3V0aWwvYXJyYXkuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUczQyxNQUFNLE9BQU8sWUFBWTtJQUVyQixtQ0FBbUM7SUFDNUIsT0FBTyxDQUFDLEtBQVUsRUFBRSxLQUFVO1FBQ2pDLElBQUksS0FBSyxLQUFLLElBQUksSUFBSSxLQUFLLEtBQUssSUFBSSxFQUFFO1lBQ2xDLE9BQU8sS0FBSyxDQUFDO1NBQ2hCO2FBQU07WUFDSCxPQUFPLEtBQUssQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7U0FDdEM7SUFDTCxDQUFDOytHQVRRLFlBQVk7bUhBQVosWUFBWTs7NEZBQVosWUFBWTtrQkFEeEIsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIEFycmF5U2VydmljZSB7XG5cbiAgICAvKiogQ2hlY2sgaWYgYSB2YWx1ZSBpcyBpbiBhcnJheSAqL1xuICAgIHB1YmxpYyBpbkFycmF5KHZhbHVlOiBhbnksIGFycmF5OiBhbnkpOiBib29sZWFuIHtcbiAgICAgICAgaWYgKHZhbHVlID09PSBudWxsIHx8IGFycmF5ID09PSBudWxsKSB7XG4gICAgICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICByZXR1cm4gYXJyYXkuaW5kZXhPZih2YWx1ZSkgIT09IC0xO1xuICAgICAgICB9XG4gICAgfVxufVxuIl19