@sumaris-net/ngx-components 18.1.2 → 18.1.4

package/package.json

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

package/src/app/core/menu/menu.service.d.ts

@@ -1,15 +1,15 @@
 import { EventEmitter, InjectionToken } from '@angular/core';
-import { BehaviorSubject, Observable } from 'rxjs';
-import { IMenuItem, MenuItem, MenuOptions } from './menu.model';
 import { Router } from '@angular/router';
+import { AlertController, ModalController, NavController } from '@ionic/angular';
+import { TranslateService } from '@ngx-translate/core';
+import { BehaviorSubject, Observable } from 'rxjs';
 import { Environment } from '../../../environments/environment.class';
+import { StartableObservableService } from '../../shared/services/startable-observable-service.class';
 import { AccountService } from '../services/account.service';
 import { ConfigService } from '../services/config.service';
-import { Account } from '../services/model/account.model';
-import { StartableObservableService } from '../../shared/services/startable-observable-service.class';
 import { LocalSettingsService } from '../services/local-settings.service';
-import { AlertController, ModalController, NavController } from '@ionic/angular';
-import { TranslateService } from '@ngx-translate/core';
+import { Account } from '../services/model/account.model';
+import { IMenuItem, MenuItem, MenuOptions } from './menu.model';
 import * as i0 from "@angular/core";
 export type SplitPaneShowWhen = boolean | 'lg';
 export declare const DEFAULT_MENU_SHOW_WHEN: SplitPaneShowWhen;
@@ -42,7 +42,6 @@ export declare class MenuService extends StartableObservableService<MenuItem[]>
     private readonly _$splitPaneWhen;
     private readonly _$enabled;
     private readonly _$enableSubMenu;
-    private readonly _$listenRoute;
     constructor(settings: LocalSettingsService, configService: ConfigService, accountService: AccountService, router: Router, modalCtrl: ModalController, alertController: AlertController, navController: NavController, translate: TranslateService, environment: Environment, options?: MenuOptions, staticItems?: IMenuItem[]);
     get opened(): Observable<boolean>;
     get splitPaneWhen(): Observable<SplitPaneShowWhen>;

package/src/app/core/services/model/settings.model.d.ts

@@ -2,7 +2,7 @@ import { Property, PropertyMap } from '../../../shared/types';
 import { InjectionToken } from '@angular/core';
 import { HistoryPageReference } from './history.model';
 export type UsageMode = 'DESK' | 'FIELD';
-export declare function isOnFieldMode(usageMode: UsageMode): void;
+export declare function isOnFieldMode(value: UsageMode): value is 'FIELD';
 export declare interface LocaleConfig extends Property {
     country?: string;
 }

package/src/assets/manifest.json

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

package/src/theme/_material.scss

@@ -19,10 +19,7 @@
 .mat-mdc-tab-group.mat-primary .mat-ink-bar, .mat-mdc-tab-nav-bar.mat-primary .mat-ink-bar {
   background-color: var(--ion-color-primary, $primary);
 }
-// Keep some style element that have changed after angular 15 migration
-.mdc-tab {
-  min-width: 160px !important;
-}
+
 .mat-mdc-tab-group, .mat-mdc-tab-nav-bar {
   --mat-tab-header-active-label-text-color: rgba($text-color-rgb, .8);
   --mat-tab-header-active-focus-label-text-color: rgba($text-color-rgb, .8);

package/src/theme/_ngx-components.tabs.scss

@@ -52,3 +52,22 @@
     --mat-tab-header-divider-color: var(--ion-border-color, rgba(0,0,0,.12)) !important;
   }
 }
+
+// Keep some style element that have changed after angular 15 migration
+// (but keep new style if enable stretch tabs)
+.mat-mdc-tab-group:not(.mat-mdc-tab-group-stretch-tabs) {
+  .mdc-tab {
+    min-width: 160px;
+  }
+}
+
+
+// Smaller tab label padding, on xxs device
+@media screen and (max-width: $screen-xxs-max) {
+  .mat-mdc-tab-group.mat-mdc-tab-group-stretch-tabs {
+    .mdc-tab {
+      // Reduce horizontal padding in tab label, from 24px to 16px (should be enough for badge)
+      padding: 0 16px;
+    }
+  }
+}