@taon-dev/ui 21.0.12 → 21.0.13

package/browser-prod/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taon-dev/ui/browser-prod",
-  "version": "21.0.12",
+  "version": "21.0.13",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
     "@angular/core": "^21.0.0"

package/browser-prod/types/ui-browser-prod.d.ts

@@ -2,7 +2,8 @@
 import * as i0 from '@angular/core';
 import { AfterViewInit, OnDestroy, OnInit, ElementRef, TemplateRef, EventEmitter } from '@angular/core';
 import { CoreModels__NS__DeepPartial } from 'tnp-core/browser-prod';
-import { Routes, Route, Router, RouterOutlet } from '@angular/router';
+import { Route, Routes, Router, RouterOutlet } from '@angular/router';
+import { MatIcon } from '@angular/material/icon';
 import { Translation } from '@taon-dev/i18n/browser-prod';
 import { HttpResponseError, RestErrorResponseWrapper } from 'ng2-rest/browser-prod';
 import * as _ngneat_hot_toast from '@ngneat/hot-toast';
@@ -34,7 +35,7 @@ declare const CURRENT_PACKAGE_TAON_VERSION = "v21";
 /**
  *  Autogenerated by current cli tool. Use *tnp release* to bump version.
  */
-declare const CURRENT_PACKAGE_VERSION = "21.0.12";
+declare const CURRENT_PACKAGE_VERSION = "21.0.13";
 
 declare function myOrgProj(): void;
 
