@sumaris-net/ngx-components 3.0.0-rc1 → 4.0.0-rc10

package/src/assets/i18n/en.json

@@ -33,6 +33,8 @@
     "BTN_SAVE": "Save",
     "BTN_SAVE_WITH_SHORTCUT": "<u>S</u>ave",
     "BTN_SAVE_WITH_SHORTCUT_HELP": "Save (Ctrl+S)",
+    "BTN_SAVE_AND_CLOSE": "Save and close",
+    "BTN_SAVE_AND_NEXT": "Save and next",
     "BTN_FILTER": "Filter",
     "BTN_RELOAD": "Reload",
     "BTN_REFRESH": "Refresh",
@@ -104,6 +106,7 @@
 
     "YES": "Yes",
     "NO": "No",
+    "DEBUG": "Debug",
 
     "UPDATED_ON": "Last modification on",
     "RECORDER": "Recorder",
@@ -113,10 +116,8 @@
     "PLEASE_WAIT": "Please wait...",
     "NO_DATA": "No data",
     "MISSING": "Missing",
-
     "DISPLAYED_COLUMNS": "Displayed columns",
     "DISPLAYED_COLUMNS_DOTS": "Displayed columns...",
-
     "FORM": {
       "HAS_ERROR": "Please correct errors in the form"
     },
@@ -144,15 +145,19 @@
   "CONFIGURATION": {
     "OPTIONS": {
       "ANDROID_INSTALL_URL": "Android > Install App URL",
-      "LOGO": "Menu > Logo (max width: 110px)",
+      "DB_TIMEZONE": "Persistence > Database timezone (readonly option)",
+      "LOGO": "Menu > Logo (max width 110px)",
       "FAVICON": "favicon",
-      "GRAVATAR_URL": "User > Gravatar URL (with '{md5}'",
-      "ENABLE_GRAVATAR": "User > Enable Gravatar ?",
+      "GRAVATAR_URL": "User > Gravatar URL (with '{md5}')",
+      "ENABLE_GRAVATAR": "User > Enable Gravatar?",
       "DEFAULT_LOCALE": "Default Language",
       "DEFAULT_LATLONG_FORMAT": "Default lat/lon format",
       "APP_MIN_VERSION": "App > Minimal compatible version (x.y.z)",
       "HELP_URL": "App > User manual (URL)",
       "FORUM_URL": "App > Forum address (URL)",
+      "ACCOUNT": {
+        "READONLY": "Account > Readonly profile? (readonly option)"
+      },
       "HOME": {
         "LOGO_LARGE": "Home > Logo (max width 400px)",
         "PARTNER_DEPARTMENTS": "Home > Partners logos",
@@ -181,14 +186,14 @@
         "LOCATION_LEVEL_COUNTRY_ID": "Referential > Location level de lieu > Country",
         "LOCATION_LEVEL_PORT_ID": "Referential > Location level > Port",
         "LOCATION_LEVEL_AUCTION_ID": "Referential > Location level > Sale auction",
-        "LOCATION_LEVEL_ICES_RECTANGLE_ID": "Referential > Location level > CIEM/ICES Statistical Rectangle",
-        "LOCATION_LEVEL_ICES_DIVISION_ID": "Referential > Location level > CIEM/ICES Division",
+        "LOCATION_LEVEL_RECTANGLE_ICES_ID": "Referential > Location level > CIEM/ICES Statistical Rectangle",
+        "LOCATION_LEVEL_DIVISION_ICES_ID": "Referential > Location level > CIEM/ICES Division",
         "TAXONOMIC_LEVEL_FAMILY_ID": "Referential > Taxonomic level > Family",
         "TAXONOMIC_LEVEL_GENUS_ID": "Referential > Taxonomic level > Genus",
         "TAXONOMIC_LEVEL_SPECIES_ID": "Referential > Taxonomic level > Species",
         "TAXONOMIC_LEVEL_SUBSPECIES_ID": "Referential > Taxonomic level > Subspecies"
       },
-      "TESTING": "Developer mode ?",
+      "TESTING": "Developer mode?",
       "ENTITY_TRASH": "Enable trash on pod?",
       "UPDATE_TECHNICAL_TABLES": "Automatically update technical tables?",
       "ANALYTIC_REFERENCES_ENABLE": "Strategy > Analytic references: Enable?",
@@ -198,9 +203,7 @@
         "TOKEN": "Crypto",
         "BASIC_AND_TOKEN": "Basic and crypto"
       },
-      "ACCOUNT": {
-        "ENABLE_AUTH_TOKENS": "Enable auth tokens"
-      }
+      "ENABLE_AUTH_API_TOKENS": "API > Enable auth tokens"
     }
   },
   "MENU": {
@@ -214,7 +217,12 @@
     "LOCAL_SETTINGS": "Settings",
     "LOGOUT": "Logout",
     "ABOUT": "About",
-    "BTN_MY_ACCOUNT": "My account"
+    "BTN_MY_ACCOUNT": "My account",
+
+    "TRIPS": "Trips",
+    "LOGBOOKS": "Logbooks",
+    "OCCASIONS": "Occasions",
+    "AUCTION_OCCASIONS": "Auction occasions"
   },
   "ABOUT": {
     "TITLE": "About",
@@ -460,14 +468,6 @@
       "NOT_COMPATIBLE_PEER": "The application works in <b>offline mode</b>, because the node <b>use a too old version</b>.<br/><small>If the problem persists, please <b>contact your administrator</b>, or select a node v{{version}} or superior.</small>"
     }
   },
