@sumaris-net/ngx-components 18.23.68 → 18.23.69

package/doc/changelog.md

@@ -2193,7 +2193,12 @@ enh: Environment: add useHash property to configure Angular router to use hash U
 - enh(shared): Add new pipe `changeCaseToUnderscore` to convert camelCase to underscore_case in templates
 
 ## 18.23.65
-- enh(date-time-field): Fix datetime value emission on invalid datetime
+- enh(date-time-field): Fix datetime value emission on invalid datetime (closes sumaris-app#1863)
 
 ## 18.23.68
-- enh(theme): add responsive `min-width` utility classes for select panel
+- enh(theme): add responsive `min-width` utility classes for select panel - Allow to use panelClass with :
+  * mobile/desktop: `min-width-fit-content`, `min-width-medium`, `min-width-large`, `min-width-xlarge` , `min-width-80vw` : 
+  * mobile only: `mat-select-panel-fit-content`|`mat-select-panel-medium-size`|`mat-select-panel-large-size`|`mat-select-panel-xlarge-size`|`mat-select-panel-80vw-size`
+
+## 18.23.69
+- enh(theme): MatAutocompleteField: add panelClass style `full-width`, as an alias of `full-size`

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sumaris-net/ngx-components",
   "description": "SUMARiS Angular components",
-  "version": "18.23.68",
+  "version": "18.23.69",
   "author": "contact@e-is.pro",
   "license": "AGPL-3.0",
   "readmeFilename": "README.md",

package/src/assets/manifest.json

@@ -2,7 +2,7 @@
   "name": "ngx-sumaris-components",
   "short_name": "ngx-sumaris-components",
   "manifest_version": 1,
-  "version": "18.23.68",
+  "version": "18.23.69",
   "default_locale": "fr",
   "description": "Angular components for building beautiful and responsive Apps",
   "icons": [{

package/src/theme/_ngx-components.scss

@@ -228,7 +228,8 @@ mat-option:not(:last-of-type) {
     --min-width: 450px;
   }
 
-  &:has(.min-width-80vw) {
+  &:has(.min-width-80vw),
+  &:has(.mat-select-panel-80vw-size) {
     --min-width: 80vw;
   }
 
@@ -279,12 +280,15 @@ mat-option:not(:last-of-type) {
     --min-width: 450px;
   }
 
-  &:has(.min-width-80vw) {
+  &:has(.min-width-80vw),
+  &:has(.mat-mdc-autocomplete-panel-80vw-size){
     --min-width: 80vw;
   }
 
-  &:has(.mat-mdc-autocomplete-panel-full-size),
-  &:has(.full-size) {
+  &:has(.full-size),
+  &:has(.full-width),
+  &:has(.mat-mdc-autocomplete-panel-full-size)
+   {
     --margin-left: 32px;
     --margin-right: 32px;
     --min-width: calc(100vw - var(--margin-left) - var(--margin-right));