@taon-dev/ui 21.0.11 → 21.0.13

package/lib-esm/lib/taon-draggable-button-panel/index.d.ts

@@ -1 +1 @@
-export declare function dummy1791766149766(): void;
+export declare function dummy1792197552120(): void;

package/lib-esm/lib/taon-draggable-button-panel/index.js

@@ -1,2 +1,2 @@
-export function dummy1791766149766() { }
+export function dummy1792197552120() { }
 //# sourceMappingURL=index.js.map

package/lib-prod/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.11";
+export declare const CURRENT_PACKAGE_VERSION = "21.0.13";

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

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

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

@@ -3,6 +3,7 @@ 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';

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

@@ -10,6 +10,7 @@ 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';
 /* */
 /* */
 /* */

package/lib-prod/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,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,KAAK;AACL,cAAc,wBAAwB,CAAC;AACvC,KAAK;AACL,cAAc,8CAA8C,CAAC;AAC7D,KAAK;AACL,KAAK;AACL,KAAK;AACL,cAAc,sEAAsE,CAAC;AACrF,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,cAAc,kDAAkD,CAAC;AACjE,KAAK;AACL,cAAc,wCAAwC,CAAC;AACvD,KAAK;AACL,KAAK;AACL,cAAc,kEAAkE,CAAC;AACjF,KAAK;AACL,cAAc,gFAAgF,CAAC"}
+{"version":3,"file":"index._auto-generated_.js","sourceRoot":"","sources":[""],"names":[],"mappings":"AAAA,cAAc;AACd,kEAAkE;AAClE,wCAAwC;AACxC,wDAAwD;AACxD,kCAAkC;AAClC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,KAAK;AACL,cAAc,wBAAwB,CAAC;AACvC,KAAK;AACL,cAAc,8CAA8C,CAAC;AAC7D,cAAc,6CAA6C,CAAC;AAC5D,KAAK;AACL,KAAK;AACL,KAAK;AACL,cAAc,sEAAsE,CAAC;AACrF,KAAK;AACL,KAAK;AACL,KAAK;AACL,KAAK;AACL,cAAc,kDAAkD,CAAC;AACjE,KAAK;AACL,cAAc,wCAAwC,CAAC;AACvD,KAAK;AACL,KAAK;AACL,cAAc,kEAAkE,CAAC;AACjF,KAAK;AACL,cAAc,gFAAgF,CAAC"}

package/lib-prod/package.json

@@ -1,4 +1,4 @@
 {
   "name": "@taon-dev/ui/lib-prod",
-  "version": "21.0.11"
+  "version": "21.0.13"
 }

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

@@ -1 +1 @@
-export declare function dummy1791766171577(): void;
+export declare function dummy1792197574885(): void;

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

@@ -1,2 +1,2 @@
-export function dummy1791766171577() { }
+export function dummy1792197574885() { }
 //# sourceMappingURL=index.js.map

package/lib-prod/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-prod/taon-admin-layout/taon-admin-layout.models.js

@@ -1,17 +1,37 @@
 export const TaonBaselineBackofficeOutletName = 'admin';
-export 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-prod/taon-admin-layout/taon-admin-layout.models.js.map

@@ -1 +1 @@
-{"version":3,"file":"taon-admin-layout.models.js","sourceRoot":"","sources":[""],"names":[],"mappings":"AA8HA,MAAM,CAAC,MAAM,gCAAgC,GAAG,OAAO,CAAC;AAExD,MAAM,UAAU,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,MAAM,CAAC,MAAM,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-prod/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-prod/taon-admin-layout/taon-admin-menu-context.js

@@ -0,0 +1,27 @@
+import { Injectable, signal } from '@angular/core';
+let TaonAdminMenuContext = class TaonAdminMenuContext {
+    context = 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;
+    }
+};
+TaonAdminMenuContext = __decorate([
+    Injectable()
+], TaonAdminMenuContext);
+export { TaonAdminMenuContext };
+//# sourceMappingURL=taon-admin-menu-context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"taon-admin-menu-context.js","sourceRoot":"","sources":[""],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAM5C,IAAM,oBAAoB,GAA1B,MAAM,oBAAoB;IACtB,OAAO,GAAG,MAAM,CAAU,SAAS,CAAC,CAAC;IAE9C,SAAS,CAAC,KAAY;QACpB,OAAO,CACL,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,kBAAkB,CAAC;YACjC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC,KAAK,KAAK,CAC1E,CAAC;IACJ,CAAC;IAED,UAAU,CAAC,KAAY;QACrB,OAAO,CACL,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC,KAAK,IAAI,CAC1E,CAAC;IACJ,CAAC;IAED,eAAe,CAAC,KAAY;QAC1B,OAAO,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;YAC3B,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAC;gBAC1C,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;aACxB,CAAC,IAAI,EAAE,CAAC;YACX,CAAC,CAAC,EAAE,CAAC;IACT,CAAC;IAEO,SAAS,CAAC,KAAY;QAC5B,mFAAmF;QACnF,OAAO,KAAK,CAAC,IAA0C,CAAC;IAC1D,CAAC;CACF,CAAA;AA5BY,oBAAoB;IADhC,UAAU,EAAE;GACA,oBAAoB,CA4BhC"}

package/lib-prod/taon-datatable/index.d.ts

@@ -1 +1 @@
-export declare function dummy1791766171658(): void;
+export declare function dummy1792197574975(): void;

package/lib-prod/taon-datatable/index.js

@@ -1,2 +1,2 @@
-export function dummy1791766171658() { }
+export function dummy1792197574975() { }
 //# sourceMappingURL=index.js.map

package/lib-prod/taon-draggable-button-panel/index.d.ts

@@ -1 +1 @@
-export declare function dummy1791766171686(): void;
+export declare function dummy1792197575003(): void;

package/lib-prod/taon-draggable-button-panel/index.js

@@ -1,2 +1,2 @@
-export function dummy1791766171686() { }
+export function dummy1792197575003() { }
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taon-dev/ui",
-  "version": "21.0.11",
+  "version": "21.0.13",
   "scripts": {
     "taon init": "taon init",
     "taon start": "taon start",

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

@@ -207,6 +207,11 @@
   opacity: 0.6;
 }
 
+.admin-menu-item-disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
 // ============================================================================
 // MAIN
 // ============================================================================

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

@@ -2,4 +2,11 @@
 //   --mat-tab-header-active-focus-indicator-color: #ff8585 !important;
 //   --mat-tab-header-active-hover-indicator-color: #ff8585 !important;
 //   --mat-tab-header-active-label-text-color: #303030 !important;
-// }
+// }
+
+.mat-mdc-tab-link.admin-tab-disabled {
+  // Keep disabled tabs hoverable for their explanatory tooltip.
+  pointer-events: auto;
+  cursor: not-allowed;
+  opacity: 0.5;
+}

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

@@ -2,6 +2,10 @@
   display: contents;
 }
 
+.taon-admin-panel-toogle-button-dimmer-opacity {
+  opacity: 0.6;
+}
+
 .taon-draggable-panel {
   position: fixed;
 
@@ -45,15 +49,14 @@
 .taon-window-bar {
   height: 48px;
 
-  display: flex;
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr) auto;
   align-items: center;
 
   flex-shrink: 0;
-
   padding-left: 12px;
 
   border-bottom: 1px solid #e5e7eb;
-
   background: #fafafa;
 
   user-select: none;