@sumaris-net/ngx-components 2.9.0-alpha1 → 2.9.0-alpha3

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 (63) hide show
  1. package/doc/changelog.md +3 -0
  2. package/esm2022/src/app/core/account/account.page.mjs +2 -1
  3. package/esm2022/src/app/core/auth/auth.form.mjs +2 -1
  4. package/esm2022/src/app/core/form/entity/entity-editor-modal.class.mjs +2 -1
  5. package/esm2022/src/app/core/form/entity/entity-editor.class.mjs +2 -1
  6. package/esm2022/src/app/core/form/entity/tab-editor.class.mjs +2 -1
  7. package/esm2022/src/app/core/form/form.class.mjs +4 -4
  8. package/esm2022/src/app/core/form/text-popover/text-popover.component.mjs +2 -1
  9. package/esm2022/src/app/core/home/home.mjs +4 -3
  10. package/esm2022/src/app/core/menu/menu.component.mjs +2 -1
  11. package/esm2022/src/app/core/menu/menu.service.mjs +2 -1
  12. package/esm2022/src/app/core/peer/select-peer.modal.mjs +26 -15
  13. package/esm2022/src/app/core/register/register.form.mjs +3 -3
  14. package/esm2022/src/app/core/services/config.service.mjs +2 -1
  15. package/esm2022/src/app/core/services/network.service.mjs +2 -1
  16. package/esm2022/src/app/core/services/platform.service.mjs +4 -3
  17. package/esm2022/src/app/core/settings/settings.page.mjs +5 -2
  18. package/esm2022/src/app/core/table/async-table.class.mjs +4 -3
  19. package/esm2022/src/app/core/table/entities-table-datasource.class.mjs +2 -1
  20. package/esm2022/src/app/core/table/table.class.mjs +4 -3
  21. package/esm2022/src/app/shared/form/field.component.mjs +2 -1
  22. package/esm2022/src/app/shared/functions.mjs +2 -1
  23. package/esm2022/src/app/shared/image/gallery/image-gallery.component.mjs +2 -1
  24. package/esm2022/src/app/shared/material/autocomplete/material.autocomplete.mjs +19 -12
  25. package/esm2022/src/app/shared/material/autocomplete/material.autocomplete.module.mjs +6 -3
  26. package/esm2022/src/app/shared/material/boolean/material.boolean.mjs +2 -1
  27. package/esm2022/src/app/shared/material/datetime/material.date.mjs +2 -1
  28. package/esm2022/src/app/shared/material/datetime/material.dateshort.mjs +2 -1
  29. package/esm2022/src/app/shared/material/datetime/material.datetime.mjs +9 -8
  30. package/esm2022/src/app/shared/material/duration/material.duration.mjs +2 -1
  31. package/esm2022/src/app/shared/material/latlong/material.latlong.mjs +2 -1
  32. package/esm2022/src/app/shared/material/latlong/testing/latlong.test.mjs +2 -1
  33. package/esm2022/src/app/shared/material/swipe/material.swipe.mjs +2 -1
  34. package/esm2022/src/app/shared/pipes/form.pipes.mjs +39 -14
  35. package/esm2022/src/app/shared/pipes/pipes.module.mjs +6 -3
  36. package/esm2022/src/app/shared/toolbar/toolbar.mjs +2 -1
  37. package/esm2022/src/app/shared/upload-file/testing/upload-file.testing.mjs +2 -1
  38. package/esm2022/src/app/shared/validator/form-error-adapter.class.mjs +6 -6
  39. package/esm2022/src/app/shared/validator/validators.mjs +6 -8
  40. package/esm2022/src/app/social/job/progression/job-progression.icon.mjs +2 -1
  41. package/esm2022/src/app/social/message/message.modal.mjs +2 -1
  42. package/esm2022/src/environments/environment.class.mjs +3 -1
  43. package/fesm2022/sumaris-net.ngx-components.mjs +202 -153
  44. package/fesm2022/sumaris-net.ngx-components.mjs.map +1 -1
  45. package/package.json +4 -4
  46. package/src/app/core/form/form.class.d.ts +3 -3
  47. package/src/app/core/peer/select-peer.modal.d.ts +13 -7
  48. package/src/app/core/table/async-table.class.d.ts +3 -3
  49. package/src/app/core/table/table.class.d.ts +3 -3
  50. package/src/app/shared/material/autocomplete/material.autocomplete.module.d.ts +1 -1
  51. package/src/app/shared/pipes/form.pipes.d.ts +15 -5
  52. package/src/app/shared/pipes/pipes.module.d.ts +1 -1
  53. package/src/app/shared/validator/form-error-adapter.class.d.ts +5 -5
  54. package/src/app/shared/validator/validators.d.ts +1 -5
  55. package/src/assets/manifest.json +1 -1
  56. package/src/environments/environment.class.d.ts +1 -0
  57. package/src/theme/_functions.scss +15 -0
  58. package/src/theme/_mixins.scss +28 -12
  59. package/src/theme/_ngx-components.forms.scss +18 -0
  60. package/src/theme/_ngx-components.globals.scss +1 -0
  61. package/src/theme/_ngx-components.scss +4 -4
  62. package/src/theme/_ngx-components.table.scss +5 -2
  63. package/src/theme/_theme.variables.scss +94 -72
