@sumaris-net/ngx-components 2.12.10 → 2.12.12
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 +4 -0
- package/esm2022/src/app/shared/material/autocomplete/material.autocomplete.mjs +5 -3
- package/esm2022/src/app/shared/material/autocomplete/testing/autocomplete.test.mjs +9 -9
- package/fesm2022/sumaris-net.ngx-components.mjs +12 -10
- package/fesm2022/sumaris-net.ngx-components.mjs.map +1 -1
- package/package.json +1 -1
- package/src/app/shared/inputs.d.ts +1 -1
- package/src/assets/manifest.json +1 -1
- package/src/theme/_material.globals.scss +10 -1
- package/src/theme/_material.scss +1 -1
- package/src/theme/_mixins.scss +6 -0
- package/src/theme/_ngx-components.scss +7 -0
- package/src/theme/_theme.variables.scss +1 -0
package/package.json
CHANGED
|
@@ -16,7 +16,7 @@ export interface InputElement extends FocusableElement {
|
|
|
16
16
|
}
|
|
17
17
|
export declare function isInputElement(object: any): object is InputElement;
|
|
18
18
|
export declare function asInputElement(object: ElementRef): InputElement | undefined;
|
|
19
|
-
export declare function tabindexComparator(a: InputElement, b: InputElement):
|
|
19
|
+
export declare function tabindexComparator(a: InputElement, b: InputElement): 1 | 0 | -1;
|
|
20
20
|
export interface CanGainFocusOptions {
|
|
21
21
|
minTabindex?: number;
|
|
22
22
|
maxTabindex?: number;
|
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.12.
|
|
5
|
+
"version": "2.12.12",
|
|
6
6
|
"default_locale": "fr",
|
|
7
7
|
"description": "Angular components for building beautiful and responsive Apps",
|
|
8
8
|
"icons": [{
|
|
@@ -56,7 +56,14 @@ $candy-light-theme: mat.define-light-theme((
|
|
|
56
56
|
typography: mat.define-typography-config(),
|
|
57
57
|
density: 0,
|
|
58
58
|
));
|
|
59
|
-
|
|
59
|
+
$candy-dark-theme: mat.define-dark-theme((
|
|
60
|
+
color: (
|
|
61
|
+
primary: $candy-app-primary,
|
|
62
|
+
accent: $candy-app-accent,
|
|
63
|
+
warn: $candy-app-warn,
|
|
64
|
+
),
|
|
65
|
+
density: 0,
|
|
66
|
+
));
|
|
60
67
|
// --------------------------------------------------
|
|
61
68
|
// Material theme
|
|
62
69
|
// --------------------------------------------------
|
|
@@ -68,3 +75,5 @@ $mat-tab-animation-duration: 200ms !default;
|
|
|
68
75
|
$mat-toolbar-height-desktop: 64px !default;
|
|
69
76
|
$mat-toolbar-height-mobile: 56px !default;
|
|
70
77
|
$mat-toolbar-background-color: var(--ion-toolbar-background, var(--ion-background-color, whitesmoke)) !default;
|
|
78
|
+
$mat-option-min-height: 48px !default;
|
|
79
|
+
$mat-option-max-height: 48px !default;
|
package/src/theme/_material.scss
CHANGED
|
@@ -6,7 +6,6 @@
|
|
|
6
6
|
@include mat.core();
|
|
7
7
|
@include mat.all-component-themes($candy-light-theme);
|
|
8
8
|
|
|
9
|
-
|
|
10
9
|
// --------------------------------------------------
|
|
11
10
|
// Override material style
|
|
12
11
|
// --------------------------------------------------
|
|
@@ -75,6 +74,7 @@
|
|
|
75
74
|
.mat-mdc-option {
|
|
76
75
|
--mat-option-label-text-tracking: normal;
|
|
77
76
|
--mat-option-label-text-size: 16px;
|
|
77
|
+
min-height: var(--mat-option-min-height, 48px);
|
|
78
78
|
}
|
|
79
79
|
.mat-mdc-select {
|
|
80
80
|
--mat-select-trigger-text-font: inherit;
|
package/src/theme/_mixins.scss
CHANGED
|
@@ -123,6 +123,8 @@
|
|
|
123
123
|
|
|
124
124
|
--mat-toolbar-height: #{$mat-toolbar-height-desktop};
|
|
125
125
|
--mat-paginator-height: mat.$paginator-height;
|
|
126
|
+
--mat-option-min-height: #{$mat-option-min-height};
|
|
127
|
+
--mat-option-max-height: #{$mat-option-max-height};
|
|
126
128
|
--mat-toolbar-background-color: var(--ion-toolbar-background);
|
|
127
129
|
--mat-toolbar-container-background-color: var(--ion-toolbar-background);
|
|
128
130
|
--mat-toolbar-container-text-color: var(--ion-text-color);
|
|
@@ -158,6 +160,8 @@
|
|
|
158
160
|
|
|
159
161
|
@mixin css-variables-to-root-dark() {
|
|
160
162
|
|
|
163
|
+
@include mat.all-component-colors($candy-dark-theme);
|
|
164
|
+
|
|
161
165
|
// Change scroll bar style
|
|
162
166
|
color-scheme: dark;
|
|
163
167
|
|
|
@@ -173,6 +177,7 @@
|
|
|
173
177
|
--ion-text-color-rgb: #{$background-color-rgb-value};
|
|
174
178
|
--app-form-color: #{$background-color-value};
|
|
175
179
|
--app-form-color-rgb: #{$background-color-rgb-value};
|
|
180
|
+
--app-form-field-focus-background-color: rgba(#{$background-color-rgb-value}, 0.87);
|
|
176
181
|
|
|
177
182
|
// Step colors
|
|
178
183
|
--ion-color-step-50: #{$text-color-step-50};
|
|
@@ -195,4 +200,5 @@
|
|
|
195
200
|
--ion-color-step-900: #{$text-color-step-900};
|
|
196
201
|
--ion-color-step-950: #{$text-color-step-950};
|
|
197
202
|
|
|
203
|
+
|
|
198
204
|
}
|
|
@@ -216,6 +216,13 @@ mat-option:not(:last-of-type) {
|
|
|
216
216
|
&.hidden {
|
|
217
217
|
transform: scaleY(0) !important;
|
|
218
218
|
}
|
|
219
|
+
|
|
220
|
+
.mat-mdc-option {
|
|
221
|
+
// When option text wrap, do not increase the option height
|
|
222
|
+
ion-col.ion-text-wrap {
|
|
223
|
+
max-height: var(--mat-option-max-height, #{$mat-option-max-height});
|
|
224
|
+
}
|
|
225
|
+
}
|
|
219
226
|
}
|
|
220
227
|
}
|
|
221
228
|
.mat-mdc-autocomplete-panel {
|