@sumaris-net/ngx-components 18.19.6 → 18.20.0

package/package.json

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

package/src/app/core/home/home.d.ts

@@ -11,7 +11,7 @@ import { ConfigService } from '../services/config.service';
 import { PlatformService } from '../services/platform.service';
 import { LocalSettingsService } from '../services/local-settings.service';
 import { NetworkService } from '../services/network.service';
-import { IMenuItem } from '../menu/menu.model';
+import { IMenuItem, MenuItem } from '../menu/menu.model';
 import { ShowToastOptions } from '../../shared/toast/toasts';
 import { Environment } from '../../../environments/environment.class';
 import { HistoryPageReference } from '../services/model/history.model';
@@ -53,7 +53,6 @@ export declare class HomePage extends RxState<HomePageState> implements OnInit,
     settings: LocalSettingsService;
     protected environment: Environment;
     protected locales: LocaleConfig[];
-    protected buttons: IMenuItem[];
     protected config: IHomePageConfig;
     private _subscription;
     private _config;
@@ -79,9 +78,10 @@ export declare class HomePage extends RxState<HomePageState> implements OnInit,
     protected feedMaxAgeInMonths: number;
     protected feedMaxContentLength: number;
     protected hasScrollbar: boolean;
+    protected readonly buttons: MenuItem[];
     protected loading$: import("rxjs").Observable<boolean>;
     protected $partners: BehaviorSubject<Department[]>;
-    protected $filteredButtons: BehaviorSubject<IMenuItem[]>;
+    protected $filteredButtons: BehaviorSubject<MenuItem[]>;
     protected darkMode$: import("rxjs").Observable<boolean>;
     protected pageHistory$: import("rxjs").Observable<HistoryPageReference[]>;
     protected hasFeed$: import("rxjs").Observable<boolean>;

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

@@ -6,12 +6,17 @@ import { MenuPathParam } from './menu.service';
 import { Account } from '../services/model/account.model';
 import { Entity, EntityAsObjectOptions } from '../services/model/entity.model';
 import { ITreeItemEntity } from '../services/model/tree-item-entity.model';
