@sumaris-net/ngx-components 1.2.8 → 1.2.14

package/src/assets/i18n/fr.json

@@ -14,6 +14,7 @@
     "BTN_CLOSE": "Fermer",
     "BTN_DONE": "Terminer",
     "BTN_DOWNLOAD": "Télécharger",
+    "BTN_IMPORT": "Importer",
     "BTN_DUPLICATE": "Dupliquer",
     "BTN_DELETE": "Supprimer",
     "BTN_DELETE_FOREVER": "Supprimer définitivement",
@@ -24,6 +25,7 @@
     "BTN_YES_DELETE": "Oui, supprimer",
     "BTN_YES_CONTINUE": "Oui, continuer",
     "BTN_VALIDATE": "Valider",
+    "BTN_VALIDATE_WITH_SHORTCUT_HELP": "Valider (Ctrl+Entrée)",
     "BTN_VALIDATE_AND_CONTINUE": "Valider et continuer",
     "BTN_VALIDATE_AND_NEW": "Valider et nouveau",
     "BTN_NOT_SAVE": "Ne PAS sauvegarder",
@@ -31,7 +33,7 @@
     "BTN_SAVE_WITH_SHORTCUT": "<u>S</u>auvegarder",
     "BTN_SAVE_WITH_SHORTCUT_HELP": "Sauvegarder (Ctrl+S)",
     "BTN_FILTER": "Filtrer",
-    "BTN_RELOAD": "Mettre à jour",
+    "BTN_RELOAD": "Recharger",
     "BTN_REFRESH": "Rafraichir",
     "BTN_RESET": "Réinitialiser",
     "BTN_SEARCH": "Rechercher",
@@ -42,8 +44,9 @@
     "BTN_SEND": "Envoyer",
     "BTN_OPTIONS": "Options",
     "BTN_UNDO": "Annuler les modifications",
-    "BTN_TABLE_EDIT": "Editer dans le tableau",
-    "BTN_TABLE_OPEN": "Editer dans un formulaire",
+    "BTN_UPDATE": "Mettre à jour",
+    "BTN_TABLE_EDIT": "Éditer dans le tableau",
+    "BTN_TABLE_OPEN": "Éditer dans un formulaire",
     "BTN_SHOW_HELP": "Aide en ligne",
     "BTN_HIDE": "Masquer",
     "BTN_HIDE_MENU": "Masquer le menu",
@@ -68,7 +71,7 @@
     "DATE_SHORT_PATTERN": "DD/MM/YY",
     "DATE_MONTH_YEAR_PATTERN": "MM/YYYY",
     "DATE_YEAR_PATTERN": "YYYY",
-    "DATE_YEAR_PLACEHOLDER": "yyyy",
+    "DATE_YEAR_PLACEHOLDER": "aaaa",
     "DATE_PLACEHOLDER": "jj/mm/aaaa",
     "DATE_TIME_PLACEHOLDER": "jj/mm/aaaa hh:mm",
 
@@ -101,11 +104,14 @@
     "YES": "Oui",
     "NO": "Non",
 
+    "DEBUG": "Debug",
     "UPDATED_ON": "Mise à jour le",
     "RECORDER": "Saisisseur",
     "RESULT_COUNT": "{{count}} résultats",
     "NO_RESULT": "Aucun résultat",
     "LOADING_DOTS": "Chargement...",
+    "PLEASE_WAIT": "Veuillez patienter...",
+    "NO_DATA": "Aucune donnée",
     "MISSING": "Manquant",
 
     "DISPLAYED_COLUMNS": "Paramétrage des colonnes",
