@sumaris-net/ngx-components 2.11.6 → 2.11.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/doc/changelog.md +6 -0
- package/esm2022/src/app/shared/validator/form-error-adapter.class.mjs +5 -5
- package/fesm2022/sumaris-net.ngx-components.mjs +4 -4
- package/fesm2022/sumaris-net.ngx-components.mjs.map +1 -1
- package/package.json +1 -1
- package/src/app/shared/validator/form-error-adapter.class.d.ts +8 -2
- package/src/assets/manifest.json +1 -1
- package/src/theme/_mixins.scss +2 -1
- package/src/theme/_ngx-components.globals.scss +10 -4
- package/src/theme/_ngx-components.table.scss +1 -1
package/package.json
CHANGED
|
@@ -7,7 +7,10 @@ import { TranslateContextService } from '../services/translate-context.service';
|
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export declare const APP_FORM_ERROR_I18N_KEYS: InjectionToken<ObjectMap<string>>;
|
|
9
9
|
export interface IFormPathTranslator {
|
|
10
|
-
translateFormPath: (path: string
|
|
10
|
+
translateFormPath: (path: string, opts?: {
|
|
11
|
+
i18nPrefix?: string;
|
|
12
|
+
i18nSuffix?: string;
|
|
13
|
+
}) => string;
|
|
11
14
|
}
|
|
12
15
|
export interface FormErrorTranslateOptions {
|
|
13
16
|
i18nPrefix?: string;
|
|
@@ -23,7 +26,10 @@ export interface IFormControlPathTranslator {
|
|
|
23
26
|
/**
|
|
24
27
|
* @Deprecated use 'translateControlPath' from IFormPathTranslator interface
|
|
25
28
|
*/
|
|
26
|
-
translateControlPath: (path: string
|
|
29
|
+
translateControlPath: (path: string, opts?: {
|
|
30
|
+
i18nPrefix?: string;
|
|
31
|
+
i18nSuffix?: string;
|
|
32
|
+
}) => string;
|
|
27
33
|
}
|
|
28
34
|
/**
|
|
29
35
|
* @Deprecated use 'FormErrorTranslateOptions' instead
|
package/src/assets/manifest.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "ngx-sumaris-components",
|
|
3
3
|
"short_name": "ngx-sumaris-components",
|
|
4
4
|
"manifest_version": 1,
|
|
5
|
-
"version": "2.11.
|
|
5
|
+
"version": "2.11.8",
|
|
6
6
|
"default_locale": "fr",
|
|
7
7
|
"description": "Angular components for building beautiful and responsive Apps",
|
|
8
8
|
"icons": [{
|
package/src/theme/_mixins.scss
CHANGED
|
@@ -139,6 +139,7 @@
|
|
|
139
139
|
--app-form-color-computed: #{$app-form-color-computed};
|
|
140
140
|
--app-form-field-background-color: #{$app-form-field-background-color};
|
|
141
141
|
--app-form-field-background-color-shade: #{$app-form-color-background-color-shade};
|
|
142
|
+
--app-form-field-focus-background-color: #{$app-form-field-focus-background-color};
|
|
142
143
|
--app-form-field-disabled-background-color: #{$app-form-field-disabled-background-color};
|
|
143
144
|
--app-form-field-label-color: #{$app-form-field-label-color};
|
|
144
145
|
--app-form-field-disabled-label-color: #{$app-form-field-disabled-label-color};
|
|
@@ -170,7 +171,7 @@
|
|
|
170
171
|
--ion-background-color-rgb: #{$text-color-rgb-value};
|
|
171
172
|
--ion-text-color: #{$background-color-value};
|
|
172
173
|
--ion-text-color-rgb: #{$background-color-rgb-value};
|
|
173
|
-
|
|
174
|
+
--app-form-color: #{$background-color-value};
|
|
174
175
|
--app-form-color-rgb: #{$background-color-rgb-value};
|
|
175
176
|
|
|
176
177
|
// Step colors
|
|
@@ -3,22 +3,28 @@ $app-menu-width: 300px !default;
|
|
|
3
3
|
$app-toolbar-height: 60px !default; // = $mat-toolbar-height-mobile + 4 (progress bar);
|
|
4
4
|
|
|
5
5
|
$app-table-header-height: 44px !default;
|
|
6
|
-
$app-table-cell-horizontal-padding: 8px !default;
|
|
7
6
|
$app-table-row-height: 48px !default;
|
|
8
7
|
$app-table-row-max-height: 52px !default;
|
|
8
|
+
$app-table-cell-horizontal-padding: 8px !default;
|
|
9
|
+
$app-table-cell-focus-background-color: transparent !default;
|
|
9
10
|
|
|
10
11
|
$app-paginator-height: 34px !default;
|
|
11
12
|
$app-form-buttons-bar-height: 56px !default;
|
|
13
|
+
|
|
14
|
+
// Form's field text and label
|
|
12
15
|
$app-form-color: #{$text-color} !default;
|
|
13
16
|
$app-form-color-rgb: #{$text-color-rgb} !default;
|
|
14
17
|
$app-form-color-disabled: rgba(#{$text-color-rgb}, 0.55) !default;
|
|
15
18
|
$app-form-color-computed: var(--ion-color-primary-tint) !default;
|
|
16
|
-
$app-form-field-background-color: #f5f5f5 !default; // Form's field background
|
|
17
|
-
$app-form-color-background-color-shade: #b9b9b9 !default;
|
|
18
|
-
$app-form-field-disabled-background-color: #fafafa !default;
|
|
19
19
|
$app-form-field-label-color: rgba(#{$text-color-rgb}, 0.6) !default;
|
|
20
20
|
$app-form-field-disabled-label-color: rgba(#{$text-color-rgb}, 0.38) !default;
|
|
21
21
|
|
|
22
|
+
// Form's field background
|
|
23
|
+
$app-form-field-background-color: #f5f5f5 !default; // Field background
|
|
24
|
+
$app-form-color-background-color-shade: #b9b9b9 !default; // Darker color (e.g. for toggle slide bar - see settings field 'dark mode')
|
|
25
|
+
$app-form-field-focus-background-color: transparent !default; // Focused field background
|
|
26
|
+
$app-form-field-disabled-background-color: #fafafa !default;
|
|
27
|
+
|
|
22
28
|
$app-select-option-border-color: rgba(#{$text-color-rgb}, 0.12) !default;
|
|
23
29
|
$app-table-border-color: rgba(#{$text-color-rgb}, 0.08) !default;
|
|
24
30
|
$app-table-row-item-selected-background-color: var(--ion-color-secondary100) !default;
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
--mdc-typography-body1-letter-spacing: normal;
|
|
37
37
|
|
|
38
38
|
--mat-form-field-container-text-tracking: normal;
|
|
39
|
-
--mat-form-field-state-layer-color:
|
|
39
|
+
--mat-form-field-state-layer-color: #{$app-table-cell-focus-background-color};
|
|
40
40
|
--mat-form-field-subscript-text-size: 10px;
|
|
41
41
|
--mdc-checkbox-state-layer-size: 20px;
|
|
42
42
|
--mdc-radio-state-layer-size: 20px;
|