package/src/theme/_theme.variables.scss CHANGED
@@ -5,72 +5,91 @@ html {
5
5
  &.plt-mobile {
6
6
  @include css-variables-to-root-mobile();
7
7
  }
8
- }
9
-
10
- html.dark {
11
- --ion-color-primary: #428cff;
12
- --ion-color-primary-rgb: 66, 140, 255;
13
- --ion-color-primary-contrast: #ffffff;
14
- --ion-color-primary-contrast-rgb: 255, 255, 255;
15
- --ion-color-primary-shade: #3a7be0;
16
- --ion-color-primary-tint: #5598ff;
17
-
18
- --ion-color-secondary: #75C4FD;
19
- --ion-color-secondary-rgb: 117, 196, 253;
20
- --ion-color-secondary-contrast: #ffffff;
21
- --ion-color-secondary-contrast-rgb: 255, 255, 255;
22
- --ion-color-secondary-shade: #46b0e0;
23
- --ion-color-secondary-tint: #62ceff;
24
-
25
- --ion-color-tertiary: #6a64ff;
26
- --ion-color-tertiary-rgb: 106, 100, 255;
27
- --ion-color-tertiary-contrast: #ffffff;
28
- --ion-color-tertiary-contrast-rgb: 255, 255, 255;
29
- --ion-color-tertiary-shade: #5d58e0;
30
- --ion-color-tertiary-tint: #7974ff;
31
-
32
- --ion-color-success: #2fdf75;
33
- --ion-color-success-rgb: 47, 223, 117;
34
- --ion-color-success-contrast: #000000;
35
- --ion-color-success-contrast-rgb: 0, 0, 0;
36
- --ion-color-success-shade: #29c467;
37
- --ion-color-success-tint: #44e283;
38
-
39
- --ion-color-warning: #FF6434;
40
- --ion-color-warning-rgb: 255, 100, 52;
41
- --ion-color-warning-contrast: #000000;
42
- --ion-color-warning-contrast-rgb: 0, 0, 0;
43
- --ion-color-warning-shade: #E0BB4B;
44
- --ion-color-warning-tint: #FFDA48;
45
-
46
- --ion-color-danger: #fa0021;
47
- --ion-color-danger-rgb: 255, 0, 33;
48
- --ion-color-danger-contrast: #ffffff;
49
- --ion-color-danger-contrast-rgb: 255, 255, 255;
50
- --ion-color-danger-shade: #e04055;
51
- --ion-color-danger-tint: #ff5b71;
52
-
53
- --ion-color-dark: #f4f5f8;
54
- --ion-color-dark-rgb: 244, 245, 248;
55
- --ion-color-dark-contrast: #000000;
56
- --ion-color-dark-contrast-rgb: 0, 0, 0;
57
- --ion-color-dark-shade: #d7d8da;
58
- --ion-color-dark-tint: #f5f6f9;
59
-
60
- --ion-color-medium: #989aa2;
61
- --ion-color-medium-rgb: 152, 154, 162;
62
- --ion-color-medium-contrast: #000000;
63
- --ion-color-medium-contrast-rgb: 0, 0, 0;
64
- --ion-color-medium-shade: #86888f;
65
- --ion-color-medium-tint: #a2a4ab;
66
-
67
- --ion-color-light: #222428;
68
- --ion-color-light-rgb: 34, 36, 40;
69
- --ion-color-light-contrast: #ffffff;
70
- --ion-color-light-contrast-rgb: 255, 255, 255;
71
- --ion-color-light-shade: #1e2023;
72
- --ion-color-light-tint: #383a3e;
73
8
 
9
+ &.dark {
10
+
11
+ @include css-variables-to-root-dark();
12
+
13
+ --ion-color-primary: #428cff;
14
+ --ion-color-primary-rgb: 66, 140, 255;
15
+ --ion-color-primary-contrast: #ffffff;
16
+ --ion-color-primary-contrast-rgb: 255, 255, 255;
17
+ --ion-color-primary-shade: #3a7be0;
18
+ --ion-color-primary-tint: #5598ff;
19
+
20
+ --ion-color-secondary: #75C4FD;
21
+ --ion-color-secondary-rgb: 117, 196, 253;
22
+ --ion-color-secondary-contrast: #ffffff;
23
+ --ion-color-secondary-contrast-rgb: 255, 255, 255;
24
+ --ion-color-secondary-shade: #46b0e0;
25
+ --ion-color-secondary-tint: #62ceff;
26
+
27
+ --ion-color-tertiary: #6a64ff;
28
+ --ion-color-tertiary-rgb: 106, 100, 255;
29
+ --ion-color-tertiary-contrast: #ffffff;
30
+ --ion-color-tertiary-contrast-rgb: 255, 255, 255;
31
+ --ion-color-tertiary-shade: #5d58e0;
32
+ --ion-color-tertiary-tint: #7974ff;
33
+
34
+ --ion-color-success: #2fdf75;
35
+ --ion-color-success-rgb: 47, 223, 117;
36
+ --ion-color-success-contrast: #000000;
37
+ --ion-color-success-contrast-rgb: 0, 0, 0;
38
+ --ion-color-success-shade: #29c467;
39
+ --ion-color-success-tint: #44e283;
40
+
41
+ --ion-color-warning: #FF6434;
42
+ --ion-color-warning-rgb: 255, 100, 52;
43
+ --ion-color-warning-contrast: #000000;
44
+ --ion-color-warning-contrast-rgb: 0, 0, 0;
45
+ --ion-color-warning-shade: #E0BB4B;
46
+ --ion-color-warning-tint: #FFDA48;
47
+
48
+ --ion-color-danger: #fa0021;
49
+ --ion-color-danger-rgb: 255, 0, 33;
50
+ --ion-color-danger-contrast: #ffffff;
51
+ --ion-color-danger-contrast-rgb: 255, 255, 255;
52
+ --ion-color-danger-shade: #e04055;
53
+ --ion-color-danger-tint: #ff5b71;
54
+
55
+ --ion-color-dark: #f4f5f8;
56
+ --ion-color-dark-rgb: 244, 245, 248;
57
+ --ion-color-dark-contrast: #000000;
58
+ --ion-color-dark-contrast-rgb: 0, 0, 0;
59
+ --ion-color-dark-shade: #d7d8da;
60
+ --ion-color-dark-tint: #f5f6f9;
61
+
62
+ --ion-color-medium: #989aa2;
63
+ --ion-color-medium-rgb: 152, 154, 162;
64
+ --ion-color-medium-contrast: #000000;
65
+ --ion-color-medium-contrast-rgb: 0, 0, 0;
66
+ --ion-color-medium-shade: #86888f;
67
+ --ion-color-medium-tint: #a2a4ab;
68
+
69
+ --ion-color-light: #222428;
70
+ --ion-color-light-rgb: 34, 36, 40;
71
+ --ion-color-light-contrast: #ffffff;
72
+ --ion-color-light-contrast-rgb: 255, 255, 255;
73
+ --ion-color-light-shade: #1e2023;
74
+ --ion-color-light-tint: #383a3e;
75
+
76
+ --mat-select-panel-background-color: var(--ion-color-step-100);
77
+
78
+ ion-modal {
79
+ --ion-background-color: var(--ion-color-step-100);
80
+ --ion-toolbar-background: var(--ion-color-step-150);
81
+ --ion-toolbar-border-color: var(--ion-color-step-250);
82
+ }
83
+
84
+ ion-alert {
85
+ --ion-background-color: var(--ion-color-step-100);
86
+ }
87
+
88
+ ion-menu#menu {
89
+ --ion-item-text-color-selected: var(--ion-color-secondary100-contrast);
90
+ --ion-item-icon-color-selected: var(--ion-color-secondary100-contrast);
91
+ }
92
+ }
74
93
  }