@@ -126,10 +132,10 @@
   },
   "CONFIGURATION": {
     "OPTIONS": {
-      "ANDROID_INSTALL_URL": "Android > Adresse d'installation App",
+      "ANDROID_INSTALL_URL": "Android > URL d'installation App",
       "LOGO": "Menu > Logo (largeur max 110px)",
       "FAVICON": "favicon",
-      "GRAVATAR_URL": "Utilisateur > URL Gravatar (avec '{md5}'",
+      "GRAVATAR_URL": "Utilisateur > URL Gravatar (avec '{md5}')",
       "ENABLE_GRAVATAR": "Utilisateur > Utiliser Gravatar ?",
       "DEFAULT_LOCALE": "Langue par défaut",
       "DEFAULT_LATLONG_FORMAT": "Format lat/lon par défaut",
@@ -173,7 +179,7 @@
       },
       "TESTING": "Mode développeur ?",
       "ENTITY_TRASH": "Activer la corbeille du pod ?",
-      "UPDATE_TECHNICAL_TABLES": "Mise à jour auto des tables techniques ?",
+      "UPDATE_TECHNICAL_TABLES": "Pod > Tables techniques : mise à jour auto  ?",
       "ANALYTIC_REFERENCES_ENABLE": "Stratégie > Références analytiques : Activer ?",
       "AUTH_TOKEN_TYPE_PLACEHOLDER": "Securité > Type d'authentification",
       "AUTH_TOKEN_TYPE": {
@@ -193,7 +199,8 @@
     "FOOTER_VERSION_ABOUT": "v{{version}} | à propos",
     "LOCAL_SETTINGS": "Paramètres",
     "LOGOUT": "Se déconnecter",
-    "ABOUT": "À propos"
+    "ABOUT": "À propos",
+    "BTN_MY_ACCOUNT": "Mon compte"
   },
   "ABOUT": {
     "TITLE": "À propos",
@@ -254,6 +261,8 @@
     }
   },
   "REFERENTIAL": {
+    "LABEL": "Code",
+    "NAME": "Libellé",
     "STATUS_ENUM": {
       "ENABLE": "Actif à la saisie",
       "DISABLE": "Inactif à la saisie",
@@ -279,8 +288,11 @@
       "LOCALE": "Langue",
       "LAT_LONG_FORMAT": "Format latitude/longitude"
     },
+    "INFO": {
+      "RELOADED": "Votre compte utilisateur a été <b>actualisé</b> !"
+    },
     "ERROR": {
-      "SUBSCRIBE_ACCOUNT_ERROR": "Échec de l'abonnement distant au compte utilisateur."
+      "SUBSCRIBE_ERROR": "Échec de l'abonnement distant au compte utilisateur."
     }
   },
   "SETTINGS": {
@@ -297,6 +309,8 @@
     "OFFLINE_MODE": "Forcer le mode hors-ligne ?",
     "DATA_ENTRY_DIVIDER": "Paramètres de saisie",
     "USAGE_MODE": "Mode de saisie",
+    "USAGE_MODE_FIELD": "Mode saisie <b>terrain</b>",
+    "USAGE_MODE_DESK": "Mode saisie <b>bureau</b>",
     "USAGE_MODES":  {
       "FIELD": "Saisie terrain",
       "DESK": "Saisie bureau"
@@ -342,6 +356,7 @@
     },
     "LIST": {
       "TITLE": "Utilisateurs",
+      "BTN_SEND_MESSAGE": "Envoyer un message",
       "FILTER": {
         "SEARCH": "Recherche : nom, prénom..."
       }
@@ -356,6 +371,7 @@
       "OFFLINE": "Nœud injoignable",
       "SELECT_MODAL": {
         "TITLE": "Nœuds réseau",
+        "BTN_SET_MANUALLY": "Saisir manuellement",
         "HELP": "Veuillez choisir un nœud réseau auquel vous connecter :",
         "NOT_COMPATIBLE_HELP": "Version requise : v{{version}} ou +"
       }
@@ -382,21 +398,71 @@
   },
   "SOCIAL": {
     "USER_EVENT": {
+      "NOTIFICATION": {
+        "TITLE": "Notifications",
+        "EMPTY": "Aucune notification",
+        "READ_ALL": "Tout marquer comme lu"
+      },
       "EVENT_TYPE": "Type",
       "CREATION_DATE": "Date/Heure",
       "MESSAGE": "Message",
       "BTN_COPY_TO_LOCAL": "Copier localement",
       "INFO": {
         "COPIED_LOCALLY": "Copier localement avec succès"
+      },
+      "TYPE_ENUM": {
+        "DEBUG_DATA": "Donnée de debuggage",
+        "INBOX_MESSAGE": "Message entrant",
+        "FEED": "Actualité"
       }
     },
-    "EVENT_TYPE_ENUM": {
-      "DEBUG_DATA": "Donnée de debuggage",
-      "INBOX_MESSAGE": "Message entrant"
+    "JOB": {
+      "PROGRESSION": {
+        "TITLE": "Liste des tâches en cours",
+        "EMPTY": "Aucune tâche en cours"
+      }
+    },
+    "MESSAGE": {
+      "TYPE": "Type d'envoi",
+      "RECIPIENTS": "Destinataires",
+      "SUBJECT": "Objet",
+      "BODY_HELP": "Votre message...",
+      "NEW": {
+        "TITLE": "Nouveau message"
+      },
+      "TYPE_ENUM": {
+        "INBOX_MESSAGE": "Messagerie interne",
+        "EMAIL": "Email",
+        "FEED": "Actualité"
+      }
     },
     "ERROR": {
       "LOAD_USER_EVENTS_ERROR": "Erreur de chargement des notifications",
-      "SAVE_USER_EVENT_ERROR": "Erreur de sauvegarde du message utilisateur"
+      "COUNT_USER_EVENT_ERROR": "Erreur de comptage des notifications",
+      "SAVE_USER_EVENT_ERROR": "Erreur de sauvegarde de la notification",
+      "SUBSCRIBE_USER_EVENTS_ERROR": "Erreur lors de l'abonnement aux notifications",
+      "SEND_MESSAGE_ERROR": "Erreur lors de l'envoi du message",
+      "SUBSCRIBE_JOB_PROGRESSION_ERROR": "Erreur lors de l'abonnement à la progression de tâche"
+    },
+    "INFO": {
+      "MESSAGE_SENT": "Message <b>envoyé</b>"
+    }
+  },
+  "FILE": {
+    "UPLOAD": {
+      "DRAG_AND_DROP": "Glisser et déposer un fichier{{ extension }} ici<br/>ou",
+      "BROWSE": "Parcourir",
+      "IMPORTING": "Importation en cours",
+      "ERROR": "Erreur durant l'envoi de fichier"
+    }
+  },
+  "IMAGE": {
+    "BTN_CAMERA_SOURCE": "Prendre une photo",
+    "BTN_GALLERY_SOURCE": "Ouvrir la galerie",
+    "GALLERY": {
+      "BTN_EDIT_TITLE": "Éditer le titre",
+      "BTN_ADD_TITLE": "Ajouter un titre",
+      "TITLE": "Titre"
     }
   },
   "ERROR": {
@@ -407,17 +473,19 @@
     "FIELD_MIN_LENGTH_COMPACT": "Valeur trop courte",
     "FIELD_MAX_LENGTH": "Valeur trop longue {{maxLength && (' (' + maxLength + ' caract. max)') }}",
     "FIELD_MAX_LENGTH_COMPACT": "Valeur trop longue",
-    "FIELD_MIN": "La valeur minimale autorisée est {{min}}",
-    "FIELD_MIN_COMPACT": "Min autorisée={{min}}",
-    "FIELD_MAX": "Valeur maximale autorisée: {{max}}",
+    "FIELD_MIN": "Valeur minimale : {{min}}",
+    "FIELD_MIN_COMPACT": "Min {{min}}",
+    "FIELD_MAX": "Valeur maximale : {{max}}",
     "FIELD_MAX_COMPACT": "Max {{max}}",
     "FIELD_MAXIMUM_DECIMALS": "Trop de décimales (max: {{maxDecimals}})",
     "FIELD_MAXIMUM_DECIMALS_COMPACT": "Nb décimale > {{maxDecimals}}",
     "FIELD_INVALID": "Valeur non valide",
+    "FIELD_NOT_VALID_DECIMAL": "Valeur décimale attendue",
     "FIELD_NOT_VALID_INTEGER": "Valeur entière attendue",
     "FIELD_NOT_VALID_EMAIL": "Adresse email invalide",
     "FIELD_NOT_VALID_DATE": "Date invalide",
     "FIELD_NOT_VALID_DATE_AFTER": "Doit être postérieure à {{minDate}}",
+    "FIELD_NOT_VALID_DATE_BEFORE": "Doit être antérieure à {{maxDate}}",
     "FIELD_NOT_VALID_DATE_RANGE": "Dates incohérentes",
     "FIELD_NOT_VALID_DATE_MAX_DURATION": "Durée trop longue",
     "FIELD_NOT_VALID_DATE_MIN_DURATION": "Durée trop courte",
@@ -435,10 +503,11 @@
     "EMAIL_ALREADY_REGISTERED": "Email déjà enregistrée",
     "UNKNOWN_TECHNICAL_ERROR": "Une erreur technique est survenue.<small><br/>Si le problème persiste, veuillez contacter votre administrateur.</small>",
     "UNKNOWN_NETWORK_ERROR": "Erreur de communication avec le serveur.<small><br/>Si le problème persiste, veuillez contacter votre administrateur.</small>",
-    "BAD_UPDATE_DATE": "Sauvegarde impossible (modification concurrente détectée).",
+    "BAD_UPDATE_DATE": "Sauvegarde impossible.<small><br/>Modification concurrente détectée, veuillez recharger la page et réessayer.</small>",
     "DATA_LOCKED": "Sauvegarde impossible (donnée verrouillée).",
     "DATA_NOT_FOUND": "Donnée non trouvée",
-    "DOWNLOAD_FAILED": "Echec du téléchargement : {{error}}",
+    "DATA_UPDATE_DATE_CHANGED": "Vos modifications ne pourront pas être sauvegardées.<small><br/>Modification concurrente détectée, veuillez recharger la page et réessayer.</small>",
+    "DOWNLOAD_FAILED": "Échec du téléchargement : {{error}}",
     "LOAD_ACCOUNT_ERROR": "Erreur de chargement du compte utilisateur.<small><br/>Si le problème persiste, veuillez contacter votre administrateur.</small>",
     "SAVE_ACCOUNT_ERROR": "Erreur lors de la sauvegarde de votre compte.<small><br/>Si le problème persiste, veuillez contacter votre administrateur.</small>",
     "SAVE_SETTINGS_ERROR": "Erreur lors de la sauvegarde de vos paramètres.<small><br/>Si le problème persiste, veuillez contacter votre administrateur.</small>",
@@ -470,6 +539,7 @@
     "LOAD_ENTITIES_ERROR": "Erreur lors de chargement de la liste",
     "SAVE_ENTITY_ERROR": "Erreur lors de la sauvegarde",
     "SAVE_ENTITIES_ERROR": "Erreur lors de la sauvegarde de la liste",
+    "DELETE_ENTITY_ERROR": "Erreur lors de la suppression. <small><br/>Si le problème persiste, veuillez contacter votre administrateur.</small>",
     "SUBSCRIBE_ENTITY_ERROR": "Erreur lors de l'abonnement aux modifications distantes",
     "CONTROL_ENTITY_ERROR": "Erreur lors du contrôle de la validité des données",
     "TERMINATE_ENTITY_ERROR": "Terminaision de la saisie impossible. <small><br/>Si le problème persiste, veuillez contacter votre administrateur.</small>",
@@ -480,7 +550,9 @@
     "LOAD_ERROR": "Erreur de chargement",
     "SAVE_ERROR": "Erreur de sauvegarde",
     "SUBSCRIBE_ERROR": "Echec de l'abonnement distant aux modifications",
-    "FIREFOX_NO_STORAGE": "L'application ne peut pas fonctionner sur Firefox en mode 'navigation privée' ou si la conservation de l'historique est désactivée"
+    "FIELD_NOT_EXISTS": "Cette valeur n'existe pas",
+    "FIREFOX_NO_STORAGE": "L'application ne peut pas fonctionner sur Firefox en mode 'navigation privée' ou si la conservation de l'historique est désactivée",
+    "FEATURE_NOT_IMPLEMENTED": "Fonctionnalité non implémentée ! <small><br/>Veuillez contacter votre administrateur.</small>"
   },
   "CONFIRM": {
     "ALERT_HEADER": "Confirmation",
@@ -495,7 +567,8 @@
     "DELETE_ROWS": "<b>Êtes-vous sûr</b> de vouloir supprimer ces lignes ?",
     "CANCEL_ROW": "<b>Êtes-vous sûr</b> de vouloir annuler les modifications sur cette ligne ?",
     "CANCEL_ROWS": "<b>Êtes-vous sûr</b> de vouloir annuler les modifications sur ces lignes ?",
-    "SEND_DEBUG_DATA": "Voulez-vous envoyer ces données à l'administrateur, afin qu'il vous aide ?"
+    "SEND_DEBUG_DATA": "Voulez-vous envoyer ces données à l'administrateur, afin qu'il vous aide ?",
+    "RELOAD_APP": "Une nouvelle <b>version {{version}}</b> est disponible pour {{name}}:<ul><li><b>Enregistrer</b> vos éventuelles modifications en cours<li>Cliquez sur le bouton <b>Mettre à jour</b>, ou rafraichissez l'onglet du navigateur.</ul>"
   },
   "INFO": {
     "ALERT_HEADER": "Information",
@@ -509,7 +582,8 @@
     "UPDATE_APP_TO_VERSION": "<b>Veuillez mettre à jour {{name}}</b> (en v{{version}} ou +)",
     "UPDATE_APP_HELP": "Cette mise à jour est <b>nécessaire pour se connecter correctement</b> au nœud réseau. En cas de problème pour l'installation, veuillez <b>contacter votre administrateur</b>.",
     "UPDATE_APP_DOWNLOADED": "Le téléchargement de la mise à jour est terminée.<br/><b>Veuillez l'installer</b> à partir des fichiers de l'appareil.",
-    "PLEASE_TYPE_MORE_CHARACTERS": "Veuillez taper au moins {{minLength}} caractères"
+    "PLEASE_TYPE_MORE_CHARACTERS": "Veuillez taper au moins {{minLength}} caractères",
+    "TEXT_PROGRESS": "{{current}} sur {{max}}"
   },
   "TABLE": {
     "TESTING": {

package/src/assets/manifest.json

@@ -1,12 +1,12 @@
 {
-  "name": "ADAP",
-  "short_name": "ADAP",
+  "name": "ngx-sumaris-components",
+  "short_name": "ngx-sumaris-components",
   "manifest_version": 1,
-  "version": "1.8.5",
+  "version": "1.13.2",
   "default_locale": "fr",
-  "description": "ADAP App.",
+  "description": "Angular components for building beautiful and responsive Apps",
   "icons": [{
-    "src": "assets/img/logo-adap-small.png",
+    "src": "assets/img/logo/logo-sumaris.png",
     "sizes": "183x120",
     "type": "image/png"
   }],

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

@@ -1,13 +1,13 @@
 import { FetchPolicy } from '@apollo/client/core';
 import { StorageConfig } from '@ionic/storage';
 import { InjectionToken } from '@angular/core';
+import { CacheConfig } from 'ionic-cache/lib/interfaces/cache-config.interface';
 export declare const ENVIRONMENT: InjectionToken<Environment>;
 export declare class Environment {
     name: string;
     version: string;
     production: boolean;
     baseUrl: string;
-    listenRemoteChanges?: boolean;
     defaultPeer?: {
         host: string;
         port: number;
@@ -21,6 +21,7 @@ export declare class Environment {
         path?: string;
     }[];
     peerMinVersion?: string;
+    checkAppVersionIntervalInSeconds?: number;
     persistCache?: boolean;
     offline?: boolean;
     apolloFetchPolicy?: FetchPolicy;
@@ -29,6 +30,7 @@ export declare class Environment {
     defaultDepartmentId?: number;
     defaultAppName?: string;
     defaultAndroidInstallUrl?: string;
+    cache?: Partial<CacheConfig>;
     storage?: Partial<StorageConfig>;
     storageSavePeriodMs?: number;
     sourceUrl?: string;
@@ -39,4 +41,13 @@ export declare class Environment {
         username?: string;
         password?: string;
     };
+    account?: {
+        showAccountButton?: boolean;
+        enableListenChanges?: boolean;
+        listenIntervalInSeconds?: number;
+    };
+    entityEditor?: {
+        enableListenChanges?: boolean;
+        listenIntervalInSeconds?: number;
+    };
 }

package/src/environments/environment.d.ts

@@ -1,3 +1,3 @@
 import { Environment } from './environment.class';
+import 'zone.js/plugins/zone-error';
 export declare const environment: Environment;
-import 'zone.js/dist/zone-error';

package/src/theme/_icons.scss

@@ -13,7 +13,7 @@ $ionicons-font-path: $font-path !default;
 // Import material icons
 // --------------------------------------------------
 $material-design-icons-font-directory-path: '~material-design-icons-iconfont/dist/fonts/';
-@import '~material-design-icons-iconfont/src/material-design-icons';
+@import 'material-design-icons-iconfont/src/material-design-icons';
 
 mat-icon > span {
   position: absolute;

package/src/theme/_ionic.globals.scss

@@ -16,7 +16,8 @@ $screen-lg: 992px !default;
 $screen-lg-max: 1199px !default;
 $screen-xl: 1200px !default;
 $screen-breakpoints: (
-  xs: 0,
+  xxs: 0,
+  xs: $screen-xs,
   sm: $screen-sm,
   md: $screen-md,
   lg: $screen-lg,
@@ -74,6 +75,10 @@ $ion-grid-padding: 16px !default;
 $ion-padding: 16px !default;
 $ion-margin: 16px !default;
 
+// Default height
+// --------------------------------------------------
+$ion-toolbar-height: 56px !default;
+
 // --------------------------------------------------
 // Default General Colors
 // --------------------------------------------------

package/src/theme/_material.globals.scss

@@ -1,9 +1,7 @@
 // --------------------------------------------------
 // Import material theme
 // --------------------------------------------------
-@import '~@angular/material/theming';
-@import '~@angular/material/paginator/paginator-variables';
-@import '~@angular/material/toolbar/toolbar-variables';
+@use '@angular/material' as mat;
 
 // 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
@@ -25,50 +23,52 @@ $mat-indigo-app: (
   A400: mix(#000, $accent, 12%),
   A700: mix(#000, $accent, 24%),
   contrast: (
-    50: $dark-primary-text,
-    100: $dark-primary-text,
-    200: $dark-primary-text,
-    300: $light-primary-text,
-    400: $light-primary-text,
-    500: $light-primary-text,
-    600: $light-primary-text,
-    700: $light-primary-text,
-    800: $light-primary-text,
-    900: $light-primary-text,
-    A100: $dark-primary-text,
-    A200: $light-primary-text,
-    A400: $light-primary-text,
-    A700: $light-primary-text
+    50: rgba(black, 0.87),
+    100: rgba(black, 0.87),
+    200: rgba(black, 0.87),
+    300: white,
+    400: white,
+    500: white,
+    600: white,
+    700: white,
+    800: white,
+    900: white,
+    A100: rgba(black, 0.87),
+    A200: white,
+    A400: white,
+    A700: white
   )
 );
-$mat-light-theme-background: (
-  status-bar: map_get($mat-grey, 300),
-  app-bar:    map_get($mat-grey, 100),
-  background: var(--background, map_get($mat-grey, 50)),
+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: $dark-focused,
-  selected-button: map_get($mat-grey, 300),
-  selected-disabled-button: map_get($mat-grey, 400),
-  disabled-button-toggle: map_get($mat-grey, 200),
-  unselected-chip: map_get($mat-grey, 300),
-  disabled-list-option: map_get($mat-grey, 200),
+  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-palette($mat-indigo-app, 500, 100, 900);
+$candy-app-primary: mat.define-palette($mat-indigo-app, 500, 100, 900);
 
-$candy-app-accent: mat-palette($mat-indigo-app, A200, A100, A400);
+$candy-app-accent: mat.define-palette($mat-indigo-app, A200, A100, A400);
 // The warn palette is optional (defaults to red).
-$candy-app-warn: mat-palette($mat-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-light-theme($candy-app-primary, $candy-app-accent, $candy-app-warn);
+$candy-app-theme: mat.define-light-theme($candy-app-primary, $candy-app-accent, $candy-app-warn);
 
 
-// Expose some existing variables
+// Expose some variables
 $mat-tab-link-height: 48px !default;
 $mat-tab-bar-height: 48px !default;
 $mat-tab-animation-duration: 200ms !default;
+$mat-mat-toolbar-height-desktop: 64px !default;
+$mat-mat-toolbar-height-mobile: 56px !default;

package/src/theme/_material.scss

@@ -1,14 +1,15 @@
 
 // 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 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 angular-material-theme($candy-app-theme);
+@include mat.all-component-themes($candy-app-theme);
 
 // --------------------------------------------------
 // Override material style
@@ -39,18 +40,21 @@
 .mat-button.mat-accent,
 .mat-icon-button.mat-accent,
 .mat-stroked-button.mat-accent {
-  color: var(--ion-color-accent, $accent);
+  color: var(--ion-color-accent);
 }
 
 // Badge
 .mat-badge-primary .mat-badge-content {
-  background-color: var(--ion-color-tertiary, $tertiary);
+  background-color: var(--ion-color-tertiary);
+  color: var(--ion-color-tertiary-contrast);
 }
 .mat-badge-accent .mat-badge-content {
-  background-color: var(--ion-color-accent, $accent);
+  background-color: var(--ion-color-accent);
+  color: var(--ion-color-accent-contrast);
 }
 .mat-badge-warn .mat-badge-content {
-  background-color: var(--ion-color-warning, $warning);
+  background-color: var(--ion-color-warning);
+  color: var(--ion-color-warning-contrast);
 }
 
 // Progress bar
@@ -70,6 +74,28 @@
   }
 }
 
+// Date picker
+@media (orientation: landscape) {
+  .mat-datepicker-content-touch {
+    height: unset !important;
+    min-height: 80vh;
+
+    .mat-calendar-controls {
+      margin-top: 0;
+    }
+    .mat-datepicker-content-container {
+      &.mat-datepicker-content-container-with-actions {
+        height: unset !important;
+      }
+     .mat-datepicker-actions {
+       background-color: white;
+       margin-top: -12px;
+     }
+  }
+}
+
+}
+
 .mat-option {
   padding-top: var(--padding-top, 0) !important;
   padding-right: var(--padding-end, 16px) !important;

package/src/theme/_mixins.scss

@@ -102,19 +102,21 @@
   --expansion-panel-padding: var(--ion-padding);
   --expansion-panel-header-padding: var(--ion-padding);
 
-  --mat-toolbar-height: #{$mat-toolbar-height-desktop};
-  --mat-paginator-height: #{$mat-paginator-height};
-  --ion-toolbar-height: #{$mat-toolbar-height-mobile};
+  --mat-toolbar-height: #{$mat-mat-toolbar-height-desktop};
+  --mat-paginator-height: mat.$paginator-height;
+  --ion-toolbar-height: #{$ion-toolbar-height};
 
   --app-table-header-height: #{$app-table-header-height};
   --app-toolbar-height: #{$app-toolbar-height};
   --app-paginator-height: #{$app-paginator-height};
   --app-form-buttons-bar-height: #{$app-form-buttons-bar-height};
   --app-footer-height: var(--app-form-buttons-bar-height);
+  --mat-tab-link-height: #{$mat-tab-link-height};
+  --mat-tab-bar-height: #{$mat-tab-bar-height};
 }
 
 @mixin css-variables-to-root-mobile() {
-  --mat-toolbar-height: #{$mat-toolbar-height-mobile};
+  --mat-toolbar-height: #{$mat-mat-toolbar-height-mobile};
 
   // Disable form footer, in mobile
   --app-form-buttons-bar-height: 0px;

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

@@ -7,6 +7,7 @@ $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-row-height: 48px !default;
 $app-table-row-max-height: 52px !default;
 
 $app-paginator-height: 34px !default;