@sumaris-net/ngx-components 2.6.7 → 3.0.0-rc1

package/src/assets/i18n/en.json

@@ -198,7 +198,9 @@
         "TOKEN": "Crypto",
         "BASIC_AND_TOKEN": "Basic and crypto"
       },
-      "ENABLE_AUTH_API_TOKENS": "API > Enable auth tokens"
+      "ACCOUNT": {
+        "ENABLE_AUTH_TOKENS": "Enable auth tokens"
+      }
     }
   },
   "MENU": {
@@ -212,12 +214,7 @@
     "LOCAL_SETTINGS": "Settings",
     "LOGOUT": "Logout",
     "ABOUT": "About",
-    "BTN_MY_ACCOUNT": "My account",
-
-    "TRIPS": "Trips",
-    "LOGBOOKS": "Logbooks",
-    "OCCASIONS": "Occasions",
-    "AUCTION_OCCASIONS": "Auction occasions"
+    "BTN_MY_ACCOUNT": "My account"
   },
   "ABOUT": {
     "TITLE": "About",

package/src/assets/i18n/fr.json

@@ -199,7 +199,9 @@
         "TOKEN": "Cryptographique",
         "BASIC_AND_TOKEN": "Basique et cryptographique"
       },
-      "ENABLE_AUTH_API_TOKENS": "API > Activer les jetons d'authentification"
+      "ACCOUNT": {
+        "ENABLE_AUTH_TOKENS": "Activer les jetons d'authentification"
+      }
     }
   },
   "MENU": {

package/src/assets/manifest.json

@@ -2,7 +2,7 @@
   "name": "ngx-sumaris-components",
   "short_name": "ngx-sumaris-components",
   "manifest_version": 1,
-  "version": "2.6.7",
+  "version": "2.6.6-rc5",
   "default_locale": "fr",
   "description": "Angular components for building beautiful and responsive Apps",
   "icons": [{

package/src/environments/environment.class.d.ts

@@ -8,7 +8,6 @@ export declare class Environment {
     name: string;
     version: string;
     production: boolean;
-    externalEnvironmentUrl?: string;
     baseUrl: string;
     sameUrlPeer?: boolean;
     defaultPeer?: {

package/src/theme/_material.globals.scss

@@ -2,6 +2,7 @@
 // Import material theme
 // --------------------------------------------------
 @use '@angular/material' as mat;
+@include mat.core();
 
 // Define the palettes for your theme using the Material Design palettes available in palette.scss
 // (imported above). For each palette, you can optionally specify a default, lighter, and darker
@@ -39,22 +40,22 @@ $mat-indigo-app: (
     A700: white
   )
 );
-mat.$light-theme-background-palette: (
-  status-bar: map_get(mat.$grey-palette, 300),
-  app-bar:    map_get(mat.$grey-palette, 100),
-  background: var(--background, map_get(mat.$grey-palette, 50)),
-  hover:      rgba(black, 0.04), // TODO(kara): check style with Material Design UX
-  card:       white,
-  dialog:     white,
-  disabled-button: rgba(black, 0.12),
-  raised-button: white,
-  focused-button: rgba(black, 0.12),
-  selected-button: map_get(mat.$grey-palette, 300),
-  selected-disabled-button: map_get(mat.$grey-palette, 400),
-  disabled-button-toggle: map_get(mat.$grey-palette, 200),
-  unselected-chip: map_get(mat.$grey-palette, 300),
-  disabled-list-option: map_get(mat.$grey-palette, 200),
-);
+//mat.$light-theme-background-palette: (
+//  status-bar: map_get(mat.$grey-palette, 300),
+//  app-bar:    map_get(mat.$grey-palette, 100),
+//  background: var(--background, map_get(mat.$grey-palette, 50)),
+//  hover:      rgba(black, 0.04), // TODO(kara): check style with Material Design UX
+//  card:       white,
+//  dialog:     white,
+//  disabled-button: rgba(black, 0.12),
+//  raised-button: white,
+//  focused-button: rgba(black, 0.12),
+//  selected-button: map_get(mat.$grey-palette, 300),
+//  selected-disabled-button: map_get(mat.$grey-palette, 400),
+//  disabled-button-toggle: map_get(mat.$grey-palette, 200),
+//  unselected-chip: map_get(mat.$grey-palette, 300),
+//  disabled-list-option: map_get(mat.$grey-palette, 200),
+//);
 
 // FIXME: Why loader toolbar is so dark ?
 $candy-app-primary: mat.define-palette($mat-indigo-app, 500, 100, 900);
@@ -63,7 +64,38 @@ $candy-app-accent: mat.define-palette($mat-indigo-app, A200, A100, A400);
 // The warn palette is optional (defaults to red).
 $candy-app-warn: mat.define-palette(mat.$red-palette);
 // Create the theme object (a Sass map containing all of the palettes).
-$candy-app-theme: mat.define-light-theme($candy-app-primary, $candy-app-accent, $candy-app-warn);
+$candy-app-theme: mat.define-light-theme((
+  color: (
+    primary: $candy-app-primary,
+    accent: $candy-app-accent,
+    warn: $candy-app-warn,
+  ),
+  typography: mat.define-typography-config(),
+  density: 0,
+
+));
+
+@include mat.all-component-themes($candy-app-theme);
+
+
+// --------------------------------------------------
+// Material theme
+// --------------------------------------------------
+//$primary: mat.define-palette(mat.$indigo-palette, 500);
+//$accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
+//$warn: mat.define-palette(mat.$red-palette);
+//
+//$theme: mat.define-light-theme((
+//  color: (
+//    primary: $primary,
+//    accent: $accent,
+//    warn: $warn,
+//  ),
+//  typography: mat.define-typography-config(),
+//  density: 0,
+//));
+//@include mat.all-component-themes($theme);
+
 
 
 // Expose some variables

package/src/theme/_material.scss

@@ -1,16 +1,3 @@
-
-// Plus imports for other components in your app.
-@use '@angular/material' as mat;
-// Include the common styles for Angular Material. We include this here so that you only
-// have to load a single css file for Angular Material in your app.
-// Be sure that you only ever include this mixin once!
-@include mat.core();
-
-// Include theme styles for core and each component used in your app.
-// Alternatively, you can import and @include the theme mixins for each component
-// that you are using.
-@include mat.all-component-themes($candy-app-theme);
-
 // --------------------------------------------------
 // Override material style
 // --------------------------------------------------
@@ -96,7 +83,7 @@
 
 }
 
-.mat-option {
+.mat-option, .mat-mdc-option {
   padding-top: var(--padding-top, 0) !important;
   padding-right: var(--padding-end, 16px) !important;
   padding-bottom: var(--padding-bottom, 0) !important;

package/src/theme/_mixins.scss

@@ -1,3 +1,4 @@
+@use '@angular/material' as mat;
 
 @mixin font-size($size) {
   font-size: calculateRem($size);
@@ -82,7 +83,6 @@
 }
 
 @mixin css-variables-to-root() {
-
   @each $color-name,
   $value in $colors {
     .ion-color-#{""+$color-name} {

package/src/theme/_ngx-components.globals.scss

@@ -6,7 +6,7 @@ $app-form-color: rgba(0, 0, 0, 0.87) !default;
 $app-form-color-disabled: rgba(0, 0, 0, 0.55) !default;
 
 $app-table-header-height: 44px !default;
-$app-table-cell-vertical-padding: 8px !default;
+$app-table-cell-horizontal-padding: 8px !default;
 $app-table-row-height: 48px !default;
 $app-table-row-max-height: 52px !default;
 
@@ -15,3 +15,8 @@ $app-form-buttons-bar-height: 56px !default;
 
 $app-select-option-border-color: rgba(0, 0, 0, 0.12) !default;
 $app-table-border-color: rgba(0, 0, 0, 0.08) !default;
+
+$app-form-field-background-color: rgba(0,0,0,0) !default;
+//$app-form-field-background-color: whitesmoke !default;
+$app-form-field-focus-background-color: rgba(0, 0, 0, 0) !default;
+//$app-form-field-focus-background-color: rgba(0, 0, 0, 0.87) !default;