new-front-common-library 0.0.31 → 0.0.32

package/README.md

@@ -4,16 +4,19 @@ This library was generated with [Angular CLI](https://github.com/angular/angular
 
 ## Code scaffolding
 
-Run `ng generate component component-name --project new-front-common-library` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project new-front-common-library`.
-> Note: Don't forget to add `--project new-front-common-library` or else it will be added to the default project in your `angular.json` file. 
+Run `ng generate component component-name --project new-front-common-library` to generate a new component. You can also
+use `ng generate directive|pipe|service|class|guard|interface|enum|module --project new-front-common-library`.
+> Note: Don't forget to add `--project new-front-common-library` or else it will be added to the default project in your `angular.json` file.
 
 ## Build
 
-Run `ng build new-front-common-library` to build the project. The build artifacts will be stored in the `dist/` directory.
+Run `ng build new-front-common-library` to build the project. The build artifacts will be stored in the `dist/`
+directory.
 
 ## Publishing
 
-After building your library with `ng build new-front-common-library`, go to the dist folder `cd dist/new-front-common-library` and run `npm publish`.
+After building your library with `ng build new-front-common-library`, go to the dist
+folder `cd dist/new-front-common-library` and run `npm publish`.
 
 ## Running unit tests
 
@@ -21,4 +24,5 @@ Run `ng test new-front-common-library` to execute the unit tests via [Karma](htt
 
 ## Further help
 
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
+To get more help on the Angular CLI use `ng help` or go check out
+the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

package/assets/css/_dark-theme.scss

@@ -181,10 +181,11 @@
   .table-header-text {
     color: $gray-strong;
     font-size: 14px;
-    padding-bottom:10px;
+    padding-bottom: 10px;
     font-weight: bold;
   }
-  .action-button{
+
+  .action-button {
     background-color: $blue-primary !important;
     border-color: $blue-primary !important;
     color: white !important;
@@ -198,10 +199,10 @@
     background: $background-lvl2 !important
   }
 
-  .cancel-button{
+  .cancel-button {
     background-color: $red-primary !important;
     color: white !important;
-    border-color:  $red-primary !important;
+    border-color: $red-primary !important;
   }
 
   .save-button {
@@ -244,6 +245,7 @@
   ::-webkit-scrollbar-thumb:hover {
     background: $blue-primary;
   }
+
   //END SCROLL BAR
 
   .mat-select-panel {
@@ -506,8 +508,8 @@
   }
 
   .mat-calendar-body-today {
-    background: rgb(0 0 0 / 40%)!important;
-    border-color: rgb(0 0 0 / 40%)!important;
+    background: rgb(0 0 0 / 40%) !important;
+    border-color: rgb(0 0 0 / 40%) !important;
     color: white !important;
   }
 
@@ -532,6 +534,7 @@
     display: flex;
     margin: 0% calc(33% / 7 - 16px);
   }
+
   // END CALENDAR
 
   .mat-raised-button.mat-accent {
@@ -576,7 +579,7 @@
     color: #FFFFFF !important;
   }
 
-  .icon-box-class{
+  .icon-box-class {
     color: $gray-background-lightest;
   }
 

package/assets/css/_global.scss

@@ -7,7 +7,7 @@
 body, html {
   margin: 0;
   padding: 0;
-  font-family: 'Sofia Pro'!important;
+  font-family: 'Sofia Pro' !important;
 }
 
 .page-container {
@@ -23,6 +23,7 @@ body, html {
 .spacer {
   flex: 1 1 auto;
 }
+
 .toolbar-spacer {
   flex: 1 1 auto;
 }
@@ -33,19 +34,21 @@ body, html {
     border: none;
   }
 }
+
 // Striped alt colors for rows in mat-table
 .highlight {
   background: #f4f4f6 !important;
 }
 
 // Bottom border for mat card
-.mat-card-border-bottom{
+.mat-card-border-bottom {
   border-bottom: 1px solid #e2e5e8;
 }
 
 .custom-colored-checkbox .mat-checkbox-frame {
   border-color: ghostwhite !important;
 }
+
 //Text next to icons
 .icon-text {
   display: flex !important;
@@ -58,13 +61,15 @@ body, html {
 }
 
 
-.custom-switch{
+.custom-switch {
   font-family: 'Poppins' !important;
-  .switch-small:focus{
+
+  .switch-small:focus {
     outline: none;
   }
 }
-.card-header-title-icon{
+
+.card-header-title-icon {
   margin-right: 7px;
 
 }
@@ -280,6 +285,7 @@ textarea {
 .home-button button {
   height: 32px;
 }
+
 .btn {
   height: 24px;
   padding: 2px;

package/assets/css/_light-theme.scss

@@ -181,10 +181,11 @@
   .table-header-text {
     color: $black-bluish;
     font-size: 14px;
-    padding-bottom:10px;
+    padding-bottom: 10px;
     font-weight: bold;
   }
-  .action-button{
+
+  .action-button {
     background-color: $blue-primary !important;
     border-color: $blue-primary !important;
     color: white !important;
@@ -198,10 +199,10 @@
     background: #FFFFFF !important
   }
 
-  .cancel-button{
+  .cancel-button {
     background-color: $red-primary !important;
     color: white !important;
-    border-color:  $red-primary !important;
+    border-color: $red-primary !important;
   }
 
   .save-button {
@@ -244,6 +245,7 @@
   ::-webkit-scrollbar-thumb:hover {
     background: $blue-primary;
   }
+
   // END SCROLL BAR
 
   .mat-select-panel {
@@ -411,7 +413,8 @@
     background: $blue-primary !important;
     border: none;
     padding: 5px 10px 5px 10px;
-    border-radius: 4px;height: 32px;
+    border-radius: 4px;
+    height: 32px;
     min-width: 64px;
     margin-right: 10px;
     cursor: pointer;
@@ -422,7 +425,8 @@
     background: $red-primary !important;
     border: none;
     padding: 5px 10px 5px 10px;
-    border-radius: 4px;height: 32px;
+    border-radius: 4px;
+    height: 32px;
     min-width: 64px;
     margin-right: 10px;
     cursor: pointer;
@@ -554,6 +558,7 @@
     display: flex;
     margin: 0% calc(33% / 7 - 16px);
   }
+
   // END CALENDAR
 
   .mat-raised-button.mat-accent {
@@ -598,7 +603,7 @@
     color: #FFFFFF !important;
   }
 
-  .icon-box-class{
+  .icon-box-class {
     color: $black-bluish;
     //background: linear-gradient(60deg,$gray-primary,$gray-strong);
   }

package/assets/css/_mat-palettes.scss

@@ -30,66 +30,66 @@ $dark-work-title-color: #C2CFDD;
 $dark-work-details-color: #809EC1;
 
 $light-unity-palette: (
-  50: $gray-background-lightest,
-  100: $gray-background-light,
-  200: $gray-strong,
-  300: $gray-light,
-  400: $gray-primary,
-  500: $black-bluish,
-  600: $background-lvl5,
-  700: $background-lvl3,
-  800: $background-lvl2,
-  900: $background-lvl1,
-  A100: #ff8a80,
-  A200: #ff5252,
-  A400: #ff1744,
-  A700: #d50000,
-  contrast: (
-    50: rgba(black, 0.87),
-    100: rgba(black, 0.87),
-    200: rgba(black, 0.87),
-    300: rgba(black, 0.87),
-    400: rgba(black, 0.87),
-    500: white,
-    600: white,
-    700: white,
-    800: rgba(white, 0.87),
-    900: rgba(white, 0.87),
-    A100: rgba(black, 0.87),
-    A200: white,
-    A400: white,
-    A700: white,
-  )
+        50: $gray-background-lightest,
+        100: $gray-background-light,
+        200: $gray-strong,
+        300: $gray-light,
+        400: $gray-primary,
+        500: $black-bluish,
+        600: $background-lvl5,
+        700: $background-lvl3,
+        800: $background-lvl2,
+        900: $background-lvl1,
+        A100: #ff8a80,
+        A200: #ff5252,
+        A400: #ff1744,
+        A700: #d50000,
+        contrast: (
+                50: rgba(black, 0.87),
+                100: rgba(black, 0.87),
+                200: rgba(black, 0.87),
+                300: rgba(black, 0.87),
+                400: rgba(black, 0.87),
+                500: white,
+                600: white,
+                700: white,
+                800: rgba(white, 0.87),
+                900: rgba(white, 0.87),
+                A100: rgba(black, 0.87),
+                A200: white,
+                A400: white,
+                A700: white,
+        )
 );
 $dark-unity-palette: (
-  50: $gray-background-lightest,
-  100: $gray-background-light,
-  200: $gray-strong,
-  300: $gray-light,
-  400: $gray-primary,
-  500: $dark-work-title-color,
-  600: $background-lvl5,
-  700: $background-lvl3,
-  800: $background-lvl2,
-  900: $background-lvl1,
-  A100: #ff8a80,
-  A200: #ff5252,
-  A400: #ff1744,
-  A700: #d50000,
-  contrast: (
-    50: rgba(black, 0.87),
-    100: rgba(black, 0.87),
-    200: rgba(black, 0.87),
-    300: rgba(black, 0.87),
-    400: rgba(black, 0.87),
-    500: white,
-    600: white,
-    700: white,
-    800: rgba(white, 0.87),
-    900: rgba(white, 0.87),
-    A100: rgba(black, 0.87),
-    A200: white,
-    A400: white,
-    A700: white,
-  )
+        50: $gray-background-lightest,
+        100: $gray-background-light,
+        200: $gray-strong,
+        300: $gray-light,
+        400: $gray-primary,
+        500: $dark-work-title-color,
+        600: $background-lvl5,
+        700: $background-lvl3,
+        800: $background-lvl2,
+        900: $background-lvl1,
+        A100: #ff8a80,
+        A200: #ff5252,
+        A400: #ff1744,
+        A700: #d50000,
+        contrast: (
+                50: rgba(black, 0.87),
+                100: rgba(black, 0.87),
+                200: rgba(black, 0.87),
+                300: rgba(black, 0.87),
+                400: rgba(black, 0.87),
+                500: white,
+                600: white,
+                700: white,
+                800: rgba(white, 0.87),
+                900: rgba(white, 0.87),
+                A100: rgba(black, 0.87),
+                A200: white,
+                A400: white,
+                A700: white,
+        )
 );

package/assets/css/_themes.scss

@@ -19,24 +19,24 @@
 $light-primary: mat.define-palette($light-unity-palette);
 $light-accent: mat.define-palette($light-unity-palette);
 $light-typography: mat.define-typography-config(
-  $font-family: '"Sofia Pro","Source Sans Pro",Poppins'
+        $font-family: '"Sofia Pro","Source Sans Pro",Poppins'
 );
 $light-theme: mat.define-light-theme((
-  color: (
-    primary: $light-primary,
-    accent: $light-accent,
-  ),
-  typography: $light-typography,
+        color: (
+                primary: $light-primary,
+                accent: $light-accent,
+        ),
+        typography: $light-typography,
 ));
 
 // Define a dark theme
 $dark-primary: mat.define-palette($dark-unity-palette);
 $dark-accent: mat.define-palette($dark-unity-palette);
 $dark-theme: mat.define-dark-theme((
-  color: (
-    primary: $dark-primary,
-    accent: $dark-accent,
-  )
+        color: (
+                primary: $dark-primary,
+                accent: $dark-accent,
+        )
 ));
 
 .dark-theme {

package/assets/i18n/front-common/de.json

@@ -1,6 +1,6 @@
 {
   "COMMON": {
-    "GLOBAL_SEARCH" : {
+    "GLOBAL_SEARCH": {
       "ADVANCED": "Advanced"
     },
     "HEADER": {

package/assets/i18n/front-common/en.json

@@ -1,6 +1,6 @@
 {
   "COMMON": {
-    "GLOBAL_SEARCH" : {
+    "GLOBAL_SEARCH": {
       "ADVANCED": "Advanced"
     },
     "HEADER": {

package/assets/i18n/front-common/fr.json

@@ -1,6 +1,6 @@
 {
   "COMMON": {
-    "GLOBAL_SEARCH" : {
+    "GLOBAL_SEARCH": {
       "ADVANCED": "Avancée"
     },
     "HEADER": {