@sumaris-net/ngx-components 18.23.61 → 18.23.62

package/fesm2022/sumaris-net.ngx-components.mjs

@@ -31646,6 +31646,8 @@ var MenuItem_1;
 let MenuItem = class MenuItem extends Entity {
     static { MenuItem_1 = this; }
     static fromObject;
+    _badgeSubscription;
+    _badgeColorSubscription;
     parent;
     parentId;
     $children = new BehaviorSubject([]);
@@ -31676,11 +31678,22 @@ let MenuItem = class MenuItem extends Entity {
     matSvgIcon;
     fromObject(source, opts) {
         this.id = source.id;
+        console.log('source', source);
         this.title = source.title;
         this.titleProperty = source.titleProperty;
         this.titleArgs = source.titleArgs;
-        this.badge = source.badge;
-        this.badgeColor = source.badgeColor;
+        if (source.badge$) {
+            this.badge$ = source.badge$;
+        }
+        else {
+            this.badge = source.badge;
+        }
+        if (source.badgeColor$) {
+            this.badgeColor$ = source.badgeColor$;
+        }
+        else {
+            this.badgeColor = source.badgeColor;
+        }
         // Clean path
         if (source.path) {
             const { path, params } = MenuItems.parsePathWithQuery(source.path);
@@ -31722,6 +31735,8 @@ let MenuItem = class MenuItem extends Entity {
         }
         delete target.$children;
         delete target.$title;
+        delete target.$badge;
+        delete target.$badgeColor;
         delete target.parent;
         return target;
     }
@@ -31755,6 +31770,15 @@ let MenuItem = class MenuItem extends Entity {
             this.$badge.next(value);
         }
     }
+    get badge$() {
+        return this.$badge.asObservable();
+    }
+    set badge$(value$) {
+        this._badgeSubscription?.unsubscribe();
+        this._badgeSubscription = value$?.subscribe((value) => {
+            this.badge = value;
+        });
+    }
     get badgeColor() {
         return this.$badgeColor.value;
     }
@@ -31763,6 +31787,15 @@ let MenuItem = class MenuItem extends Entity {
             this.$badgeColor.next(value);
         }
     }
+    get badgeColor$() {
+        return this.$badgeColor.asObservable();
+    }
+    set badgeColor$(value$) {
+        this._badgeColorSubscription?.unsubscribe();
+        this._badgeColorSubscription = value$?.subscribe((value) => {
+            this.badgeColor = value;
+        });
+    }
     get detached() {
         return !this.parentPath || !this.parent;
     }
@@ -37021,6 +37054,7 @@ class HomePage extends RxState {
         });
         this.buttons = (buttons || [])?.map((item) => MenuItem.fromObject(item));
         this.toolbarButtons = (toolbarButtons || [])?.map((item) => MenuItem.fromObject(item));
+        console.log('toolbarButtons', this.toolbarButtons);
         this.mobile = this.platform.is('mobile');
         this.platform.ready().then(() => this.start());
         this.showAccountButton = environment.account?.showAccountButton ?? true;
@@ -37223,7 +37257,7 @@ class HomePage extends RxState {
             .map((item) => {
             // Replace title using properties
             if (isNotNilOrBlank(item.titleProperty) && this._config) {
-                const title = this._config.properties[item.titleProperty] ?? item.title;
+                const title = this._config.properties?.[item.titleProperty] ?? item.title;
                 if (item.title !== title) {
                     // Clone before changing, to be able to restore the original title (e.g. if config property changed)
                     item.clone();