@@ -78,9 +79,20 @@ interface PlPlTraslationOverrideSrcLibMyOrganizationProjTs {
 
 type LibOverride = CoreModels__NS__DeepPartial<EnUsTraslationOverrideSrcLibMyOrganizationProjTs | PlPlTraslationOverrideSrcLibMyOrganizationProjTs>;
 
+declare class TaonAdminMenuContext {
+    readonly context: i0.WritableSignal<unknown>;
+    isVisible(route: Route): boolean;
+    isDisabled(route: Route): boolean;
+    disabledTooltip(route: Route): string;
+    private callbacks;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TaonAdminMenuContext, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TaonAdminMenuContext>;
+}
+
 declare class TaonAdminLayoutComponent implements OnInit, AfterViewInit, OnDestroy {
     private readonly router;
     private readonly hostElement;
+    protected readonly menuContext: TaonAdminMenuContext;
     routes: Routes;
     basePath: string;
     outlet: string;
@@ -155,18 +167,28 @@ interface TaonAdminRoute extends Route {
     loadAdminChildren?: () => Promise<TaonAdminRoutes>;
 }
 type TaonAdminRoutes = TaonAdminRoute[];
-type MaterialIcon = 'manage_accounts' | 'dashboard' | 'home' | 'settings' | 'admin_panel_settings' | 'person' | 'people' | 'group' | 'groups' | 'account_circle' | 'login' | 'logout' | 'lock' | 'lock_open' | 'security' | 'key' | 'verified_user' | 'shield' | 'email' | 'mail' | 'inbox' | 'send' | 'campaign' | 'notifications' | 'article' | 'description' | 'edit' | 'add' | 'delete' | 'delete_forever' | 'restore_from_trash' | 'content_copy' | 'save' | 'search' | 'filter_list' | 'refresh' | 'sync' | 'more_vert' | 'more_horiz' | 'menu' | 'close' | 'check' | 'done' | 'warning' | 'error' | 'info' | 'help' | 'visibility' | 'visibility_off' | 'folder' | 'folder_open' | 'upload' | 'download' | 'cloud' | 'cloud_upload' | 'storage' | 'database' | 'dns' | 'code' | 'terminal' | 'api' | 'extension' | 'web' | 'language' | 'public' | 'link' | 'shopping_cart' | 'shopping_bag' | 'store' | 'inventory' | 'inventory_2' | 'payments' | 'payment' | 'credit_card' | 'receipt' | 'receipt_long' | 'sell' | 'local_shipping' | 'analytics' | 'bar_chart' | 'pie_chart' | 'query_stats' | 'monitoring' | 'trending_up' | 'history' | 'schedule' | 'calendar_month' | 'build' | 'tune' | 'apps' | 'widgets' | 'category' | 'supervisor_account' | 'approval' | 'family_group' | 'recent_actors' | 'perm_media';
-interface TaonAdminRouteOptions {
+interface TaonAdminMenuCallbacks<TContext = unknown> {
+    isDisabled?: (params: {
+        context: TContext;
+    }) => boolean;
+    isDisabledTooltip?: (params: {
+        context: TContext;
+    }) => string;
+    isVisible?: (params: {
+        context: TContext;
+    }) => boolean;
+}
+interface TaonAdminRouteOptions<TContext = unknown> extends TaonAdminMenuCallbacks<TContext> {
     path: string;
     color?: string;
     loader: () => Promise<TaonAdminRoutes>;
     menuItem?: string;
-    icon?: MaterialIcon;
+    icon?: MatIcon['fontIcon'];
     expandable?: boolean;
     hideInNavigation?: boolean;
 }
 declare const TaonBaselineBackofficeOutletName = "admin";
-declare function adminLazyRoute(options: TaonAdminRouteOptions): TaonAdminRoute;
+declare function adminLazyRoute<TContext = unknown>(options: TaonAdminRouteOptions<TContext>): TaonAdminRoute;
 
 interface TaonAdminTabLevel {
     level: number;
@@ -182,6 +204,7 @@ interface TaonAdminTabLevel {
 }
 declare class TaonAdminPageTabsComponent implements OnInit {
     private readonly router;
+    protected readonly menuContext: TaonAdminMenuContext;
     routes: Routes;
     basePath: string;
     /**
@@ -399,9 +422,11 @@ declare enum TaonDraggableButtonPanelState {
     FULL_SCREEN_LOCKED = "FULL_SCREEN_LOCKED"
 }
 
-declare class TaonDraggableButtonPanelComponent implements OnInit, OnDestroy {
+declare class TaonDraggableButtonPanelComponent<TContext = unknown> implements OnInit, OnDestroy {
     private readonly router;
     readonly State: typeof TaonDraggableButtonPanelState;
+    private readonly menuContext;
+    set context(context: TContext);
     private drag?;
     basePath: string;
     buttonIcon: string;
@@ -426,6 +451,9 @@ declare class TaonDraggableButtonPanelComponent implements OnInit, OnDestroy {
     private readonly resizeListener;
     protected readonly currentState: i0.WritableSignal<TaonDraggableButtonPanelState>;
     private routerSubscription?;
+    autoHideIcon: boolean;
+    iconTemplate?: TemplateRef<unknown>;
+    headerCenterTemplate?: TemplateRef<unknown>;
     constructor(router: Router);
     ngOnInit(): Promise<void>;
     ngOnDestroy(): void;
@@ -435,6 +463,7 @@ declare class TaonDraggableButtonPanelComponent implements OnInit, OnDestroy {
     private ensureOutletBasePath;
     protected setState(next: TaonDraggableButtonPanelState): Promise<void>;
     protected open(): void;
+    protected toggle(): void;
     protected returnToButton(): void;
     protected windowMode(): void;
     protected fullScreenDraggable(): void;
@@ -445,8 +474,8 @@ declare class TaonDraggableButtonPanelComponent implements OnInit, OnDestroy {
     private isValidState;
     private resetDragPosition;
     private isTransitionAllowed;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TaonDraggableButtonPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TaonDraggableButtonPanelComponent, "taon-draggable-button-panel", never, { "basePath": { "alias": "basePath"; "required": false; }; "buttonIcon": { "alias": "buttonIcon"; "required": false; }; "title": { "alias": "title"; "required": false; }; "outlet": { "alias": "outlet"; "required": false; }; "stateParamName": { "alias": "stateParamName"; "required": false; }; "state": { "alias": "state"; "required": false; }; }, { "stateChange": "stateChange"; }, never, ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TaonDraggableButtonPanelComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TaonDraggableButtonPanelComponent<any>, "taon-draggable-button-panel", never, { "context": { "alias": "context"; "required": false; }; "basePath": { "alias": "basePath"; "required": false; }; "buttonIcon": { "alias": "buttonIcon"; "required": false; }; "title": { "alias": "title"; "required": false; }; "outlet": { "alias": "outlet"; "required": false; }; "stateParamName": { "alias": "stateParamName"; "required": false; }; "state": { "alias": "state"; "required": false; }; "autoHideIcon": { "alias": "autoHideIcon"; "required": false; }; "iconTemplate": { "alias": "iconTemplate"; "required": false; }; "headerCenterTemplate": { "alias": "headerCenterTemplate"; "required": false; }; }, { "stateChange": "stateChange"; }, never, ["*"], true, never>;
 }
 
 declare const TaonDraggableButtonPanelRoutes: Routes;
@@ -469,5 +498,5 @@ interface PlPlTraslationOverrideSrcLibTaonBackofficeNotificationsTaonBackofficeN
 
 type TaonBackofficeNotificationsOverride = CoreModels__NS__DeepPartial<EnUsTraslationOverrideSrcLibTaonBackofficeNotificationsTaonBackofficeNotificationsComponentTs | PlPlTraslationOverrideSrcLibTaonBackofficeNotificationsTaonBackofficeNotificationsComponentTs>;
 
-export { APP_ID, BUILD_BASE_HREF, BUILD_FRAMEWORK_CLI_NAME, CURRENT_PACKAGE_TAON_VERSION, CURRENT_PACKAGE_VERSION, PROJECT_NPM_NAME, TaonAdminLayoutComponent, TaonAdminPageTabsComponent, TaonBackofficeNotificationsComponent, TaonBackofficeNotificationsService, TaonBaseAdminLayoutPage, TaonBaselineBackofficeOutletName, TaonConfirmDialogComponent, TaonDatatableComponent, TaonDatatableRoutes, TaonDraggableButtonPanelComponent, TaonDraggableButtonPanelRoutes, TaonDraggableButtonPanelState, TaonErrorDetailsDialogComponent, TaonErrorToastComponent, TaonHorizontalWheelScrollDirective, adminLazyRoute, myOrgProj, startCli };
-export type { LibOverride, TaonAdminRoute, TaonAdminRouteOptions, TaonAdminRoutes, TaonAdminTabLevel, TaonBackofficeNotificationsOverride, TaonConfirmDialogData, TaonErrorDetailsDialogData, TaonErrorToastData, TaonNotificationInput, TaonNotificationOptions, TaonNotificationType };
+export { APP_ID, BUILD_BASE_HREF, BUILD_FRAMEWORK_CLI_NAME, CURRENT_PACKAGE_TAON_VERSION, CURRENT_PACKAGE_VERSION, PROJECT_NPM_NAME, TaonAdminLayoutComponent, TaonAdminMenuContext, TaonAdminPageTabsComponent, TaonBackofficeNotificationsComponent, TaonBackofficeNotificationsService, TaonBaseAdminLayoutPage, TaonBaselineBackofficeOutletName, TaonConfirmDialogComponent, TaonDatatableComponent, TaonDatatableRoutes, TaonDraggableButtonPanelComponent, TaonDraggableButtonPanelRoutes, TaonDraggableButtonPanelState, TaonErrorDetailsDialogComponent, TaonErrorToastComponent, TaonHorizontalWheelScrollDirective, adminLazyRoute, myOrgProj, startCli };
+export type { LibOverride, TaonAdminMenuCallbacks, TaonAdminRoute, TaonAdminRouteOptions, TaonAdminRoutes, TaonAdminTabLevel, TaonBackofficeNotificationsOverride, TaonConfirmDialogData, TaonErrorDetailsDialogData, TaonErrorToastData, TaonNotificationInput, TaonNotificationOptions, TaonNotificationType };

package/full-dts/build-info._auto-generated_.d.ts

@@ -22,4 +22,4 @@ export declare const CURRENT_PACKAGE_TAON_VERSION = "v21";
 /**
  *  Autogenerated by current cli tool. Use *tnp release* to bump version.
  */
-export declare const CURRENT_PACKAGE_VERSION = "21.0.12";
+export declare const CURRENT_PACKAGE_VERSION = "21.0.13";

package/full-dts/index._auto-generated_.d.ts

@@ -6,6 +6,7 @@ export * from './directives/taon-horizontal-wheel-scrolling.directive';
 export * from './i18n/lib.translation';
 export * from './taon-admin-layout/taon-admin-layout.component';
 export * from './taon-admin-layout/taon-admin-layout.models';
+export * from './taon-admin-layout/taon-admin-menu-context';
 export * from './taon-admin-layout/taon-admin-page-tabs.component';
 export * from './taon-admin-layout/taon-base-admin-page.component';
 export * from './taon-backoffice-notifications/taon-backoffice-notifications.component';

package/full-dts/taon-admin-layout/taon-admin-layout.component.d.ts

@@ -1,9 +1,11 @@
 // @ts-nocheck
 import { AfterViewInit, ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { Route, Router, Routes } from '@angular/router';
+import { TaonAdminMenuContext } from './taon-admin-menu-context';
 export declare class TaonAdminLayoutComponent implements OnInit, AfterViewInit, OnDestroy {
     private readonly router;
     private readonly hostElement;
+    protected readonly menuContext: TaonAdminMenuContext;
     routes: Routes;
     basePath: string;
     outlet: string;

package/full-dts/taon-admin-layout/taon-admin-layout.models.d.ts

@@ -1,4 +1,5 @@
 // @ts-nocheck
+import type { MatIcon } from '@angular/material/icon';
 import { Route } from '@angular/router';
 export interface TaonAdminRoute extends Route {
     /**
@@ -9,16 +10,25 @@ export interface TaonAdminRoute extends Route {
     loadAdminChildren?: () => Promise<TaonAdminRoutes>;
 }
 export type TaonAdminRoutes = TaonAdminRoute[];
-type MaterialIcon = 'manage_accounts' | 'dashboard' | 'home' | 'settings' | 'admin_panel_settings' | 'person' | 'people' | 'group' | 'groups' | 'account_circle' | 'login' | 'logout' | 'lock' | 'lock_open' | 'security' | 'key' | 'verified_user' | 'shield' | 'email' | 'mail' | 'inbox' | 'send' | 'campaign' | 'notifications' | 'article' | 'description' | 'edit' | 'add' | 'delete' | 'delete_forever' | 'restore_from_trash' | 'content_copy' | 'save' | 'search' | 'filter_list' | 'refresh' | 'sync' | 'more_vert' | 'more_horiz' | 'menu' | 'close' | 'check' | 'done' | 'warning' | 'error' | 'info' | 'help' | 'visibility' | 'visibility_off' | 'folder' | 'folder_open' | 'upload' | 'download' | 'cloud' | 'cloud_upload' | 'storage' | 'database' | 'dns' | 'code' | 'terminal' | 'api' | 'extension' | 'web' | 'language' | 'public' | 'link' | 'shopping_cart' | 'shopping_bag' | 'store' | 'inventory' | 'inventory_2' | 'payments' | 'payment' | 'credit_card' | 'receipt' | 'receipt_long' | 'sell' | 'local_shipping' | 'analytics' | 'bar_chart' | 'pie_chart' | 'query_stats' | 'monitoring' | 'trending_up' | 'history' | 'schedule' | 'calendar_month' | 'build' | 'tune' | 'apps' | 'widgets' | 'category' | 'supervisor_account' | 'approval' | 'family_group' | 'recent_actors' | 'perm_media';
-export interface TaonAdminRouteOptions {
+export interface TaonAdminMenuCallbacks<TContext = unknown> {
+    isDisabled?: (params: {
+        context: TContext;
+    }) => boolean;
+    isDisabledTooltip?: (params: {
+        context: TContext;
+    }) => string;
+    isVisible?: (params: {
+        context: TContext;
+    }) => boolean;
+}
+export interface TaonAdminRouteOptions<TContext = unknown> extends TaonAdminMenuCallbacks<TContext> {
     path: string;
     color?: string;
     loader: () => Promise<TaonAdminRoutes>;
     menuItem?: string;
-    icon?: MaterialIcon;
+    icon?: MatIcon['fontIcon'];
     expandable?: boolean;
     hideInNavigation?: boolean;
 }
 export declare const TaonBaselineBackofficeOutletName = "admin";
-export declare function adminLazyRoute(options: TaonAdminRouteOptions): TaonAdminRoute;
-export {};
+export declare function adminLazyRoute<TContext = unknown>(options: TaonAdminRouteOptions<TContext>): TaonAdminRoute;

package/full-dts/taon-admin-layout/taon-admin-menu-context.d.ts

@@ -0,0 +1,9 @@
+// @ts-nocheck
+import { Route } from '@angular/router';
+export declare class TaonAdminMenuContext {
+    readonly context: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<unknown>;
+    isVisible(route: Route): boolean;
+    isDisabled(route: Route): boolean;
+    disabledTooltip(route: Route): string;
+    private callbacks;
+}

package/full-dts/taon-admin-layout/taon-admin-page-tabs.component.d.ts

@@ -1,6 +1,7 @@
 // @ts-nocheck
 import { OnInit } from '@angular/core';
 import { Route, Router, Routes } from '@angular/router';
+import { TaonAdminMenuContext } from './taon-admin-menu-context';
 export interface TaonAdminTabLevel {
     level: number;
     routes: Routes;
@@ -15,6 +16,7 @@ export interface TaonAdminTabLevel {
 }
 export declare class TaonAdminPageTabsComponent implements OnInit {
     private readonly router;
+    protected readonly menuContext: TaonAdminMenuContext;
     routes: Routes;
     basePath: string;
     /**

package/full-dts/taon-draggable-button-panel/taon-draggable-button-panel.component.d.ts

@@ -1,10 +1,12 @@
 // @ts-nocheck
-import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
 import { Router } from '@angular/router';
 import { TaonDraggableButtonPanelState } from './taon-draggable-button-panel.models';
-export declare class TaonDraggableButtonPanelComponent implements OnInit, OnDestroy {
+export declare class TaonDraggableButtonPanelComponent<TContext = unknown> implements OnInit, OnDestroy {
     private readonly router;
     readonly State: typeof TaonDraggableButtonPanelState;
+    private readonly menuContext;
+    set context(context: TContext);
     private drag?;
     basePath: string;
     buttonIcon: string;
@@ -29,6 +31,9 @@ export declare class TaonDraggableButtonPanelComponent implements OnInit, OnDest
     private readonly resizeListener;
     protected readonly currentState: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<TaonDraggableButtonPanelState>;
     private routerSubscription?;
+    autoHideIcon: boolean;
+    iconTemplate?: TemplateRef<unknown>;
+    headerCenterTemplate?: TemplateRef<unknown>;
     constructor(router: Router);
     ngOnInit(): Promise<void>;
     ngOnDestroy(): void;
@@ -38,6 +43,7 @@ export declare class TaonDraggableButtonPanelComponent implements OnInit, OnDest
     private ensureOutletBasePath;
     protected setState(next: TaonDraggableButtonPanelState): Promise<void>;
     protected open(): void;
+    protected toggle(): void;
     protected returnToButton(): void;
     protected windowMode(): void;
     protected fullScreenDraggable(): void;

package/html/assets/generated/pwa/html-pwa.html

@@ -1,60 +1,60 @@
-<link rel="icon" type="image/x-icon" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/favicon.ico">
-<link rel="icon" type="image/png" sizes="16x16" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="48x48" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/favicon-48x48.png">
-<link rel="manifest" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/manifest.webmanifest">
+<link rel="icon" type="image/x-icon" href="/assets/assets-for/ui/assets/generated/pwa/favicon.ico">
+<link rel="icon" type="image/png" sizes="16x16" href="/assets/assets-for/ui/assets/generated/pwa/favicon-16x16.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/assets/assets-for/ui/assets/generated/pwa/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="48x48" href="/assets/assets-for/ui/assets/generated/pwa/favicon-48x48.png">
+<link rel="manifest" href="/assets/assets-for/ui/assets/generated/pwa/manifest.webmanifest">
 <meta name="mobile-web-app-capable" content="yes">
 <meta name="theme-color" content="#fff">
 <meta name="application-name">
-<link rel="apple-touch-icon" sizes="57x57" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-icon-57x57.png">
-<link rel="apple-touch-icon" sizes="60x60" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-icon-60x60.png">
-<link rel="apple-touch-icon" sizes="72x72" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-icon-72x72.png">
-<link rel="apple-touch-icon" sizes="76x76" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-icon-76x76.png">
-<link rel="apple-touch-icon" sizes="114x114" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-icon-114x114.png">
-<link rel="apple-touch-icon" sizes="120x120" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-icon-120x120.png">
-<link rel="apple-touch-icon" sizes="144x144" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-icon-144x144.png">
-<link rel="apple-touch-icon" sizes="152x152" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-icon-152x152.png">
-<link rel="apple-touch-icon" sizes="167x167" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-icon-167x167.png">
-<link rel="apple-touch-icon" sizes="180x180" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-icon-180x180.png">
-<link rel="apple-touch-icon" sizes="1024x1024" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-icon-1024x1024.png">
+<link rel="apple-touch-icon" sizes="57x57" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-icon-57x57.png">
+<link rel="apple-touch-icon" sizes="60x60" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-icon-60x60.png">
+<link rel="apple-touch-icon" sizes="72x72" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-icon-72x72.png">
+<link rel="apple-touch-icon" sizes="76x76" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-icon-76x76.png">
+<link rel="apple-touch-icon" sizes="114x114" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-icon-114x114.png">
+<link rel="apple-touch-icon" sizes="120x120" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-icon-120x120.png">
+<link rel="apple-touch-icon" sizes="144x144" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-icon-144x144.png">
+<link rel="apple-touch-icon" sizes="152x152" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-icon-152x152.png">
+<link rel="apple-touch-icon" sizes="167x167" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-icon-167x167.png">
+<link rel="apple-touch-icon" sizes="180x180" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-icon-180x180.png">
+<link rel="apple-touch-icon" sizes="1024x1024" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-icon-1024x1024.png">
 <meta name="apple-mobile-web-app-capable" content="yes">
 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
 <meta name="apple-mobile-web-app-title">
-<link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-640x1136.png">
-<link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-1136x640.png">
-<link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-750x1334.png">
-<link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-1334x750.png">
-<link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-1125x2436.png">
-<link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-2436x1125.png">
-<link rel="apple-touch-startup-image" media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-1170x2532.png">
-<link rel="apple-touch-startup-image" media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-2532x1170.png">
-<link rel="apple-touch-startup-image" media="(device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-1179x2556.png">
-<link rel="apple-touch-startup-image" media="(device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-2556x1179.png">
-<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-828x1792.png">
-<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-1792x828.png">
-<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-1242x2688.png">
-<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-2688x1242.png">
-<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-1242x2208.png">
-<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-2208x1242.png">
-<link rel="apple-touch-startup-image" media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-1284x2778.png">
-<link rel="apple-touch-startup-image" media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-2778x1284.png">
-<link rel="apple-touch-startup-image" media="(device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-1290x2796.png">
-<link rel="apple-touch-startup-image" media="(device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-2796x1290.png">
-<link rel="apple-touch-startup-image" media="(device-width: 744px) and (device-height: 1133px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-1488x2266.png">
-<link rel="apple-touch-startup-image" media="(device-width: 744px) and (device-height: 1133px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-2266x1488.png">
-<link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-1536x2048.png">
-<link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-2048x1536.png">
-<link rel="apple-touch-startup-image" media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-1620x2160.png">
-<link rel="apple-touch-startup-image" media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-2160x1620.png">
-<link rel="apple-touch-startup-image" media="(device-width: 820px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-1640x2160.png">
-<link rel="apple-touch-startup-image" media="(device-width: 820px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-2160x1640.png">
-<link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-1668x2388.png">
-<link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-2388x1668.png">
-<link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-1668x2224.png">
-<link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-2224x1668.png">
-<link rel="apple-touch-startup-image" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-2048x2732.png">
-<link rel="apple-touch-startup-image" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/apple-touch-startup-image-2732x2048.png">
+<link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-640x1136.png">
+<link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1136x640.png">
+<link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-750x1334.png">
+<link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1334x750.png">
+<link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1125x2436.png">
+<link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2436x1125.png">
+<link rel="apple-touch-startup-image" media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1170x2532.png">
+<link rel="apple-touch-startup-image" media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2532x1170.png">
+<link rel="apple-touch-startup-image" media="(device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1179x2556.png">
+<link rel="apple-touch-startup-image" media="(device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2556x1179.png">
+<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-828x1792.png">
+<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1792x828.png">
+<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1242x2688.png">
+<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2688x1242.png">
+<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1242x2208.png">
+<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2208x1242.png">
+<link rel="apple-touch-startup-image" media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1284x2778.png">
+<link rel="apple-touch-startup-image" media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2778x1284.png">
+<link rel="apple-touch-startup-image" media="(device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1290x2796.png">
+<link rel="apple-touch-startup-image" media="(device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2796x1290.png">
+<link rel="apple-touch-startup-image" media="(device-width: 744px) and (device-height: 1133px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1488x2266.png">
+<link rel="apple-touch-startup-image" media="(device-width: 744px) and (device-height: 1133px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2266x1488.png">
+<link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1536x2048.png">
+<link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2048x1536.png">
+<link rel="apple-touch-startup-image" media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1620x2160.png">
+<link rel="apple-touch-startup-image" media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2160x1620.png">
+<link rel="apple-touch-startup-image" media="(device-width: 820px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1640x2160.png">
+<link rel="apple-touch-startup-image" media="(device-width: 820px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2160x1640.png">
+<link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1668x2388.png">
+<link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2388x1668.png">
+<link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-1668x2224.png">
+<link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2224x1668.png">
+<link rel="apple-touch-startup-image" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2048x2732.png">
+<link rel="apple-touch-startup-image" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/assets-for/ui/assets/generated/pwa/apple-touch-startup-image-2732x2048.png">
 <meta name="msapplication-TileColor" content="#fff">
-<meta name="msapplication-TileImage" content="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/mstile-144x144.png">
-<meta name="msapplication-config" content="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/browserconfig.xml">
-<link rel="yandex-tableau-widget" href="/assets/assets-for/@taon-dev/ui/assets/generated/pwa/yandex-browser-manifest.json">
+<meta name="msapplication-TileImage" content="/assets/assets-for/ui/assets/generated/pwa/mstile-144x144.png">
+<meta name="msapplication-config" content="/assets/assets-for/ui/assets/generated/pwa/browserconfig.xml">
+<link rel="yandex-tableau-widget" href="/assets/assets-for/ui/assets/generated/pwa/yandex-browser-manifest.json">

package/html/lib/taon-admin-layout/taon-admin-layout.component.html

@@ -52,88 +52,127 @@
       <div class="admin-aside-content">
         <mat-accordion class="admin-menu">
           @for (level1 of routes; track level1.path) {
-            @if (isExpandable(level1)) {
-              <mat-expansion-panel
-                [expanded]="isLevel1Active(level1)"
-                (expandedChange)="panelExpanded(level1, $event)">
-                <mat-expansion-panel-header (click)="level1Clicked(level1)">
-                  <mat-panel-title>
-                    <div class="admin-menu-item">
-                      @if (icon(level1)) {
-                        <mat-icon
-                          [ngStyle]="{
-                            color: color(level1),
-                          }">
-                          {{ icon(level1) }}
-                        </mat-icon>
-                      }
-
-                      <span
-                        [class.font-semibold]="isLevel1Active(level1)"
-                        [ngStyle]="{
-                          color: color(level1),
-                        }">
-                        {{ label(level1) }}
-                      </span>
-                    </div>
-                  </mat-panel-title>
-                </mat-expansion-panel-header>
-
-                <div class="admin-level2">
-                  @if (isLoading(level1)) {
-                    <div class="admin-loading">Loading...</div>
-                  } @else {
-                    @for (
-                      level2 of getLevel2Routes(level1);
-                      track level2.path
-                    ) {
-                      <a
-                        class="admin-level2-item"
-                        [class.admin-level2-item-active]="
-                          isLevel2Active(level1, level2)
-                        "
-                        (click)="level2Clicked(level1, level2)">
-                        @if (icon(level2)) {
+            @if (menuContext.isVisible(level1)) {
+              @if (isExpandable(level1)) {
+                <mat-expansion-panel
+                  [disabled]="menuContext.isDisabled(level1)"
+                  [expanded]="
+                    isLevel1Active(level1) && !menuContext.isDisabled(level1)
+                  "
+                  (expandedChange)="panelExpanded(level1, $event)">
+                  <mat-expansion-panel-header
+                    [class.admin-menu-item-disabled]="
+                      menuContext.isDisabled(level1)
+                    "
+                    [matTooltip]="menuContext.disabledTooltip(level1)"
+                    (click)="level1Clicked(level1)">
+                    <mat-panel-title>
+                      <div class="admin-menu-item">
+                        @if (icon(level1)) {
                           <mat-icon
                             [ngStyle]="{
-                              color: color(level2),
+                              color: color(level1),
                             }">
-                            {{ icon(level2) }}
+                            {{ icon(level1) }}
                           </mat-icon>
                         }
 
                         <span
+                          [class.font-semibold]="isLevel1Active(level1)"
                           [ngStyle]="{
-                            color: color(level2),
+                            color: color(level1),
                           }">
-                          {{ label(level2) }}
+                          {{ label(level1) }}
                         </span>
-                      </a>
+                      </div>
+                    </mat-panel-title>
+                  </mat-expansion-panel-header>
+
+                  <div class="admin-level2">
+                    @if (isLoading(level1)) {
+                      <div class="admin-loading">Loading...</div>
+                    } @else {
+                      @for (
+                        level2 of getLevel2Routes(level1);
+                        track level2.path
+                      ) {
+                        @if (menuContext.isVisible(level2)) {
+                          <a
+                            class="admin-level2-item"
+                            role="button"
+                            [attr.tabindex]="
+                              menuContext.isDisabled(level2) ? -1 : 0
+                            "
+                            [attr.aria-disabled]="
+                              menuContext.isDisabled(level2)
+                            "
+                            [class.admin-menu-item-disabled]="
+                              menuContext.isDisabled(level2)
+                            "
+                            [matTooltip]="menuContext.disabledTooltip(level2)"
+                            [class.admin-level2-item-active]="
+                              isLevel2Active(level1, level2)
+                            "
+                            (click)="level2Clicked(level1, level2)"
+                            (keydown.enter)="level2Clicked(level1, level2)"
+                            (keydown.space)="
+                              $event.preventDefault();
+                              level2Clicked(level1, level2)
+                            ">
+                            @if (icon(level2)) {
+                              <mat-icon
+                                [ngStyle]="{
+                                  color: color(level2),
+                                }">
+                                {{ icon(level2) }}
+                              </mat-icon>
+                            }
+
+                            <span
+                              [ngStyle]="{
+                                color: color(level2),
+                              }">
+                              {{ label(level2) }}
+                            </span>
+                          </a>
+                        }
+                      }
                     }
+                  </div>
+                </mat-expansion-panel>
+              } @else {
+                <a
+                  class="admin-level1-item"
+                  role="button"
+                  [attr.tabindex]="menuContext.isDisabled(level1) ? -1 : 0"
+                  [attr.aria-disabled]="menuContext.isDisabled(level1)"
+                  [class.admin-menu-item-disabled]="
+                    menuContext.isDisabled(level1)
+                  "
+                  [matTooltip]="menuContext.disabledTooltip(level1)"
+                  [class.admin-level1-item-active]="isLevel1Active(level1)"
+                  (click)="level1Clicked(level1)"
+                  (keydown.enter)="level1Clicked(level1)"
+                  (keydown.space)="
+                    $event.preventDefault(); level1Clicked(level1)
+                  ">
+                  @if (icon(level1)) {
+                    <mat-icon
+                      [ngStyle]="{
+                        color: color(level1),
+                      }">
+                      {{ icon(level1) }}
+                    </mat-icon>
                   }
-                </div>
-              </mat-expansion-panel>
-            } @else {
-              <a
-                class="admin-level1-item"
-                [class.admin-level1-item-active]="isLevel1Active(level1)"
-                (click)="level1Clicked(level1)">
-                @if (icon(level1)) {
-                  <mat-icon
+
+                  <span
                     [ngStyle]="{
                       color: color(level1),
                     }">
-                    {{ icon(level1) }}
-                  </mat-icon>
-                }
-
-                <span
-                  [ngStyle]="{
-                    color: color(level1),
-                  }">
-                  {{ label(level1) }}
-                </span>
-              </a>
+                    {{ label(level1) }}
+                  </span>
+                </a>
+              }
             }
           }
         </mat-accordion>