@zambon-dev/library 1.1.1 → 1.3.1

package/lib/components/sidebar/sidebar.component.d.ts

@@ -1,5 +1,5 @@
 import { AfterViewInit, OnInit } from '@angular/core';
-import { ISidebarProfile, SidebarMenu } from '../../models';
+import { SidebarMenu, SidebarRegion } from '../../models';
 import { BaseComponent } from '../base.component';
 import * as i0 from "@angular/core";
 export declare class SidebarComponent extends BaseComponent implements AfterViewInit, OnInit {
@@ -10,25 +10,23 @@ export declare class SidebarComponent extends BaseComponent implements AfterView
     private sidebarConfigs;
     protected configErrorText: string;
     protected configLoadingText: string;
-    protected configLogoCollapsedPath?: string;
-    protected configLogoExpandedPath?: string;
     protected hasFailed: boolean;
     protected menus: SidebarMenu[];
-    protected profile?: ISidebarProfile;
+    protected regions: SidebarRegion[];
     private sidebarService;
     private wasClickedOutside;
-    protected get hasProfileImage(): boolean;
     protected get isActive(): boolean;
     protected get isCollapsed(): boolean;
     protected get isLoading(): boolean;
-    protected get isProfileLoaded(): boolean;
     constructor();
     ngAfterViewInit(): void;
     ngOnInit(): void;
     collapse(): void;
     protected trackByFn(_index: number, item: SidebarMenu): number;
+    protected trackByRegion(_index: number, region: SidebarRegion): string;
+    private groupIntoRegions;
     private deactivate;
     private updateShouldActivate;
     static ɵfac: i0.ɵɵFactoryDeclaration<SidebarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarComponent, "lib-sidebar", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarComponent, "lib-sidebar", never, {}, {}, never, ["*"], true, never>;
 }

package/lib/components/sidebar-item/sidebar-item.component.d.ts

@@ -4,8 +4,9 @@ import { BaseComponent } from '../base.component';
 import * as i0 from "@angular/core";
 export declare class SidebarItemComponent extends BaseComponent implements OnInit, AfterViewInit {
     private menuContainer;
-    menu: SidebarMenu;
+    isLast: boolean;
     level: number;
+    menu: SidebarMenu;
     protected hasFailed: boolean;
     protected isLoading: boolean;
     protected isSelected: boolean;
@@ -26,5 +27,5 @@ export declare class SidebarItemComponent extends BaseComponent implements OnIni
     private getChildHeight;
     private updateSubMenuHeight;
     static ɵfac: i0.ɵɵFactoryDeclaration<SidebarItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarItemComponent, "lib-sidebar-item", never, { "menu": { "alias": "menu"; "required": false; }; "level": { "alias": "level"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarItemComponent, "lib-sidebar-item", never, { "isLast": { "alias": "isLast"; "required": false; }; "level": { "alias": "level"; "required": false; }; "menu": { "alias": "menu"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/models/sidebar/index.d.ts

@@ -1,3 +1,4 @@
 export * from './sidebar-configs';
 export * from './sidebar-menu';
 export * from './sidebar-profile';
+export * from './sidebar-region';

package/lib/models/sidebar/sidebar-menu.d.ts

@@ -7,6 +7,7 @@ export declare class SidebarMenu {
     label: string;
     isSelected: boolean;
     parent: SidebarMenu | null;
+    region?: string;
     url?: string;
     constructor(options?: Partial<SidebarMenu>);
 }

package/lib/models/sidebar/sidebar-region.d.ts

@@ -0,0 +1,6 @@
+import { SidebarMenu } from './sidebar-menu';
+/** A named group of top-level sidebar menu items, rendered under a region header. */
+export interface SidebarRegion {
+    items: SidebarMenu[];
+    name?: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zambon-dev/library",
-  "version": "1.1.1",
+  "version": "1.3.1",
   "description": "Angular UI components and shared presentation utilities for Zambon applications.",
   "keywords": [
     "angular",

package/styles/variables.scss

@@ -1,4 +1,5 @@
 :root {
+    /* Dimensions */
     --sidebar-animation-duration: 600ms;
     --sidebar-collapsed-width: 70px;
     --sidebar-expanded-width: 220px;
@@ -6,4 +7,25 @@
     --sidebar-item-height: 2.75rem;
     --sidebar-logo-height: 50px;
     --sidebar-picture-size: 50px;
+
+    /* Surfaces & colors — translucent "glass" (brand-tinted) */
+    --sidebar-bg: color-mix(in srgb, theme('colors.primary.600') 82%, transparent);
+    --sidebar-nav-bg: color-mix(in srgb, white 5%, transparent);
+    --sidebar-text: theme('colors.gray.100');
+    --sidebar-text-muted: color-mix(in srgb, theme('colors.gray.100') 60%, transparent);
+    --sidebar-item-hover-bg: color-mix(in srgb, white 12%, transparent);
+    --sidebar-item-selected-bg: color-mix(in srgb, white 22%, transparent);
+    --sidebar-item-selected-text: theme('colors.white');
+    --sidebar-accent: theme('colors.gray.100');
+    --sidebar-tree-line: color-mix(in srgb, white 80%, theme('colors.primary.600'));
+
+    /* Glass */
+    --sidebar-blur: 16px;
+    --sidebar-shadow: 0 10px 40px -12px rgba(0, 0, 0, 0.45);
+    /* App background the glass sidebar floats over (tune to taste). */
+    --app-backdrop: linear-gradient(160deg, theme('colors.gray.100') 0%, theme('colors.gray.300') 100%);
+
+    /* Radii (rounded restyle) */
+    --sidebar-radius: 1.25rem;
+    --sidebar-item-radius: 10px;
 }