+import { PredefinedColors } from '@ionic/core';
 export interface IMenuItem extends IconRef {
     id?: number;
     parent?: IMenuItem;
     children?: IMenuItem[];
     title: string;
     path?: string;
+    badge?: string | number;
+    badgeColor?: PredefinedColors;
+    $badge?: BehaviorSubject<string | number>;
+    $badgeColor?: BehaviorSubject<PredefinedColors>;
     after?: string;
     before?: string;
     static?: boolean;
@@ -47,6 +52,8 @@ export declare class MenuItem extends Entity<MenuItem> implements IMenuItem, ITr
     titleArgs?: {
         [key: string]: string;
     };
+    $badge: BehaviorSubject<string | number>;
+    $badgeColor: BehaviorSubject<PredefinedColors>;
     path?: string;
     pathParams?: {
         [key: string]: string;
@@ -77,6 +84,10 @@ export declare class MenuItem extends Entity<MenuItem> implements IMenuItem, ITr
     set children(value: MenuItem[]);
     get title(): string;
     set title(value: string);
+    get badge(): string | number;
+    set badge(value: string | number);
+    get badgeColor(): PredefinedColors;
+    set badgeColor(value: PredefinedColors);
     get detached(): boolean;
     get visible(): boolean;
     get expanded(): boolean;

package/src/app/core/menu/sub-menu-tab.directive.d.ts

@@ -9,14 +9,14 @@ export declare class SubMenuTabDirective implements OnChanges, AfterViewInit {
     private tabGroup;
     private tab;
     private router;
+    private _menuItem;
     label: string;
     disabled: boolean;
     parentPath: string;
     path: string;
     subMenuTitle: string;
+    subMenuBadge: string | number;
     subMenuIcon: IconRef;
-    private _menuItem;
-    private readonly _enable;
     constructor(menuService: MenuService, tabGroup: MatTabGroup, tab: MatTab, router: Router);
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -25,5 +25,5 @@ export declare class SubMenuTabDirective implements OnChanges, AfterViewInit {
     private get menuItem();
     private get title();
     static ɵfac: i0.ɵɵFactoryDeclaration<SubMenuTabDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SubMenuTabDirective, "[appSubMenuTab]", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "parentPath": { "alias": "parentPath"; "required": false; }; "path": { "alias": "path"; "required": false; }; "subMenuTitle": { "alias": "subMenuTitle"; "required": false; }; "subMenuIcon": { "alias": "subMenuIcon"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SubMenuTabDirective, "[appSubMenuTab]", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "parentPath": { "alias": "parentPath"; "required": false; }; "path": { "alias": "path"; "required": false; }; "subMenuTitle": { "alias": "subMenuTitle"; "required": false; }; "subMenuBadge": { "alias": "subMenuBadge"; "required": false; }; "subMenuIcon": { "alias": "subMenuIcon"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -3,7 +3,7 @@ import { MenuService } from '../menu.service';
 import { ActivatedRoute, Router } from '@angular/router';
 import { AlertController, NavController } from '@ionic/angular';
 import { TranslateService } from '@ngx-translate/core';
-import { Subject } from 'rxjs';
+import { BehaviorSubject, Subject } from 'rxjs';
 import { MatTabGroup } from '@angular/material/tabs';
 import { AppTabEditor } from '../../form/entity/tab-editor.class';
 import * as i0 from "@angular/core";
@@ -18,6 +18,7 @@ export declare class MenuTestingPage extends AppTabEditor implements OnInit, OnD
     protected showThirdTab: boolean;
     protected $title: Subject<string>;
     protected $secondTabTitle: Subject<string>;
+    protected $thirdTabBadge: BehaviorSubject<number>;
     protected _subSelectedTabIndex: number;
     subTabCount: number;
     set subSelectedTabIndex(value: number);
@@ -46,6 +47,7 @@ export declare class MenuTestingPage extends AppTabEditor implements OnInit, OnD
     protected getDefaultTitle(): string;
     protected computeTitle(): Promise<string>;
     setSubSelectedTabIndex(value: number): void;
+    protected incrementThirdTabBadge(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuTestingPage, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MenuTestingPage, "app-testing-menu", never, { "subSelectedTabIndex": { "alias": "subSelectedTabIndex"; "required": false; }; }, { "subSelectedTabIndexChange": "subSelectedTabIndexChange"; }, never, never, false, never>;
 }

package/src/app/shared/toolbar/modal-toolbar.d.ts

@@ -17,5 +17,5 @@ export declare class ModalToolbarComponent implements OnInit, OnDestroy {
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalToolbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModalToolbarComponent, "app-modal-toolbar", never, { "modalName": { "alias": "modalName"; "required": false; }; "title": { "alias": "title"; "required": false; }; "color": { "alias": "color"; "required": false; }; "showSpinner": { "alias": "showSpinner"; "required": false; }; "canValidate": { "alias": "canValidate"; "required": false; }; "validateIcon": { "alias": "validateIcon"; "required": false; }; }, { "cancel": "cancel"; "validate": "validate"; }, never, ["[slot=start]", "ion-title", "ion-buttons[slot=end]", "ion-button[slot=end]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalToolbarComponent, "app-modal-toolbar", never, { "modalName": { "alias": "modalName"; "required": false; }; "title": { "alias": "title"; "required": false; }; "color": { "alias": "color"; "required": false; }; "showSpinner": { "alias": "showSpinner"; "required": false; }; "canValidate": { "alias": "canValidate"; "required": false; }; "validateIcon": { "alias": "validateIcon"; "required": false; }; }, { "cancel": "cancel"; "validate": "validate"; }, never, ["[slot=start]", "[slot=title], ion-title", "ion-buttons[slot=end]", "ion-button[slot=end]"], false, never>;
 }

package/src/assets/manifest.json

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

package/src/theme/_ngx-components.scss

@@ -911,6 +911,23 @@ ion-button[expand="full"],
       right: 0;
     }
   }
+  ion-badge {
+    &[slot='start'],
+    &[slot='end'] {
+      margin-left: unset;
+      margin-right: unset;
+      margin-top: 0;
+      margin-bottom: 0;
+    }
+    &[slot='start'] {
+      position: absolute;
+      left: 0;
+    }
+    &[slot='end'] {
+      position: absolute;
+      right: 0;
+    }
+  }
 }
 
 // --------------------------------------------------