@sumaris-net/ngx-components 18.6.62 → 18.6.63

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 (8) hide show
  1. package/doc/changelog.md +3 -0
  2. package/esm2022/src/app/shared/material/autocomplete/material.autocomplete.mjs +12 -11
  3. package/esm2022/src/app/shared/material/autocomplete/testing/autocomplete.test.mjs +3 -3
  4. package/fesm2022/sumaris-net.ngx-components.mjs +13 -12
  5. package/fesm2022/sumaris-net.ngx-components.mjs.map +1 -1
  6. package/package.json +1 -1
  7. package/src/assets/manifest.json +1 -1
  8. package/src/theme/_ngx-components.scss +28 -39
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": "18.6.62",
4
+ "version": "18.6.63",
5
5
  "author": "contact@e-is.pro",
6
6
  "license": "AGPL-3.0",
7
7
  "readmeFilename": "README.md",
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.6.62",
5
+ "version": "18.6.63",
6
6
  "default_locale": "fr",
7
7
  "description": "Angular components for building beautiful and responsive Apps",
8
8
  "icons": [{
package/src/theme/_ngx-components.scss CHANGED
@@ -178,6 +178,7 @@ mat-option {
178
178
  .mdc-list-item__primary-text {
179
179
  display: inline-block;
180
180
  flex-grow: 1;
181
+ box-sizing: border-box;
181
182
  }
182
183
  .mat-option-text:not(:has(ion-row)),
183
184
  .mat-option-text:has(ion-searchbar),
@@ -188,6 +189,7 @@ mat-option {
188
189
  .mat-option-text:has(ion-row),
189
190
  .mdc-list-item__primary-text:has(ion-row) {
190
191
  padding: 0;
192
+ width: 100%; // Fix sumaris-app#943
191
193
  }
192
194
  mat-autocomplete-footer {
193
195
  .mat-option-text,
@@ -243,49 +245,36 @@ mat-option:not(:last-of-type) {
243
245
  &:has(.mat-select-panel-fit-content) {
244
246
  --min-width: fit-content !important;
245
247
  }
246
- }
247
248
 
249
+ &:has(.min-width-medium),
250
+ &:has(.mat-mdc-autocomplete-panel-medium-size) {
251
+ --min-width: 300px;
252
+ }
248
253
 
249
- .mat-mdc-autocomplete-panel-medium-size .mat-mdc-autocomplete-panel,
250
- .mat-mdc-autocomplete-panel-medium-size.mat-mdc-autocomplete-panel,
251
- .min-width-medium .mat-mdc-autocomplete-panel,
252
- .min-width-medium.mat-mdc-autocomplete-panel,
253
- .min-width-medium.mat-mdc-select-panel {
254
- --min-width: 300px;
255
- }
256
- .mat-mdc-autocomplete-panel-large-size .mat-mdc-autocomplete-panel,
257
- .mat-mdc-autocomplete-panel.mat-mdc-autocomplete-panel-large-size,
258
- .min-width-large .mat-mdc-autocomplete-panel,
259
- .min-width-large.mat-mdc-autocomplete-panel,
260
- .min-width-large.mat-mdc-select-panel{
261
- --min-width: 400px;
262
- }
263
- .mat-mdc-autocomplete-panel-xlarge-size .mat-mdc-autocomplete-panel,
264
- .mat-mdc-autocomplete-panel-xlarge-size.mat-mdc-autocomplete-panel,
265
- .mat-mdc-autocomplete-panel-xlarge-size.mat-mdc-select-panel {
266
- --min-width: 450px;
267
- }
268
- .mat-select-panel.min-width-80vw,
269
- .mat-mdc-select-panel.min-width-80vw,
270
- .min-width-80vw .mat-mdc-autocomplete-panel,
271
- .min-width-80vw.mat-mdc-autocomplete-panel {
272
- --min-width: 80vw;
273
- }
254
+ &:has(.min-width-large),
255
+ &:has(.mat-mdc-autocomplete-panel-large-size) {
256
+ --min-width: 400px;
257
+ }
274
258
 
275
- .mat-mdc-autocomplete-panel-center .mat-mdc-autocomplete-panel,
276
- .mat-mdc-autocomplete-panel-center.mat-mdc-autocomplete-panel {
277
- margin-left: calc(var(--min-width, 200px) / -2 + 50%) !important;
278
- }
259
+ &:has(.min-width-xlarge),
260
+ &:has(.mat-mdc-autocomplete-panel-xlarge-size) {
261
+ --min-width: 450px;
262
+ }
279
263
 
280
- .mat-mdc-autocomplete-panel-full-size .mat-mdc-autocomplete-panel,
281
- .mat-mdc-autocomplete-panel-full-size.mat-mdc-autocomplete-panel,
282
- .full-size .mat-mdc-autocomplete-panel,
283
- .full-size.mat-mdc-autocomplete-panel,
284
- .cdk-overlay-pane:has(.mat-mdc-select-panel.full-size) {
285
- --min-width: calc(100vw - 64px);
286
- --max-width: calc(100vw - 64px);
287
- position: fixed;
288
- left: 32px !important;
264
+ &:has(.min-width-80vw) {
265
+ --min-width: 80vw;
266
+ }
267
+
268
+ &:has(.mat-mdc-autocomplete-panel-full-size),
269
+ &:has(.full-size) {
270
+ --margin-left: 32px;
271
+ --margin-right: 32px;
272
+ --min-width: calc(100vw - var(--margin-left) - var(--margin-right));
273
+ --max-width: calc(100vw - var(--margin-left) - var(--margin-right));
274
+ position: fixed;
275
+ left: var(--margin-left) !important;
276
+ right: unset !important;
277
+ }
289
278
  }
290
279
 
291
280
  .mat-mdc-select-panel,