@sumaris-net/ngx-components 2.7.3-rc29 → 2.7.3-rc30

package/package.json

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

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

@@ -24,6 +24,7 @@ export declare const CORE_CONFIG_OPTIONS: Readonly<{
     COLOR_WARNING: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
     COLOR_ACCENT: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
     COLOR_DANGER: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;
+    FORM_FIELD_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_READONLY: FormFieldDefinition<string, import("../../../shared/form/field.model").FormFieldType, any>;

package/src/app/shared/material/latlong/material.latlong.d.ts

@@ -48,7 +48,6 @@ export declare class MatLatLongField implements OnInit, OnDestroy, ControlValueA
     matError: MatError;
     constructor(formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef, formGroupDir: FormGroupDirective, defaultOptions?: MatFormFieldDefaultOptions);
     ngOnInit(): void;
-    _getDisplayedMessages(): 'error' | 'hint';
     ngOnDestroy(): void;
     writeValue(obj: any): void;
     registerOnChange(fn: any): void;

package/src/assets/manifest.json

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

package/src/theme/_mixins.scss

@@ -98,21 +98,23 @@
   --ion-grid-column-padding: #{$ion-grid-column-padding};
   --ion-padding: #{$ion-padding};
   --ion-margin: #{$ion-margin};
+  --ion-toolbar-height: #{$ion-toolbar-height};
 
   --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: #{$ion-toolbar-height};
+  --mat-tab-link-height: #{$mat-tab-link-height};
+  --mat-tab-bar-height: #{$mat-tab-bar-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};
+  --app-form-field-background-color: #{$app-form-field-background-color};
+  --app-form-field-disabled-background-color: #{$app-form-field-disabled-background-color};
 }
 
 @mixin css-variables-to-root-mobile() {

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

@@ -16,7 +16,10 @@ $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;
+// Form's field background
+$app-form-field-background-color: rgb(245,245,245) !default;
+$app-form-field-disabled-background-color: #fafafa !default;
+
+// Form fields background : transparent
+//$app-form-field-background-color: transparent !default;
+//$app-form-field-disabled-background-color: transparent !default;

package/src/theme/_ngx-components.scss

@@ -134,9 +134,9 @@ form.form-container {
   color: #{$app-form-color};
   @include font-size(16px);
 
-  --mdc-filled-text-field-container-color: #{$app-form-field-background-color};
-  --mdc-filled-text-field-disabled-container-color: #{$app-form-field-background-color};
-  --mat-form-field-state-layer-color: #{$app-form-field-focus-background-color};
+  --mdc-filled-text-field-container-color: var(--app-form-field-background-color);
+  --mdc-filled-text-field-disabled-container-color: var(--app-form-field-disabled-background-color);
+  --mat-form-field-state-layer-color: var(--app-form-field-focus-background-color);
   --mat-form-field-container-height: 45px;
   --mat-form-field-container-text-size: inherit;
   --mat-form-field-filled-label-display: block;
@@ -146,7 +146,6 @@ form.form-container {
   --mdc-filled-text-field-label-text-tracking: normal;
   --mat-select-trigger-text-size: var(--mat-form-field-container-text-size);
 
-
   .mat-form-field-disabled,
   .mat-mdc-input-element:disabled {
     color: #{$app-form-color-disabled} !important;
@@ -869,7 +868,6 @@ ngx-material-timepicker-content {
 
 .mat-mdc-form-field-type-mat-chip-grid {
   .mat-mdc-form-field-infix {
-    padding-bottom: 5px !important;
     --mdc-chip-container-height: 24px !important;
   }
 }

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

@@ -19,14 +19,14 @@
 
   --mdc-checkbox-state-layer-size: 20px;
   --mdc-typography-body1-font-size: 14px;
-  --mat-table-row-item-label-text-tracking: 0.0178571429em;
-  --mat-form-field-container-text-tracking: 0.0178571429em;
-  --mdc-typography-body1-letter-spacing: 0.0178571429em;
+  --mat-table-row-item-label-text-tracking: normal;
+  --mat-form-field-container-text-tracking: normal;
+  --mdc-typography-body1-letter-spacing: normal;
   --mat-table-row-item-label-text-size: 14px;
 
-  --mdc-filled-text-field-container-color: #{$app-form-field-background-color};
-  --mdc-filled-text-field-disabled-container-color: #{$app-form-field-background-color};
-  --mat-form-field-state-layer-color: #{$app-form-field-focus-background-color};
+  --mdc-filled-text-field-container-color: transparent;
+  --mdc-filled-text-field-disabled-container-color: transparent;
+  --mat-form-field-state-layer-color: transparent;
 
   .mat-mdc-header-cell {
     color: var(--ion-color-primary);