@taon-dev/ui 21.0.12 → 21.0.14

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>

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

@@ -5,13 +5,18 @@
         mat-tab-nav-bar
         [tabPanel]="tabPanel">
         @for (route of level.routes; track route.path) {
-          <a
-            mat-tab-link
-            class="cursor-pointer"
-            [active]="isActive(level, route)"
-            (click)="tabClicked(level, route)">
-            {{ label(route) }}
-          </a>
+          @if (menuContext.isVisible(route)) {
+            <a
+              mat-tab-link
+              class="cursor-pointer"
+              [disabled]="menuContext.isDisabled(route)"
+              [class.admin-tab-disabled]="menuContext.isDisabled(route)"
+              [matTooltip]="menuContext.disabledTooltip(route)"
+              [active]="isActive(level, route)"
+              (click)="tabClicked(level, route)">
+              {{ label(route) }}
+            </a>
+          }
         }
       </nav>
     }

package/html/lib/taon-draggable-button-panel/taon-draggable-button-panel.component.html

@@ -1,96 +1,108 @@
-@if (currentState() === State.CLICKABLE_BUTTON) {
-  <!-- #region BUTTON - works on desktop AND mobile -->
-  <button
-    class="taon-admin-panel-toogle-open-button"
-    mat-icon-button
-    type="button"
-    [matTooltip]="title"
-    (click)="open()">
-    <mat-icon>
-      {{ buttonIcon }}
-    </mat-icon>
-  </button>
-  <!-- #endregion -->
-} @else {
-  <section
-    cdkDrag
-    [cdkDragDisabled]="!isDraggingEnabled()"
-    class="taon-draggable-panel"
-    [class.taon-window]="effectiveState() === State.WINDOW"
-    [class.taon-window-full]="effectiveState() !== State.WINDOW"
-    [class.taon-fullscreen]="
-      effectiveState() === State.FULL_SCREEN_DRAGGABLE ||
-      effectiveState() === State.FULL_SCREEN_LOCKED
-    ">
-    <header
-      cdkDragHandle
-      (dblclick)="toogleFullscreen($event)"
-      class="taon-window-bar">
-      <div class="flex min-w-0 flex-1 items-center gap-2">
-        <mat-icon class="text-gray-500"> admin_panel_settings </mat-icon>
+@if (currentState() === State.CLICKABLE_BUTTON || !autoHideIcon) {
+  @if (iconTemplate) {
+    <ng-container [ngTemplateOutlet]="iconTemplate" />
+  } @else {
+    <button
+      class="taon-admin-panel-toogle-open-button"
+      [class.taon-admin-panel-toogle-button-dimmer-opacity]="
+        effectiveState() !== State.CLICKABLE_BUTTON
+      "
+      mat-icon-button
+      type="button"
+      [matTooltip]="title"
+      (click)="toggle()">
+      <mat-icon>{{ buttonIcon }}</mat-icon>
+    </button>
+  }
+}
 
-        <span class="truncate font-medium">
-          {{ title }}
-        </span>
-      </div>
+<section
+  cdkDrag
+  [hidden]="currentState() === State.CLICKABLE_BUTTON"
+  [cdkDragDisabled]="!isDraggingEnabled()"
+  class="taon-draggable-panel"
+  [class.taon-window]="effectiveState() === State.WINDOW"
+  [class.taon-window-full]="effectiveState() !== State.WINDOW"
+  [class.taon-fullscreen]="
+    effectiveState() === State.FULL_SCREEN_DRAGGABLE ||
+    effectiveState() === State.FULL_SCREEN_LOCKED
+  ">
+  <header
+    cdkDragHandle
+    (dblclick)="toogleFullscreen($event)"
+    class="taon-window-bar">
+    <!-- LEFT -->
+    <div class="flex min-w-0 flex-1 items-center gap-2">
+      <mat-icon class="text-gray-500"> admin_panel_settings </mat-icon>
 
-      <!-- #region window buttons -->
-      <div class="flex shrink-0 items-center">
-        <!-- Desktop-only window/fullscreen controls -->
-        @if (!forceFullScreen()) {
-          @if (currentState() !== State.WINDOW) {
-            <button
-              mat-icon-button
-              type="button"
-              matTooltip="Window mode"
-              (click)="windowMode()">
-              <mat-icon>filter_none</mat-icon>
-            </button>
-          }
+      <span class="truncate font-medium">
+        {{ title }}
+      </span>
+    </div>
+
+    <!-- EXACT CENTER -->
+    <div class="flex min-w-0 items-center justify-center">
+      @if (headerCenterTemplate) {
+        <ng-container [ngTemplateOutlet]="headerCenterTemplate" />
+      }
+    </div>
 
-          @if (currentState() === State.WINDOW) {
-            <button
-              mat-icon-button
-              type="button"
-              matTooltip="Full screen"
-              (click)="fullScreenDraggable()">
-              <mat-icon>fullscreen</mat-icon>
-            </button>
-          }
+    <!-- #region window buttons -->
+    <div class="flex shrink-0 items-center">
+      <!-- Desktop-only window/fullscreen controls -->
+      @if (!forceFullScreen()) {
+        @if (currentState() !== State.WINDOW) {
+          <button
+            mat-icon-button
+            type="button"
+            matTooltip="Window mode"
+            (click)="windowMode()">
+            <mat-icon>filter_none</mat-icon>
+          </button>
+        }
 
-          @if (currentState() !== State.FULL_SCREEN_LOCKED) {
-            <button
-              mat-icon-button
-              type="button"
-              matTooltip="Lock full screen"
-              (click)="lockFullScreen()">
-              <mat-icon>lock_open</mat-icon>
-            </button>
-          } @else {
-            <button
-              mat-icon-button
-              type="button"
-              matTooltip="Unlock"
-              (click)="fullScreenDraggable()">
-              <mat-icon>lock</mat-icon>
-            </button>
-          }
+        @if (currentState() === State.WINDOW) {
+          <button
+            mat-icon-button
+            type="button"
+            matTooltip="Full screen"
+            (click)="fullScreenDraggable()">
+            <mat-icon>fullscreen</mat-icon>
+          </button>
         }
 
-        <!-- ALWAYS available -->
-        <button
-          mat-icon-button
-          type="button"
-          matTooltip="Close admin panel"
-          (click)="returnToButton()">
-          <mat-icon>close</mat-icon>
-        </button>
-      </div>
-      <!-- #endregion -->
-    </header>
+        @if (currentState() !== State.FULL_SCREEN_LOCKED) {
+          <button
+            mat-icon-button
+            type="button"
+            matTooltip="Lock full screen"
+            (click)="lockFullScreen()">
+            <mat-icon>lock_open</mat-icon>
+          </button>
+        } @else {
+          <button
+            mat-icon-button
+            type="button"
+            matTooltip="Unlock"
+            (click)="fullScreenDraggable()">
+            <mat-icon>lock</mat-icon>
+          </button>
+        }
+      }
 
-    <div class="min-h-0 flex-1 overflow-hidden">
-      <ng-content />
+      <!-- ALWAYS available -->
+      <button
+        mat-icon-button
+        type="button"
+        matTooltip="Close admin panel"
+        (click)="returnToButton()">
+        <mat-icon>close</mat-icon>
+      </button>
     </div>
-  </section>
-}
+    <!-- #endregion -->
+  </header>
+
+  <div class="min-h-0 flex-1 overflow-hidden">
+    <ng-content />
+  </div>
+</section>

package/html/lib/taon-under-construction/taon-under-construction.component.html

@@ -0,0 +1,14 @@
+<div class="under-construction">
+  <div class="icon-wrapper">
+    <mat-icon>{{ icon() }}</mat-icon>
+  </div>
+
+  <h2>{{ title() }}</h2>
+
+  <p>{{ description() }}</p>
+
+  <div class="status">
+    <mat-icon>construction</mat-icon>
+    Work in progress
+  </div>
+</div>

package/lib/build-info._auto-generated_.d.ts

@@ -21,4 +21,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.14";

package/lib/build-info._auto-generated_.js

@@ -25,6 +25,6 @@ exports.CURRENT_PACKAGE_TAON_VERSION = 'v21';
 /**
  *  Autogenerated by current cli tool. Use *tnp release* to bump version.
  */
-exports.CURRENT_PACKAGE_VERSION = '21.0.12';
+exports.CURRENT_PACKAGE_VERSION = '21.0.14';
 // THIS FILE IS GENERATED - DO NOT MODIFY
 //# sourceMappingURL=build-info._auto-generated_.js.map

package/lib/index._auto-generated_.d.ts

@@ -3,8 +3,10 @@ export * from './my-organization-proj';
 export * from './start-cli';
 export * from './i18n/lib.translation';
 export * from './taon-admin-layout/taon-admin-layout.models';
+export * from './taon-admin-layout/taon-admin-menu-context';
 export * from './taon-backoffice-notifications/taon-backoffice-notifications.models';
 export * from './taon-confirm-dialog/taon-confirm-dialog.models';
 export * from './taon-datatable/taon-datatable.models';
 export * from './taon-draggable-button-panel/taon-draggable-button-panel.models';
 export * from './taon-backoffice-notifications/i18n/taon-backoffice-notifications.translation';
+export * from './taon-under-construction/i18n/taon-under-construction.translation';

package/lib/index._auto-generated_.js

@@ -26,6 +26,7 @@ __exportStar(require("./start-cli"), exports);
 __exportStar(require("./i18n/lib.translation"), exports);
 /* */
 __exportStar(require("./taon-admin-layout/taon-admin-layout.models"), exports);
+__exportStar(require("./taon-admin-layout/taon-admin-menu-context"), exports);
 /* */
 /* */
 /* */
@@ -41,5 +42,7 @@ __exportStar(require("./taon-datatable/taon-datatable.models"), exports);
 /* */
 __exportStar(require("./taon-draggable-button-panel/taon-draggable-button-panel.models"), exports);
 /* */
+/* */
 __exportStar(require("./taon-backoffice-notifications/i18n/taon-backoffice-notifications.translation"), exports);
+__exportStar(require("./taon-under-construction/i18n/taon-under-construction.translation"), exports);
 //# sourceMappingURL=index._auto-generated_.js.map

package/lib/index._auto-generated_.js.map

@@ -1 +1 @@
-{"version":3,"file":"index._auto-generated_.js","sourceRoot":"","sources":[""],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,cAAc;AACd,kEAAkE;AAClE,wCAAwC;AACxC,wDAAwD;AACxD,kCAAkC;AAClC,gEAA8C;AAC9C,yDAAuC;AACvC,8CAA4B;AAC5B,KAAK;AACL,yDAAuC;AACvC,KAAK;AACL,+EAA6D;AAC7D,KAAK;AACL,KAAK;AACL,KAAK;AACL,uGAAqF;AACrF,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,mFAAiE;AACjE,KAAK;AACL,yEAAuD;AACvD,KAAK;AACL,KAAK;AACL,mGAAiF;AACjF,KAAK;AACL,iHAA+F"}
+{"version":3,"file":"index._auto-generated_.js","sourceRoot":"","sources":[""],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,cAAc;AACd,kEAAkE;AAClE,wCAAwC;AACxC,wDAAwD;AACxD,kCAAkC;AAClC,gEAA8C;AAC9C,yDAAuC;AACvC,8CAA4B;AAC5B,KAAK;AACL,yDAAuC;AACvC,KAAK;AACL,+EAA6D;AAC7D,8EAA4D;AAC5D,KAAK;AACL,KAAK;AACL,KAAK;AACL,uGAAqF;AACrF,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,mFAAiE;AACjE,KAAK;AACL,yEAAuD;AACvD,KAAK;AACL,KAAK;AACL,mGAAiF;AACjF,KAAK;AACL,KAAK;AACL,iHAA+F;AAC/F,qGAAmF"}

package/lib/package.json

@@ -1,4 +1,4 @@
 {
   "name": "@taon-dev/ui/lib",
-  "version": "21.0.12"
+  "version": "21.0.14"
 }

package/lib/taon-admin-layout/index.d.ts

@@ -1 +1 @@
-export declare function dummy1791907259767(): void;
+export declare function dummy1792349325561(): void;

package/lib/taon-admin-layout/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1791907259767 = dummy1791907259767;
-function dummy1791907259767() { }
+exports.dummy1792349325561 = dummy1792349325561;
+function dummy1792349325561() { }
 //# sourceMappingURL=index.js.map

package/lib/taon-admin-layout/taon-admin-layout.models.d.ts

@@ -8,16 +8,23 @@ 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;
     expandable?: boolean;
     hideInNavigation?: boolean;
 }
 export declare const TaonBaselineBackofficeOutletName = "admin";
-export declare function adminLazyRoute(options: TaonAdminRouteOptions): TaonAdminRoute;
-export {};

package/lib/taon-admin-layout/taon-admin-layout.models.js

@@ -1,21 +1,40 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TaonBaselineBackofficeOutletName = void 0;
-exports.adminLazyRoute = adminLazyRoute;
 exports.TaonBaselineBackofficeOutletName = 'admin';
-function adminLazyRoute(options) {
-    const { path, loader, menuItem, icon, color, expandable, hideInNavigation } = options;
-    return {
-        path,
-        data: {
-            menuItem,
-            color,
-            icon,
-            expandable,
-            hideInNavigation,
-        },
-        loadChildren: loader,
-        loadAdminChildren: loader,
-    };
-}
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
 //# sourceMappingURL=taon-admin-layout.models.js.map

package/lib/taon-admin-layout/taon-admin-layout.models.js.map

@@ -1 +1 @@
-{"version":3,"file":"taon-admin-layout.models.js","sourceRoot":"","sources":[""],"names":[],"mappings":";;;AAgIA,wCAkBC;AApBY,QAAA,gCAAgC,GAAG,OAAO,CAAC;AAExD,SAAgB,cAAc,CAAC,OAA8B;IAC3D,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,GACzE,OAAO,CAAC;IAEV,OAAO;QACL,IAAI;QAEJ,IAAI,EAAE;YACJ,QAAQ;YACR,KAAK;YACL,IAAI;YACJ,UAAU;YACV,gBAAgB;SACjB;QAED,YAAY,EAAE,MAAM;QACpB,iBAAiB,EAAE,MAAM;KAC1B,CAAC;AACJ,CAAC"}
+{"version":3,"file":"taon-admin-layout.models.js","sourceRoot":"","sources":[""],"names":[],"mappings":";;;AAsCa,QAAA,gCAAgC,GAAG,OAAO,CAAC;AAExD,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK"}

package/lib/taon-admin-layout/taon-admin-menu-context.d.ts

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

package/lib/taon-admin-layout/taon-admin-menu-context.js

@@ -0,0 +1,36 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TaonAdminMenuContext = void 0;
+const core_1 = require("@angular/core");
+let TaonAdminMenuContext = class TaonAdminMenuContext {
+    context = (0, core_1.signal)(undefined);
+    isVisible(route) {
+        return (!route.data?.['hideInNavigation'] &&
+            this.callbacks(route)?.isVisible?.({ context: this.context() }) !== false);
+    }
+    isDisabled(route) {
+        return (this.callbacks(route)?.isDisabled?.({ context: this.context() }) === true);
+    }
+    disabledTooltip(route) {
+        return this.isDisabled(route)
+            ? (this.callbacks(route)?.isDisabledTooltip?.({
+                context: this.context(),
+            }) ?? '')
+            : '';
+    }
+    callbacks(route) {
+        // Angular Route.data erases the application's context type at the router boundary.
+        return route.data;
+    }
+};
+exports.TaonAdminMenuContext = TaonAdminMenuContext;
+exports.TaonAdminMenuContext = TaonAdminMenuContext = __decorate([
+    (0, core_1.Injectable)()
+], TaonAdminMenuContext);
+//# sourceMappingURL=taon-admin-menu-context.js.map