@sumaris-net/ngx-components 2.11.1 → 2.11.2

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.
Files changed (13) hide show
  1. package/doc/changelog.md +5 -3
  2. package/esm2022/src/app/admin/users/users.mjs +3 -3
  3. package/esm2022/src/app/core/form/text-popover/text-popover.component.mjs +1 -1
  4. package/esm2022/src/app/shared/material/text/testing/text-form.testing.mjs +4 -3
  5. package/esm2022/src/app/shared/material/text/text-form.component.mjs +23 -11
  6. package/fesm2022/sumaris-net.ngx-components.mjs +27 -14
  7. package/fesm2022/sumaris-net.ngx-components.mjs.map +1 -1
  8. package/package.json +1 -1
  9. package/src/app/shared/material/text/text-form.component.d.ts +10 -1
  10. package/src/assets/manifest.json +1 -1
  11. package/src/theme/_mixins.scss +0 -20
  12. package/src/theme/_ngx-components.forms.scss +26 -7
  13. package/src/theme/_ngx-components.table.scss +8 -0
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@sumaris-net/ngx-components",
3
3
  "description": "SUMARiS Angular components",
4
- "version": "2.11.1",
4
+ "version": "2.11.2",
5
5
  "author": "contact@e-is.pro",
6
6
  "license": "AGPL-3.0",
7
7
  "readmeFilename": "README.md",
