coer-elements 1.1.35 → 2.0.1

package/components/lib/coer-sidenav/coer-sidenav.component.d.ts

@@ -7,7 +7,6 @@ export declare class CoerSidenav {
     private _router;
     protected isOpen: WritableSignal<boolean>;
     protected _isModalOpen: WritableSignal<boolean>;
-    protected _navigation: WritableSignal<IMenu[]>;
     protected _isLoading: WritableSignal<boolean>;
     protected sidenav: import("@angular/core").Signal<MatDrawer>;
     protected menuList: import("@angular/core").Signal<readonly CoerTreeAccordion[]>;
@@ -15,6 +14,7 @@ export declare class CoerSidenav {
     protected get backdrop(): boolean;
     protected get mode(): 'over' | 'push';
     protected get showAsideMenu(): boolean;
+    _navigation: import("@angular/core").Signal<IMenu[]>;
     constructor();
     /** */
     protected NavigateTo(selectedOption: IMenuOptionSelected, showGridMenu?: boolean): Promise<void>;

package/fesm2022/coer-elements-components.mjs

@@ -38,7 +38,7 @@ import * as i2$a from '@angular/material/toolbar';
 import { MatToolbarModule } from '@angular/material/toolbar';
 import { Tools, ControlValue, CONTROL_VALUE, DateTime, Screen, CoerAlert, Files, ElementsHTML, Source, Menu, Breadcrumbs } from 'coer-elements/tools';
 import { Tooltip, Modal } from 'bootstrap';
-import { isModalOpenSIGNAL, menuSelectedSIGNAL, breakpointSIGNAL, isMenuOpenSIGNAL, navigationSIGNAL, isLoadingSIGNAL } from 'coer-elements/signals';
+import { isModalOpenSIGNAL, menuSelectedSIGNAL, breakpointSIGNAL, isMenuOpenSIGNAL, isLoadingSIGNAL, navigationSIGNAL } from 'coer-elements/signals';
 
 class CoerAccordion {
     constructor() {
@@ -2862,11 +2862,11 @@ class CoerMenuOption {
         });
     }
     get _icon() {
-        return (this.icon && this.icon.length > 0)
+        return (Tools.IsNotOnlyWhiteSpace(this.icon) && this.icon.length > 0)
             ? this.icon : '';
     }
     get _path() {
-        return (this.path && this.path.length > 0)
+        return (Tools.IsNotOnlyWhiteSpace(this.path) && this.path.length > 0)
             ? this.path : '/home';
     }
     get _tree() {
@@ -3163,7 +3163,7 @@ class CoerTreeAccordion {
         return [...this.tree].concat([{ ...this.item }]);
     }
     get _icon() {
-        return (this.item && this.item.hasOwnProperty('icon') && this.item.icon.length > 0)
+        return (this.item && Tools.IsNotOnlyWhiteSpace(this.item?.icon) && this.item.icon.length > 0)
             ? this.item.icon : 'fa-solid fa-bars';
     }
     get marginLeft() {
@@ -3296,13 +3296,18 @@ class CoerSidenav {
         //signals
         this.isOpen = isMenuOpenSIGNAL;
         this._isModalOpen = isModalOpenSIGNAL;
-        this._navigation = navigationSIGNAL;
         this._isLoading = isLoadingSIGNAL;
         //Elements
         this.sidenav = viewChild.required('matSidenav');
         this.menuList = viewChildren(CoerTreeAccordion);
         //Outputs 
         this.onMenuSelected = output();
+        //computed
+        this._navigation = computed(() => {
+            let id = 0;
+            const navigation = navigationSIGNAL();
+            return navigation.map(item => Object.assign(item, { id: ++id }));
+        });
         /** */
         this._IsMenu = (item) => Tools.IsNotNull(item) && Tools.IsNotNull(item?.items);
         /** */