-  "MAP": {
-    "ZOOM_IN": "Zoom in",
-    "ZOOM_OUT": "Zoom out",
-    "ENTER_FULLSCREEN": "Fullscreen mode",
-    "EXIT_FULLSCREEN": "Exit fullscreen mode",
-    "SHOW_GRATICULE": "Show graticule",
-    "HIDE_GRATICULE": "Hide graticule"
-  },
   "SOCIAL": {
     "USER_EVENT": {
       "NOTIFICATION": {
@@ -486,7 +486,8 @@
       "TYPE_ENUM": {
         "DEBUG_DATA": "Debug data",
         "INBOX_MESSAGE": "Inbox message",
-        "FEED": "Feed"
+        "FEED": "Feed",
+        "JOB": "{{name}}<br/><b>{{status}}</b>"
       }
     },
     "JOB": {
@@ -498,6 +499,7 @@
     "MESSAGE": {
       "TYPE": "Message type",
       "RECIPIENTS": "Recipients",
+      "RECIPIENT_FILTER_COUNT": "{{count}} filtered users",
       "SUBJECT": "Object",
       "BODY_HELP": "Your message...",
       "NEW": {
@@ -641,8 +643,8 @@
     "ACTION_IMMEDIATE": "This operation is irreversible.<br/><br/><b>Are you sure</b> you want to continue?",
     "DELETE_ROW": "<b>Are you sure</b> you want to delete this row?",
     "DELETE_ROWS": "<b>Are you sure</b> you want to delete this rows?",
-    "CANCEL_ROW": "<b>Are you sure</b> you want to cancel changes on this row ?",
-    "CANCEL_ROWS": "<b>Are you sure</b> you want to cancel changes on these rows ?",
+    "CANCEL_ROW": "<b>Are you sure</b> you want to cancel changes on this row?",
+    "CANCEL_ROWS": "<b>Are you sure</b> you want to cancel changes on these rows?",
     "SEND_DEBUG_DATA": "Do you want to send this data to the administrator for help?",
     "RELOAD_APP": "A new <b>version {{version}}</b> is available for {{name}}:<ul><li><b>Save</b> any current changes<li>Click on the <b>Update</b> button, or refresh the browser tab.</ul>"
   },

package/src/assets/i18n/fr.json

@@ -81,10 +81,10 @@
     "LAT_LONG": {
       "DDMMSS_PLACEHOLDER": "DD° MM' SS\"",
       "DDMM_PLACEHOLDER": "DD° MM.MMM'",
-      "DD_PLACEHOLDER": "+DD.DDD°",
+      "DD_PLACEHOLDER": "± DD.DDDDDDD°",
       "DDDMMSS_PLACEHOLDER": "DDD° MM' SS\"",
       "DDDMM_PLACEHOLDER": "DDD° MM.MMM'",
-      "DDD_PLACEHOLDER": "+DDD.DDD°",
+      "DDD_PLACEHOLDER": "±DDD.DDDDDDD°",
       "LAT_SIGN_PLACEHOLDER": "N|S",
       "LAT_SIGN_N": "N",
       "LAT_SIGN_S": "S",
@@ -145,6 +145,7 @@
   "CONFIGURATION": {
     "OPTIONS": {
       "ANDROID_INSTALL_URL": "Android > URL d'installation App",
+      "DB_TIMEZONE": "Persistance > Timezone de la base de données (option non modifiable)",
       "LOGO": "Menu > Logo (largeur max 110px)",
       "FAVICON": "favicon",
       "GRAVATAR_URL": "Utilisateur > URL Gravatar (avec '{md5}')",
@@ -154,6 +155,9 @@
       "APP_MIN_VERSION": "App > Version minimale compatible (x.y.z)",
       "HELP_URL": "App > Adresse du manuel utilisateur (URL)",
       "FORUM_URL": "App > Adresse du forum (URL)",
+      "ACCOUNT": {
+        "READONLY": "Compte > Profil en lecture seule ? (option non modifiable)"
+      },
       "HOME": {
         "LOGO_LARGE": "Accueil > Logo (largeur max 400px)",
         "PARTNER_DEPARTMENTS": "Accueil > Logo des partenaires",
@@ -182,8 +186,8 @@
         "LOCATION_LEVEL_COUNTRY_ID": "Référentiel > Niveau de lieu > Pays",
         "LOCATION_LEVEL_PORT_ID": "Référentiel > Niveau de lieu > Port",
         "LOCATION_LEVEL_AUCTION_ID": "Référentiel > Niveau de lieu > Criée",
-        "LOCATION_LEVEL_ICES_RECTANGLE_ID": "Référentiel > Niveau de lieu > Rectangle statistique CIEM/ICES",
-        "LOCATION_LEVEL_ICES_DIVISION_ID": "Référentiel > Niveau de lieu > Division CIEM/ICES",
+        "LOCATION_LEVEL_RECTANGLE_ICES_ID": "Référentiel > Niveau de lieu > Rectangle statistique CIEM/ICES",
+        "LOCATION_LEVEL_DIVISION_ICES_ID": "Référentiel > Niveau de lieu > Division CIEM/ICES",
         "TAXONOMIC_LEVEL_FAMILY_ID": "Référentiel > Niveau taxinomique > Famille",
         "TAXONOMIC_LEVEL_GENUS_ID": "Référentiel > Niveau taxinomique > Genre",
         "TAXONOMIC_LEVEL_SPECIES_ID": "Référentiel > Niveau taxinomique > Espèce",
@@ -199,9 +203,7 @@
         "TOKEN": "Cryptographique",
         "BASIC_AND_TOKEN": "Basique et cryptographique"
       },
-      "ACCOUNT": {
-        "ENABLE_AUTH_TOKENS": "Activer les jetons d'authentification"
-      }
+      "ENABLE_AUTH_API_TOKENS": "API > Activer les jetons d'authentification"
     }
   },
   "MENU": {
@@ -497,6 +499,7 @@
     "MESSAGE": {
       "TYPE": "Type d'envoi",
       "RECIPIENTS": "Destinataires",
+      "RECIPIENT_FILTER_COUNT": "{{count}} utilisateurs filtrés",
       "SUBJECT": "Objet",
       "BODY_HELP": "Votre message...",
       "NEW": {

package/src/assets/manifest.json

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

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

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

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

@@ -0,0 +1,26 @@
+import { HttpClient } from '@angular/common/http';
+import { Environment } from './environment.class';
+import * as i0 from "@angular/core";
+export declare abstract class EnvironmentLoader<T extends Environment = Environment> {
+    abstract load(): Promise<T>;
+    abstract get(): T;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EnvironmentLoader<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EnvironmentLoader<any>, never, never, {}, {}, never, never, false, never>;
+}
+export declare class EnvironmentHttpLoader<T extends Environment = Environment> extends EnvironmentLoader<T> {
+    protected http: HttpClient;
+    private readonly _logPrefix;
+    protected _debug: boolean;
+    protected _environment: T;
+    protected _loaded: boolean;
+    protected readonly _externalEnvironmentUrl: string;
+    constructor(http: HttpClient, defaultEnvironment?: T);
+    /**
+     * Get the loaded environment. Should be call after loaded
+     */
+    get(): T;
+    load(): Promise<T>;
+    protected fetch(url: string): Promise<Partial<T>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EnvironmentHttpLoader<any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<EnvironmentHttpLoader<any>>;
+}

package/src/theme/_material.globals.scss

@@ -102,5 +102,5 @@ $candy-app-theme: mat.define-light-theme((
 $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;
+$mat-toolbar-height-desktop: 64px !default;
+$mat-toolbar-height-mobile: 56px !default;

package/src/theme/_material.scss

@@ -1,15 +1,29 @@
 // --------------------------------------------------
 // Override material style
 // --------------------------------------------------
-.mat-tab-group.mat-secondary, .mat-tab-nav-bar.mat-secondary {
+.mat-mdc-tab-group.mat-secondary, .mat-mdc-tab-nav-bar.mat-secondary {
   background-color: var(--ion-color-secondary, $secondary);
-  .mat-tab-link {
+  .mat-mdc-tab-link {
     color: var(--ion-color-secondary-contrast);
+    --mat-tab-header-label-text-tracking: normal;
   }
 }
-.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
+.mat-mdc-tab-group.mat-primary .mat-ink-bar, .mat-mdc-tab-nav-bar.mat-primary .mat-ink-bar {
   background-color: var(--ion-color-primary, $primary);
 }
+// Keep some style element that have changed after angular 15 migration
+.mdc-tab {
+  min-width: 160px !important;
+}
+.mat-mdc-tab-group, .mat-mdc-tab-nav-bar {
+  --mat-tab-header-active-label-text-color: #000000de;
+  --mat-tab-header-active-focus-label-text-color: #000000de;
+  --mat-tab-header-active-hover-label-text-color: #000000de;
+}
+.mat-form-field-appearance-fill .mat-mdc-select-arrow-wrapper {
+  transform: translateY(0px) !important;
+}
+
 // Icon, Button
 .mat-icon.mat-primary,
 .mat-icon-button.mat-primary,
@@ -29,8 +43,14 @@
 .mat-stroked-button.mat-accent {
   color: var(--ion-color-accent);
 }
+.mdc-button {
+  --mdc-typography-button-letter-spacing: normal;
+}
 
 // Badge
+.mdc-tab .mat-badge-content {
+    padding-left: 2px;
+}
 .mat-badge-primary .mat-badge-content {
   background-color: var(--ion-color-tertiary);
   color: var(--ion-color-tertiary-contrast);
@@ -120,8 +140,8 @@ mat-icon[slot] {
   pointer-events: none;
 }
 
-
-.mat-form-field-errors {
+// Form Fields
+.mat-mdc-form-field-errors {
   margin-top: -20px;
 
   mat-hint,
@@ -131,3 +151,12 @@ mat-icon[slot] {
     font-size: 75%;
   }
 }
+
+.mat-mdc-form-field-infix {
+  label {
+    width: 100% !important;
+    mat-label {
+      text-overflow: ellipsis;
+    }
+  }
+}

package/src/theme/_mixins.scss

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

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

@@ -16,7 +16,7 @@ $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-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;

package/src/theme/_ngx-components.scss

@@ -189,18 +189,17 @@ form.form-container {
       white-space: nowrap;
 
       .mat-mdc-icon-button {
-        width: 24px;
-        height: 24px;
-        padding: 2px 0 0 0;
+        --mdc-icon-button-icon-size: 24px;
+        --mdc-icon-button-state-layer-size: 28px;
+        padding: 2px;
 
-        ion-icon, .mat-icon {
-          $font-size: calculateRem(18px);
-          font-size: $font-size;
-          line-height: 1.125;
+        ion-icon, .mat-icon, .mat-icon.large {
+          font-size: var(--mdc-icon-button-icon-size);
+          line-height: var(--mdc-icon-button-icon-size);
         }
 
         .mat-mdc-button-touch-target {
-          width: 24px;
+          width: var(--mdc-icon-button-state-layer-size);
         }
       }
 
@@ -848,7 +847,7 @@ mat-button-toggle.mat-button-toggle-checked.mat-button-toggle-disabled {
 // --------------------------------------------------
 
 // --- Allow to hide headers
-mat-tab-group.mat-tab-group-header-hidden .mat-tab-header {
+mat-tab-group.mat-tab-group-header-hidden .mat-mdc-tab-header {
     display: none;
 }
 

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

@@ -15,11 +15,14 @@
   --mat-row-height: #{$app-table-row-height};
   --mat-row-max-height: #{$app-table-row-max-height};
   --mat-cell-horizontal-padding: #{$app-table-cell-horizontal-padding};
-  --mat-cell-padding-top: calc(var(--mat-row-height) * 0.5 - 0.9em);
+  --mat-cell-padding-top: calc(var(--mat-row-height) * 0.5 - 14px);
 
   --mdc-checkbox-state-layer-size: 20px;
   --mdc-typography-body1-font-size: 14px;
+  --mat-table-row-item-label-text-tracking: 0.5px;
+  --mat-form-field-container-text-tracking: 0.5px;
   --mdc-typography-body1-letter-spacing: 0.0178571429em;
+  --mat-table-row-item-label-text-size: 14px;
 
   .mat-mdc-header-cell {
     color: var(--ion-color-primary);
@@ -53,6 +56,8 @@
   }
 
   .mat-mdc-header-row {
+    --mat-table-header-headline-size: 12px;
+    --mat-table-header-headline-line-height: 12px;
     height: var(--app-table-header-height, 52px);
     border-bottom: 1px solid #{$app-table-border-color};
   }
@@ -211,7 +216,7 @@
     &.mat-row-selected {
       background-color: var(--ion-color-secondary100);
 
-      &:hover {
+      &:not(.mat-row-error):hover {
         background-color: var(--ion-color-secondary100);
       }
 
@@ -251,6 +256,8 @@
       //.mat-mdc-form-field-label {
       //  visibility: hidden;
       //}
+      color: inherit;
+
       .mdc-floating-label {
           visibility: hidden;
       }
@@ -265,20 +272,23 @@
     app-form-field,
     .mat-mdc-form-field {
       width: 100%;
-      height: calc(var(--mat-row-height) - 1px);
+      --mat-form-field-container-text-size: 14px;
+      --mdc-filled-text-field-label-text-size: var(--mat-form-field-container-text-size);
+      --mat-mdc-form-field-height: calc(var(--mat-row-height) - 2px);
+      // TODO
+      // use  -- active-  boder : 0;
+      height: var(--mat-mdc-form-field-height);
     }
 
     .mat-mdc-form-field {
+      padding-top: 1px;
 
       .mat-mdc-form-field-label {
         width: 100%;
       }
 
       .mat-mdc-text-field-wrapper {
-        max-height: calc(var(--mat-row-height) - 1px);
-        //padding-top: var(--mat-cell-padding-top) !important;
-        //padding-bottom: 0;
-
+        max-height: var(--mat-mdc-form-field-height);
       }
 
       .mdc-text-field {
@@ -312,9 +322,11 @@
         width: 100%;
         white-space: nowrap;
         overflow: inherit;
-        padding: 0;
+
         padding-top: var(--mat-cell-padding-top) !important;
+        padding-right: 0;
         padding-bottom: 0;
+        padding-left: 0;
 
         .mat-mdc-input-element,
         input {