package/src/app/shared/material/text/text-form.component.d.ts CHANGED
@@ -3,6 +3,7 @@ import { ControlValueAccessor, FormGroupDirective, UntypedFormBuilder, UntypedFo
3
3
  import { CdkTextareaAutosize } from '@angular/cdk/text-field';
4
4
  import { AppForm } from '../../../core/form/form.class';
5
5
  import { AppFloatLabelType } from '../../form/field.model';
6
+ import { MatFormFieldAppearance, SubscriptSizing } from '@angular/material/form-field';
6
7
  import * as i0 from "@angular/core";
7
8
  export declare class TextForm extends AppForm<{
8
9
  text: string;
@@ -22,6 +23,8 @@ export declare class TextForm extends AppForm<{
22
23
  formControl: UntypedFormControl;
23
24
  formControlName: string;
24
25
  floatLabel: AppFloatLabelType;
26
+ appearance: MatFormFieldAppearance;
27
+ subscriptSizing: SubscriptSizing;
25
28
  textAreaChanges: EventEmitter<string>;
26
29
  textArea: ElementRef;
27
30
  textInput: ElementRef;
@@ -43,5 +46,11 @@ export declare class TextForm extends AppForm<{
43
46
  }): void;
44
47
  private textFormValueChanged;
45
48
  static ɵfac: i0.ɵɵFactoryDeclaration<TextForm, [null, null, null, { optional: true; }]>;
46
- static ɵcmp: i0.ɵɵComponentDeclaration<TextForm, "app-text-form", never, { "showError": { "alias": "showError"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "multiline": { "alias": "multiline"; "required": false; }; "autoHeight": { "alias": "autoHeight"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "validator": { "alias": "validator"; "required": false; }; "standalone": { "alias": "standalone"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; }, { "textAreaChanges": "textAreaChanges"; }, never, ["[matError]"], false, never>;
49
+ static ɵcmp: i0.ɵɵComponentDeclaration<TextForm, "app-text-form", never, { "showError": { "alias": "showError"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "multiline": { "alias": "multiline"; "required": false; }; "autoHeight": { "alias": "autoHeight"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "validator": { "alias": "validator"; "required": false; }; "standalone": { "alias": "standalone"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; }, { "textAreaChanges": "textAreaChanges"; }, never, ["[matError]"], false, never>;
50
+ static ngAcceptInputType_showError: unknown;
51
+ static ngAcceptInputType_multiline: unknown;
52
+ static ngAcceptInputType_autoHeight: unknown;
53
+ static ngAcceptInputType_maxLength: unknown;
54
+ static ngAcceptInputType_autofocus: unknown;
55
+ static ngAcceptInputType_standalone: unknown;
47
56
  }
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.1",
5
+ "version": "2.11.2",
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
@@ -143,26 +143,6 @@
143
143
  --app-form-field-disabled-label-color: #{$app-form-field-disabled-label-color};
144
144
  --app-table-row-item-selected-background-color: #{$app-table-row-item-selected-background-color};
145
145
  --app-table-row-item-selected-text-color: #{$app-table-row-item-selected-text-color};
146
-
147
- --ion-color-step-50: #{$background-color-step-50};
148
- --ion-color-step-100: #{$background-color-step-100};
149
- --ion-color-step-150: #{$background-color-step-150};
150
- --ion-color-step-200: #{$background-color-step-200};
151
- --ion-color-step-250: #{$background-color-step-250};
152
- --ion-color-step-300: #{$background-color-step-200};
153
- --ion-color-step-350: #{$background-color-step-350};
154
- --ion-color-step-400: #{$background-color-step-400};
155
- --ion-color-step-450: #{$background-color-step-450};
156
- --ion-color-step-500: #{$background-color-step-500};
157
- --ion-color-step-550: #{$background-color-step-550};
158
- --ion-color-step-600: #{$background-color-step-600};
159
- --ion-color-step-650: #{$background-color-step-650};
160
- --ion-color-step-700: #{$background-color-step-700};
161
- --ion-color-step-750: #{$background-color-step-750};
162
- --ion-color-step-800: #{$background-color-step-800};
163
- --ion-color-step-850: #{$background-color-step-850};
164
- --ion-color-step-900: #{$background-color-step-900};
165
- --ion-color-step-950: #{$background-color-step-950};
166
146
  }
167
147
 
168
148
  @mixin css-variables-to-root-mobile() {
package/src/theme/_ngx-components.forms.scss CHANGED
@@ -4,17 +4,37 @@
4
4
  // --------------------------------------------------
5
5
  .form-container,
6
6
  form.form-container {
7
- --ion-text-color: var(--app-form-color, #{$app-form-color});
8
7
  color: var(--ion-text-color);
9
8
  @include font-size(16px);
10
9
 
11
10
  --mdc-filled-text-field-container-color: var(--app-form-field-background-color);
12
11
  --mdc-filled-text-field-disabled-container-color: var(--app-form-field-disabled-background-color);
13
- --mdc-filled-text-field-input-text-color: var(--app-form-color);
14
- --mdc-filled-text-field-caret-color: var(--app-form-color);
12
+ --mdc-filled-text-field-input-text-color: var(--ion-text-color);
13
+ --mdc-filled-text-field-input-text-placeholder-color: var(--app-form-field-label-color);
14
+ --mdc-filled-text-field-caret-color: var(--ion-text-color);
15
15
  --mdc-filled-text-field-label-text-color: var(--app-form-field-label-color);
16
+ --mdc-filled-text-field-label-text-tracking: normal;
16
17
  --mdc-filled-text-field-disabled-label-text-color: var(--app-form-field-disabled-label-color);
18
+ --mdc-filled-text-field-disabled-input-text-color: var(--app-form-color-disabled);
19
+ --mdc-filled-text-field-active-indicator-color: var(--app-form-field-label-color);
17
20
  --mdc-filled-text-field-hover-label-text-color: var(--app-form-field-label-color);
21
+ --mdc-filled-text-field-hover-active-indicator-color: var(--ion-text-color);
22
+ --mdc-filled-text-field-focus-label-text-color: var(--ion-color-primary);
23
+ --mdc-filled-text-field-focus-active-indicator-color: var(--ion-color-primary);
24
+
25
+ --mdc-outlined-text-field-input-text-color: var(--ion-text-color);
26
+ --mdc-outlined-text-field-input-text-placeholder-color: var(--app-form-field-label-color);
27
+ --mdc-outlined-text-field-caret-color: var(--ion-text-color);
28
+ --mdc-outlined-text-field-label-text-color: var(--app-form-field-label-color);
29
+ --mdc-outlined-text-field-label-text-tracking: normal;
30
+ --mdc-outlined-text-field-disabled-label-text-color: var(--app-form-field-disabled-label-color);
31
+ --mdc-outlined-text-field-disabled-input-text-color: var(--app-form-color-disabled);
32
+ --mdc-outlined-text-field-outline-color: var(--app-form-field-label-color);
33
+ --mdc-outlined-text-field-hover-label-text-color: var(--app-form-field-label-color);
34
+ --mdc-outlined-text-field-hover-outline-color: var(--ion-text-color);
35
+ --mdc-outlined-text-field-focus-label-text-color: var(--ion-color-primary);
36
+ --mdc-outlined-text-field-focus-outline-color: var(--ion-color-primary);
37
+
18
38
  --mat-form-field-state-layer-color: var(--app-form-field-focus-background-color);
19
39
  --mat-form-field-container-height: 45px;
20
40
  --mat-form-field-container-text-size: inherit;
@@ -22,12 +42,11 @@ form.form-container {
22
42
  --mat-form-field-container-vertical-padding: 8px;
23
43
  --mat-form-field-filled-with-label-container-padding-top: 18px;
24
44
  --mat-form-field-filled-with-label-container-padding-bottom: 0px;
25
- --mdc-filled-text-field-label-text-tracking: normal;
26
- --mdc-filled-text-field-disabled-input-text-color: var(--app-form-color-disabled);
45
+
27
46
  --mat-select-trigger-text-size: var(--mat-form-field-container-text-size);
28
- --mat-select-enabled-trigger-text-color: var(--app-form-color);
47
+ --mat-select-enabled-trigger-text-color: var(--ion-text-color);
29
48
  --mat-select-disabled-trigger-text-color: var(--app-form-color-disabled);
30
- --mdc-form-field-label-text-color: var(--app-form-color);
49
+ --mdc-form-field-label-text-color: var(--ion-text-color);
31
50
  --mdc-switch-selected-track-color: var(--app-form-field-background-color-shade);
32
51
  --mdc-switch-unselected-track-color: var(--app-form-field-background-color-shade);
33
52
  --mdc-switch-selected-hover-track-color: var(--app-form-field-background-color-shade);
package/src/theme/_ngx-components.table.scss CHANGED
@@ -43,6 +43,14 @@
43
43
  --mdc-filled-text-field-container-color: transparent;
44
44
  --mdc-filled-text-field-disabled-container-color: transparent;
45
45
  --mdc-filled-text-field-input-text-color: var(--ion-text-color);
46
+ --mdc-filled-text-field-input-text-placeholder-color: var(--app-form-field-label-color);
47
+ --mdc-filled-text-field-caret-color: var(--ion-text-color);
48
+ --mdc-filled-text-field-active-indicator-color: transparent;
49
+ --mdc-filled-text-field-hover-label-text-color: var(--app-form-field-label-color);
50
+ --mdc-filled-text-field-hover-active-indicator-color: transparent;
51
+ --mdc-filled-text-field-focus-label-text-color: var(--ion-color-primary);
52
+ --mdc-filled-text-field-focus-active-indicator-color: var(--ion-color-primary);
53
+
46
54
  --mat-select-enabled-trigger-text-color: var(--ion-text-color);
47
55
  --mat-select-disabled-trigger-text-color: var(--ion-text-color);
48
56
  --mdc-form-field-label-text-color: var(--ion-text-color);