75
94
 
76
95
  /*
@@ -79,9 +98,16 @@ html.dark {
79
98
  */
80
99
 
81
100
  html.ios.dark {
101
+ --app-form-color-disabled: #949494;
102
+ --app-form-color: var(--ion-text-color);
103
+ --app-form-field-background-color: var(--ion-color-light-tint);
104
+ //--app-form-field-disabled-background-color: var(--ion-color-light);
105
+
82
106
  --ion-background-color: #000000;
83
107
  --ion-background-color-rgb: 0, 0, 0;
84
108
 
109
+ //--ion-toolbar-background: #1f1f1f;
110
+
85
111
  --ion-text-color: #ffffff;
86
112
  --ion-text-color-rgb: 255, 255, 255;
87
113
 
@@ -110,12 +136,6 @@ html.ios.dark {
110
136
  --ion-card-background: #1c1c1d;
111
137
  }
112
138
 
113
- .ios ion-modal {
114
- --ion-background-color: var(--ion-color-step-100);
115
- --ion-toolbar-background: var(--ion-color-step-150);
116
- --ion-toolbar-border-color: var(--ion-color-step-250);
117
- }
118
-
119
139
  /*
120
140
  * Material Design Dark Theme
121
141
  * -------------------------------------------
@@ -125,9 +145,11 @@ html.md.dark {
125
145
 
126
146
  --app-form-color-disabled: #949494;
127
147
  --app-form-color: var(--ion-text-color);
148
+ --app-form-field-background-color: var(--ion-color-light-tint);
149
+ --app-form-field-label-color: #949494;
128
150
 
129
151
  --ion-background-color: #121212;
130
- --ion-background-color-rgb: 18,18,18; // #{color-to-rgb-list(#121212)};
152
+ --ion-background-color-rgb: 18,18,18;
131
153
  --ion-toolbar-background: #1f1f1f;
132
154
 
133
155
  --ion-text-color: #ffffffde;