@sumaris-net/ngx-components 2.11.1 → 2.11.3

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 +9 -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 +45 -13
  6. package/fesm2022/sumaris-net.ngx-components.mjs +49 -16
  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 +21 -2
  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.3",
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;
@@ -14,7 +15,9 @@ export declare class TextForm extends AppForm<{
14
15
  showError: boolean;
15
16
  placeholder: string;
16
17
  multiline: boolean;
17
- autoHeight: boolean;
18
+ autoSize: boolean;
19
+ autoSizeMinRows: number;
20
+ autoSizeMaxRows: number;
18
21
  maxLength: number;
19
22
  autofocus: boolean;
20
23
  validator: ValidatorFn;
@@ -22,6 +25,13 @@ export declare class TextForm extends AppForm<{
22
25
  formControl: UntypedFormControl;
23
26
  formControlName: string;
24
27
  floatLabel: AppFloatLabelType;
28
+ appearance: MatFormFieldAppearance;
29
+ subscriptSizing: SubscriptSizing;
30
+ /**
31
+ * @deprecated Use autoSize instead
32
+ */
33
+ set autoHeight(value: boolean);
34
+ get autoHeight(): boolean;
25
35
  textAreaChanges: EventEmitter<string>;
26
36
  textArea: ElementRef;
27
37
  textInput: ElementRef;
@@ -43,5 +53,14 @@ export declare class TextForm extends AppForm<{
43
53
  }): void;
44
54
  private textFormValueChanged;
45
55
  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>;
56
+ static ɵcmp: i0.ɵɵComponentDeclaration<TextForm, "app-text-form", never, { "showError": { "alias": "showError"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "multiline": { "alias": "multiline"; "required": false; }; "autoSize": { "alias": "autoSize"; "required": false; }; "autoSizeMinRows": { "alias": "autoSizeMinRows"; "required": false; }; "autoSizeMaxRows": { "alias": "autoSizeMaxRows"; "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; }; "autoHeight": { "alias": "autoHeight"; "required": false; }; }, { "textAreaChanges": "textAreaChanges"; }, never, ["[matError]"], false, never>;
57
+ static ngAcceptInputType_showError: unknown;
58
+ static ngAcceptInputType_multiline: unknown;
59
+ static ngAcceptInputType_autoSize: unknown;
60
+ static ngAcceptInputType_autoSizeMinRows: unknown;
61
+ static ngAcceptInputType_autoSizeMaxRows: unknown;
62
+ static ngAcceptInputType_maxLength: unknown;
63
+ static ngAcceptInputType_autofocus: unknown;
64
+ static ngAcceptInputType_standalone: unknown;
65
+ static ngAcceptInputType_autoHeight: unknown;
47
66
  }
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.3",
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);