@sumaris-net/ngx-components 2.12.11 → 2.12.13

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sumaris-net/ngx-components",
   "description": "SUMARiS Angular components",
-  "version": "2.12.11",
+  "version": "2.12.13",
   "author": "contact@e-is.pro",
   "license": "AGPL-3.0",
   "readmeFilename": "README.md",

package/src/app/core/services/config/core.config.d.ts

@@ -4,6 +4,9 @@ export declare const CORE_CONFIG_OPTIONS: Readonly<{
     FAVICON: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
     DEFAULT_LOCALE: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
     DEFAULT_LAT_LONG_FORMAT: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
+    /**
+     * @deprecated Use `ACCOUNT_LAT_LONG_FORMAT_ENABLE` instead
+     */
     DEFAULT_LAT_LONG_FORMAT_ENABLED: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
     REGISTRATION_ENABLE: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
     AUTH_TOKEN_TYPE: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
@@ -32,5 +35,6 @@ export declare const CORE_CONFIG_OPTIONS: Readonly<{
     FORM_FIELD_DISABLED_BACKGROUND_COLOR: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
     ANDROID_INSTALL_URL: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
     DB_TIMEZONE: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
+    ACCOUNT_LAT_LONG_FORMAT_ENABLE: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
     ACCOUNT_READONLY: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
 }>;

package/src/assets/i18n/en-US.json

@@ -152,12 +152,12 @@
       "ENABLE_GRAVATAR": "User > Enable Gravatar?",
       "DEFAULT_LOCALE": "Default Language",
       "DEFAULT_LATLONG_FORMAT": "Default lat/lon format",
-      "ENABLE_DEFAULT_LATLONG_FORMAT": "Show 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)"
+        "ENABLE_LATLONG_FORMAT": "My Account > Settings > Enable lat/lon format?",
+        "READONLY": "My Account > Readonly profile? (readonly option)"
       },
       "HOME": {
         "LOGO_LARGE": "Home > Logo (max width 400px)",

package/src/assets/i18n/en.json

@@ -152,12 +152,12 @@
       "ENABLE_GRAVATAR": "User > Enable Gravatar?",
       "DEFAULT_LOCALE": "Default Language",
       "DEFAULT_LATLONG_FORMAT": "Default lat/lon format",
-      "ENABLE_DEFAULT_LATLONG_FORMAT": "Show 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)"
+        "ENABLE_LATLONG_FORMAT": "My Account > Settings > Enable lat/lon format?",
+        "READONLY": "My Account > Readonly profile? (readonly option)"
       },
       "HOME": {
         "LOGO_LARGE": "Home > Logo (max width 400px)",

package/src/assets/i18n/fr.json

@@ -154,12 +154,12 @@
       "ENABLE_GRAVATAR": "Utilisateur > Utiliser Gravatar ?",
       "DEFAULT_LOCALE": "Langue par défaut",
       "DEFAULT_LATLONG_FORMAT": "Format lat/lon par défaut",
-      "ENABLE_DEFAULT_LATLONG_FORMAT": "Affichage du format lat/lon par défaut",
       "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)"
+        "ENABLE_LATLONG_FORMAT": "Mon Compte > Préférences > Activer le format lat/lon ?",
+        "READONLY": "Mon Compte > Profil en lecture seule ? (option non modifiable)"
       },
       "HOME": {
         "LOGO_LARGE": "Accueil > Logo (largeur max 400px)",

package/src/assets/manifest.json

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

package/src/theme/_material.globals.scss

@@ -56,7 +56,14 @@ $candy-light-theme: mat.define-light-theme((
   typography: mat.define-typography-config(),
   density: 0,
 ));
-
+$candy-dark-theme: mat.define-dark-theme((
+  color: (
+    primary: $candy-app-primary,
+    accent: $candy-app-accent,
+    warn: $candy-app-warn,
+  ),
+  density: 0,
+));
 // --------------------------------------------------
 // Material theme
 // --------------------------------------------------
@@ -68,3 +75,5 @@ $mat-tab-animation-duration: 200ms !default;
 $mat-toolbar-height-desktop: 64px !default;
 $mat-toolbar-height-mobile: 56px !default;
 $mat-toolbar-background-color: var(--ion-toolbar-background, var(--ion-background-color, whitesmoke)) !default;
+$mat-option-min-height: 48px !default;
+$mat-option-max-height: 48px !default;

package/src/theme/_material.scss

@@ -6,7 +6,6 @@
 @include mat.core();
 @include mat.all-component-themes($candy-light-theme);
 
-
 // --------------------------------------------------
 // Override material style
 // --------------------------------------------------
@@ -75,6 +74,7 @@
 .mat-mdc-option {
   --mat-option-label-text-tracking: normal;
   --mat-option-label-text-size: 16px;
+  min-height: var(--mat-option-min-height, 48px);
 }
 .mat-mdc-select {
   --mat-select-trigger-text-font: inherit;

package/src/theme/_mixins.scss

@@ -123,6 +123,8 @@
 
   --mat-toolbar-height: #{$mat-toolbar-height-desktop};
   --mat-paginator-height: mat.$paginator-height;
+  --mat-option-min-height: #{$mat-option-min-height};
+  --mat-option-max-height: #{$mat-option-max-height};
   --mat-toolbar-background-color: var(--ion-toolbar-background);
   --mat-toolbar-container-background-color: var(--ion-toolbar-background);
   --mat-toolbar-container-text-color: var(--ion-text-color);
@@ -158,6 +160,8 @@
 
 @mixin css-variables-to-root-dark() {
 
+  @include mat.all-component-colors($candy-dark-theme);
+
   // Change scroll bar style
   color-scheme: dark;
 
@@ -173,6 +177,7 @@
   --ion-text-color-rgb: #{$background-color-rgb-value};
   --app-form-color: #{$background-color-value};
   --app-form-color-rgb: #{$background-color-rgb-value};
+  --app-form-field-focus-background-color: rgba(#{$background-color-rgb-value}, 0.87);
 
   // Step colors
   --ion-color-step-50: #{$text-color-step-50};
@@ -195,4 +200,5 @@
   --ion-color-step-900: #{$text-color-step-900};
   --ion-color-step-950: #{$text-color-step-950};
 
+
 }

package/src/theme/_ngx-components.scss

@@ -216,6 +216,13 @@ mat-option:not(:last-of-type) {
     &.hidden {
       transform: scaleY(0) !important;
     }
+
+    .mat-mdc-option {
+      // When option text wrap, do not increase the option height
+      ion-col.ion-text-wrap {
+        max-height: var(--mat-option-max-height, #{$mat-option-max-height});
+      }
+    }
   }
 }
 .mat-mdc-autocomplete-panel {

package/src/theme/_theme.variables.scss

@@ -16,6 +16,7 @@ html {
 html.dark {
   @include css-variables-to-root-dark();
 
+
   --ion-color-primary: #428cff;
   --ion-color-primary-rgb: 66, 140, 255;
   --ion-color-primary-contrast: #ffffff;