@sumaris-net/ngx-components 18.23.67 → 18.23.68
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
CHANGED
|
@@ -2194,3 +2194,6 @@ enh: Environment: add useHash property to configure Angular router to use hash U
|
|
|
2194
2194
|
|
|
2195
2195
|
## 18.23.65
|
|
2196
2196
|
- enh(date-time-field): Fix datetime value emission on invalid datetime
|
|
2197
|
+
|
|
2198
|
+
## 18.23.68
|
|
2199
|
+
- enh(theme): add responsive `min-width` utility classes for select panel
|
package/package.json
CHANGED
|
@@ -18,7 +18,7 @@ export interface InputElement extends FocusableElement {
|
|
|
18
18
|
}
|
|
19
19
|
export declare function isInputElement(object: any): object is InputElement;
|
|
20
20
|
export declare function asInputElement<T = any>(object: ElementRef<T>): InputElement | undefined;
|
|
21
|
-
export declare function tabindexComparator(a: InputElement, b: InputElement):
|
|
21
|
+
export declare function tabindexComparator(a: InputElement, b: InputElement): 0 | 1 | -1;
|
|
22
22
|
export interface CanGainFocusOptions {
|
|
23
23
|
minTabindex?: number;
|
|
24
24
|
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": "18.23.
|
|
5
|
+
"version": "18.23.68",
|
|
6
6
|
"default_locale": "fr",
|
|
7
7
|
"description": "Angular components for building beautiful and responsive Apps",
|
|
8
8
|
"icons": [{
|
|
@@ -208,10 +208,30 @@ mat-option:not(:last-of-type) {
|
|
|
208
208
|
max-width: var(--max-width) !important;
|
|
209
209
|
|
|
210
210
|
// FIXME : This is a workaround find at : https://github.com/angular/components/issues/26000#issuecomment-1563107933
|
|
211
|
+
&:has(.min-width-fit-content),
|
|
211
212
|
&:has(.mat-select-panel-fit-content) {
|
|
212
213
|
--min-width: fit-content !important;
|
|
213
214
|
}
|
|
214
215
|
|
|
216
|
+
&:has(.min-width-medium),
|
|
217
|
+
&:has(.mat-select-panel-panel-medium-size) {
|
|
218
|
+
--min-width: 300px;
|
|
219
|
+
}
|
|
220
|
+
|
|
221
|
+
&:has(.min-width-large),
|
|
222
|
+
&:has(.mat-select-panel-large-size) {
|
|
223
|
+
--min-width: 400px;
|
|
224
|
+
}
|
|
225
|
+
|
|
226
|
+
&:has(.min-width-xlarge),
|
|
227
|
+
&:has(.mat-select-panel-xlarge-size) {
|
|
228
|
+
--min-width: 450px;
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
&:has(.min-width-80vw) {
|
|
232
|
+
--min-width: 80vw;
|
|
233
|
+
}
|
|
234
|
+
|
|
215
235
|
.mat-mdc-select-panel {
|
|
216
236
|
--mat-switch-visible-track-transition: transform 75ms 50ms cubic-bezier(0, 0, 0.2, 1);
|
|
217
237
|
transition: --mat-switch-visible-track-transition;
|
|
@@ -232,13 +252,14 @@ mat-option:not(:last-of-type) {
|
|
|
232
252
|
}
|
|
233
253
|
|
|
234
254
|
|
|
235
|
-
.cdk-overlay-pane:has(.mat-mdc-autocomplete-panel)
|
|
255
|
+
.cdk-overlay-pane:has(.mat-mdc-autocomplete-panel){
|
|
236
256
|
--min-width: 200px;
|
|
237
257
|
--max-width: calc(min(100%, 100vw - 64px));
|
|
238
258
|
min-width: var(--min-width) !important;
|
|
239
259
|
max-width: var(--max-width) !important;
|
|
240
260
|
|
|
241
261
|
// FIXME : This is a workaround find at : https://github.com/angular/components/issues/26000#issuecomment-1563107933
|
|
262
|
+
&:has(.min-width-fit-content),
|
|
242
263
|
&:has(.mat-select-panel-fit-content) {
|
|
243
264
|
--min-width: fit-content !important;
|
|
244
265
|
}
|