@taon-dev/ui 21.0.4 → 21.0.5

package/browser-prod/package.json

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

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

@@ -1,6 +1,6 @@
 // @ts-nocheck
 import * as i0 from '@angular/core';
-import { AfterViewInit, OnDestroy, OnInit, TemplateRef, EventEmitter } 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 { Translation } from '@taon-dev/i18n/browser-prod';
@@ -448,7 +448,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.4";
+declare const CURRENT_PACKAGE_VERSION = "21.0.5";
 
 declare function myOrgProj(): void;
 
@@ -492,69 +492,72 @@ interface PlPlTraslationOverrideSrcLibMyOrganizationProjTs {
 
 type LibOverride = CoreModels__NS__DeepPartial<EnUsTraslationOverrideSrcLibMyOrganizationProjTs | PlPlTraslationOverrideSrcLibMyOrganizationProjTs>;
 
-declare class TaonAdminLayoutComponent implements OnInit {
+declare class TaonAdminLayoutComponent implements OnInit, AfterViewInit, OnDestroy {
     private readonly router;
+    private readonly hostElement;
     routes: Routes;
     basePath: string;
     outlet: string;
-    /**
-     * Children discovered for each level-1 route.
-     *
-     * Session -> [Tracking, Providers]
-     * Users   -> [Manager]
-     */
+    protected readonly layoutWidth: i0.WritableSignal<number>;
+    protected readonly layoutHeight: i0.WritableSignal<number>;
     protected readonly level2Routes: i0.WritableSignal<Map<Route, Routes>>;
     protected readonly currentUrl: i0.WritableSignal<string>;
     protected readonly loadingRoutes: i0.WritableSignal<Set<Route>>;
     protected readonly asideOpened: i0.WritableSignal<boolean>;
+    private resizeObserver?;
+    private mutationObserver?;
+    private resizing;
+    private resizeStartX;
+    private resizeStartY;
+    private resizeStartWidth;
+    private resizeStartHeight;
+    private readonly minDialogWidth;
+    private readonly minDialogHeight;
+    protected get isDialogMode(): boolean;
     private get basePathSegments();
-    constructor(router: Router);
+    protected get normalizedBasePath(): string;
+    constructor(router: Router, hostElement: ElementRef<HTMLElement>);
+    ngOnInit(): Promise<void>;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private getWindowElement;
+    private getDraggablePanelElement;
+    private startWindowObservers;
+    private windowModeChanged;
+    private clearWindowResize;
+    protected windowResized(): void;
+    private updateLayoutSize;
+    protected startResize(event: PointerEvent): void;
+    private readonly resize;
+    private readonly stopResize;
     protected toggleAside(): void;
     protected closeAside(): void;
-    ngOnInit(): Promise<void>;
-    protected level1Clicked(route: Route): Promise<void>;
-    protected level2Clicked(level1: Route, level2: Route): Promise<void>;
-    private outletBaseMatrixParams;
-    private navigateTo;
     private closeAsideOnMobile;
+    protected level1Clicked(route: Route): Promise<void>;
     protected panelExpanded(route: Route, expanded: boolean): Promise<void>;
     protected isLevel1Active(route: Route): boolean;
+    protected level2Clicked(level1: Route, level2: Route): Promise<void>;
     protected getLevel2Routes(route: Route): Routes;
     protected isLevel2Active(level1: Route, level2: Route): boolean;
     protected level2Link(level1: Route, level2: Route): string[];
+    private outletBaseMatrixParams;
+    private navigateTo;
     private ensureLevel2Loaded;
     private loadRouteChildren;
-    /**
-     * Removes structural path:'' wrappers.
-     *
-     * [
-     *   {
-     *     path: '',
-     *     component: SessionComponent,
-     *     children: [...]
-     *   }
-     * ]
-     *
-     * becomes:
-     *
-     * [...]
-     */
     private unwrapEmptyPathRoutes;
     private loadCurrentLevel1Route;
     protected label(route: Route): string;
     protected color(route: Route): string;
     protected icon(route: Route): string | undefined;
     protected isLoading(route: Route): boolean;
+    protected isExpandable(route: Route): boolean;
     private isPathActive;
     private currentRelativeSegments;
     private currentOutletSegments;
-    protected isExpandable(route: Route): boolean;
-    protected get normalizedBasePath(): string;
-    private cleanUrl;
     private setLoading;
     private startCase;
     static ɵfac: i0.ɵɵFactoryDeclaration<TaonAdminLayoutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TaonAdminLayoutComponent, "taon-admin-layout", never, { "routes": { "alias": "routes"; "required": true; }; "basePath": { "alias": "basePath"; "required": false; }; "outlet": { "alias": "outlet"; "required": false; }; }, {}, never, ["[header]", "[asideFooter]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TaonAdminLayoutComponent, "taon-admin-layout", never, { "routes": { "alias": "routes"; "required": true; }; "basePath": { "alias": "basePath"; "required": false; }; "outlet": { "alias": "outlet"; "required": false; }; }, {}, never, ["[header]", "[asideFooter]", "[contentFooter]"], true, never>;
 }
 
 interface TaonAdminRoute extends Route {
@@ -566,7 +569,7 @@ 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';
+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 {
     path: string;
     color?: string;
@@ -657,6 +660,7 @@ declare class TaonBackofficeNotificationsComponent {
     t: Translation;
     private readonly notification;
     private readonly destroyRef;
+    private readonly taonAdminService;
     filter: (err: HttpResponseError<RestErrorResponseWrapper>) => HttpResponseError<RestErrorResponseWrapper>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TaonBackofficeNotificationsComponent, never>;
@@ -777,8 +781,11 @@ declare class TaonDatatableComponent implements OnInit {
     private readonly reload$;
     private readonly searchChange$;
     readonly data$: Observable<any[]>;
+    expandedRows: Set<any>;
     get entity(): typeof TaonBaseEntity | undefined;
     get filterableColumns(): MtxGridColumn[];
+    onExpansionChange(event: any): void;
+    isExpanded(row: any): boolean;
     ngOnInit(): void;
     searchChanged(value: string): void;
     clearSearch(): void;

package/html/app/main/main.container.html

@@ -15,4 +15,10 @@
     class="text-xs text-gray-500">
     Taon Admin v1.0
   </div>
+
+  <div
+    contentFooter
+    class="text-xs text-gray-500">
+    Conetn footer Admin v1.0
+  </div>
 </taon-admin-layout>

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

@@ -1,21 +1,24 @@
-<div class="flex h-dvh min-h-0 flex-col overflow-hidden">
+<div
+  #layout
+  class="admin-layout"
+  [class.admin-layout-dialog]="isDialogMode"
+  [style.width.px]="layoutWidth() || null"
+  [style.height.px]="layoutHeight() || null">
   <!-- ============================================================= -->
   <!-- HEADER -->
   <!-- ============================================================= -->
 
-  <header
-    class="flex h-16 shrink-0 items-center border-b border-gray-200 bg-white">
-    <!-- hamburger ALWAYS visible -->
+  <header class="admin-header">
     <button
       mat-icon-button
       type="button"
       aria-label="Toggle admin menu"
-      class="mx-2 shrink-0 cursor-pointer"
+      class="admin-menu-button"
       (click)="toggleAside()">
       <mat-icon>menu</mat-icon>
     </button>
 
-    <div class="min-w-0 flex-1">
+    <div class="admin-header-content">
       <ng-content select="[header]" />
     </div>
   </header>
@@ -24,14 +27,14 @@
   <!-- BODY -->
   <!-- ============================================================= -->
 
-  <div class="relative flex min-h-0 flex-1 overflow-hidden">
+  <div class="admin-body">
     <!-- =========================================================== -->
     <!-- MOBILE BACKDROP -->
     <!-- =========================================================== -->
 
     @if (asideOpened()) {
       <div
-        class="absolute inset-0 z-20 bg-black/30 md:hidden"
+        class="admin-aside-backdrop"
         (click)="closeAside()"></div>
     }
 
@@ -40,76 +43,69 @@
     <!-- =========================================================== -->
 
     <aside
-      class="absolute inset-y-0 left-0 z-30 flex min-h-0 flex-col border-r border-gray-200 bg-white transition-[width,transform] duration-200 md:relative md:inset-auto md:z-auto md:translate-x-0"
-      [class.w-72]="asideOpened()"
-      [class.-translate-x-full]="!asideOpened()"
-      [class.translate-x-0]="asideOpened()"
-      [class.md:w-72]="asideOpened()"
-      [class.md:w-0]="!asideOpened()"
-      [class.md:overflow-hidden]="!asideOpened()">
+      class="admin-aside"
+      [class.admin-aside-open]="asideOpened()">
       <!-- ========================================================= -->
       <!-- SCROLLABLE ASIDE CONTENT -->
       <!-- ========================================================= -->
 
-      <div class="min-h-0 flex-1 overflow-y-auto">
+      <div class="admin-aside-content">
         <mat-accordion class="admin-menu">
           @for (level1 of routes; track level1.path) {
-            <!-- =================================================== -->
-            <!-- EXPANDABLE LEVEL 1 -->
-            <!-- =================================================== -->
-
             @if (isExpandable(level1)) {
               <mat-expansion-panel
                 [expanded]="isLevel1Active(level1)"
                 (expandedChange)="panelExpanded(level1, $event)">
-                <!-- ================================================= -->
-                <!-- LEVEL 1 -->
-                <!-- ================================================= -->
-
                 <mat-expansion-panel-header (click)="level1Clicked(level1)">
                   <mat-panel-title>
-                    <div class="flex items-center gap-3">
+                    <div class="admin-menu-item">
                       @if (icon(level1)) {
-                        <mat-icon [ngStyle]="{ color: color(level1) }">
+                        <mat-icon
+                          [ngStyle]="{
+                            color: color(level1),
+                          }">
                           {{ icon(level1) }}
                         </mat-icon>
                       }
 
                       <span
                         [class.font-semibold]="isLevel1Active(level1)"
-                        [ngStyle]="{ color: color(level1) }">
+                        [ngStyle]="{
+                          color: color(level1),
+                        }">
                         {{ label(level1) }}
                       </span>
                     </div>
                   </mat-panel-title>
                 </mat-expansion-panel-header>
 
-                <!-- ================================================= -->
-                <!-- LEVEL 2 -->
-                <!-- ================================================= -->
-
-                <div class="flex flex-col">
+                <div class="admin-level2">
                   @if (isLoading(level1)) {
-                    <div class="px-4 py-2 text-sm text-gray-400">
-                      Loading...
-                    </div>
+                    <div class="admin-loading">Loading...</div>
                   } @else {
                     @for (
                       level2 of getLevel2Routes(level1);
                       track level2.path
                     ) {
                       <a
-                        (click)="level2Clicked(level1, level2)"
-                        class="flex cursor-pointer items-center gap-3 px-6 py-2.5 text-sm transition-colors hover:bg-gray-100"
-                        [class.bg-gray-100]="isLevel2Active(level1, level2)"
-                        [class.font-semibold]="isLevel2Active(level1, level2)">
+                        class="admin-level2-item"
+                        [class.admin-level2-item-active]="
+                          isLevel2Active(level1, level2)
+                        "
+                        (click)="level2Clicked(level1, level2)">
                         @if (icon(level2)) {
-                          <mat-icon [ngStyle]="{ color: color(level2) }">
+                          <mat-icon
+                            [ngStyle]="{
+                              color: color(level2),
+                            }">
                             {{ icon(level2) }}
                           </mat-icon>
                         }
 
-                        <span [ngStyle]="{ color: color(level2) }">
+                        <span
+                          [ngStyle]="{
+                            color: color(level2),
+                          }">
                           {{ label(level2) }}
                         </span>
                       </a>
@@ -118,22 +114,23 @@
                 </div>
               </mat-expansion-panel>
             } @else {
-              <!-- ================================================= -->
-              <!-- NON-EXPANDABLE LEVEL 1 -->
-              <!-- ================================================= -->
-
               <a
-                (click)="level1Clicked(level1)"
-                class="flex h-14 cursor-pointer items-center gap-3 px-6 transition-colors hover:bg-gray-100"
-                [class.bg-gray-100]="isLevel1Active(level1)"
-                [class.font-semibold]="isLevel1Active(level1)">
+                class="admin-level1-item"
+                [class.admin-level1-item-active]="isLevel1Active(level1)"
+                (click)="level1Clicked(level1)">
                 @if (icon(level1)) {
-                  <mat-icon [ngStyle]="{ color: color(level1) }">
+                  <mat-icon
+                    [ngStyle]="{
+                      color: color(level1),
+                    }">
                     {{ icon(level1) }}
                   </mat-icon>
                 }
 
-                <span [ngStyle]="{ color: color(level1) }">
+                <span
+                  [ngStyle]="{
+                    color: color(level1),
+                  }">
                   {{ label(level1) }}
                 </span>
               </a>
@@ -143,10 +140,10 @@
       </div>
 
       <!-- ========================================================= -->
-      <!-- ASIDE FOOTER - ALWAYS VISIBLE -->
+      <!-- ASIDE FOOTER -->
       <!-- ========================================================= -->
 
-      <footer class="shrink-0 border-t border-gray-200 bg-white p-3">
+      <footer class="admin-aside-footer">
         <ng-content select="[asideFooter]" />
       </footer>
     </aside>
@@ -155,24 +152,42 @@
     <!-- MAIN -->
     <!-- =========================================================== -->
 
-    <main class="flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden">
+    <main class="admin-main">
       <!-- ========================================================= -->
       <!-- LEVEL 3+ TABS -->
       <!-- ========================================================= -->
 
       <taon-admin-page-tabs
-        class="shrink-0"
+        class="admin-tabs"
         [routes]="routes"
         [basePath]="basePath"
         [outlet]="outlet" />
 
       <!-- ========================================================= -->
-      <!-- ROUTER CONTENT -->
+      <!-- SCROLLABLE CONTENT -->
       <!-- ========================================================= -->
 
-      <div class="min-h-0 flex-1 overflow-y-auto p-4 md:p-6">
+      <div class="admin-content">
         <router-outlet />
       </div>
+
+      <!-- ========================================================= -->
+      <!-- CONTENT FOOTER -->
+      <!-- ========================================================= -->
+
+      <footer class="admin-content-footer">
+        <ng-content select="[contentFooter]" />
+      </footer>
     </main>
   </div>
+
+  <!-- ============================================================= -->
+  <!-- DIALOG RESIZE HANDLE -->
+  <!-- ============================================================= -->
+
+  @if (isDialogMode) {
+    <div
+      class="admin-resize-handle"
+      (pointerdown)="startResize($event)"></div>
+  }
 </div>

package/html/lib/taon-datatable/taon-datatable.component.html

@@ -1,5 +1,5 @@
 <div class="flex w-full flex-col gap-3">
-  <!-- toolbar -->
+  <!-- #region toolbar -->
   @if (!hideSearch) {
     <div
       class="flex w-full flex-col gap-2 rounded-lg border border-gray-200 bg-white p-3 shadow-sm dark:border-gray-700 dark:bg-gray-900 md:flex-row md:items-center">
@@ -68,8 +68,9 @@
       }
     </div>
   }
+  <!-- #endregion -->
 
-  <!-- advanced filters -->
+  <!-- #region advanced filters -->
   @if (!hideSearch && searchMode === 'advanced' && advancedSearchOpened) {
     <div
       class="grid grid-cols-1 gap-3 rounded-lg border border-gray-200 bg-gray-50 p-4 shadow-sm dark:border-gray-700 dark:bg-gray-800 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
@@ -112,8 +113,9 @@
       </div>
     </div>
   }
+  <!-- #endregion -->
 
-  <!-- grid -->
+  <!-- #region grid -->
   <div
     class="relative min-h-[250px] overflow-hidden rounded-lg border border-gray-200 bg-white shadow-sm dark:border-gray-700 dark:bg-gray-900">
     @if (isLoading) {
@@ -132,16 +134,28 @@
       [data]="rows"
       [columns]="columns"
       [expandable]="expandable"
-      [expansionTemplate]="expansionTemplate"
+      [expansionTemplate]="lazyExpansionTemplate"
       [length]="totalElements"
       [pageOnFront]="false"
       [pageIndex]="pageNumber - 1"
       [pageSize]="pageSize"
       [pageSizeOptions]="pageSizeOptions"
       [showPaginator]="showPaginator"
-      (expansionChange)="expansionChange.emit($event)"
+      (expansionChange)="onExpansionChange($event)"
       (page)="getNextPage($event)"
       (sortChange)="sortChanged($event)">
     </mtx-grid>
+
+    <ng-template
+      #lazyExpansionTemplate
+      let-row>
+      @if (isExpanded(row)) {
+        <ng-container
+          [ngTemplateOutlet]="expansionTemplate"
+          [ngTemplateOutletContext]="{ $implicit: row }">
+        </ng-container>
+      }
+    </ng-template>
   </div>
+  <!-- #endregion -->
 </div>

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

@@ -17,6 +17,7 @@
     [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

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.4";
+export declare const CURRENT_PACKAGE_VERSION = "21.0.5";

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.4';
+exports.CURRENT_PACKAGE_VERSION = '21.0.5';
 // THIS FILE IS GENERATED - DO NOT MODIFY
 //# sourceMappingURL=build-info._auto-generated_.js.map

package/lib/package.json

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

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

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

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

@@ -1,64 +1,67 @@
-import { OnInit } from '@angular/core';
+import { AfterViewInit, ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { Route, Router, Routes } from '@angular/router';
-export declare class TaonAdminLayoutComponent implements OnInit {
+export declare class TaonAdminLayoutComponent implements OnInit, AfterViewInit, OnDestroy {
     private readonly router;
+    private readonly hostElement;
     routes: Routes;
     basePath: string;
     outlet: string;
-    /**
-     * Children discovered for each level-1 route.
-     *
-     * Session -> [Tracking, Providers]
-     * Users   -> [Manager]
-     */
+    protected readonly layoutWidth: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<number>;
+    protected readonly layoutHeight: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<number>;
     protected readonly level2Routes: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<Map<Route, Routes>>;
     protected readonly currentUrl: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<string>;
     protected readonly loadingRoutes: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<Set<Route>>;
     protected readonly asideOpened: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<boolean>;
+    private resizeObserver?;
+    private mutationObserver?;
+    private resizing;
+    private resizeStartX;
+    private resizeStartY;
+    private resizeStartWidth;
+    private resizeStartHeight;
+    private readonly minDialogWidth;
+    private readonly minDialogHeight;
+    protected get isDialogMode(): boolean;
     private get basePathSegments();
-    constructor(router: Router);
+    protected get normalizedBasePath(): string;
+    constructor(router: Router, hostElement: ElementRef<HTMLElement>);
+    ngOnInit(): Promise<void>;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private getWindowElement;
+    private getDraggablePanelElement;
+    private startWindowObservers;
+    private windowModeChanged;
+    private clearWindowResize;
+    protected windowResized(): void;
+    private updateLayoutSize;
+    protected startResize(event: PointerEvent): void;
+    private readonly resize;
+    private readonly stopResize;
     protected toggleAside(): void;
     protected closeAside(): void;
-    ngOnInit(): Promise<void>;
-    protected level1Clicked(route: Route): Promise<void>;
-    protected level2Clicked(level1: Route, level2: Route): Promise<void>;
-    private outletBaseMatrixParams;
-    private navigateTo;
     private closeAsideOnMobile;
+    protected level1Clicked(route: Route): Promise<void>;
     protected panelExpanded(route: Route, expanded: boolean): Promise<void>;
     protected isLevel1Active(route: Route): boolean;
+    protected level2Clicked(level1: Route, level2: Route): Promise<void>;
     protected getLevel2Routes(route: Route): Routes;
     protected isLevel2Active(level1: Route, level2: Route): boolean;
     protected level2Link(level1: Route, level2: Route): string[];
+    private outletBaseMatrixParams;
+    private navigateTo;
     private ensureLevel2Loaded;
     private loadRouteChildren;
-    /**
-     * Removes structural path:'' wrappers.
-     *
-     * [
-     *   {
-     *     path: '',
-     *     component: SessionComponent,
-     *     children: [...]
-     *   }
-     * ]
-     *
-     * becomes:
-     *
-     * [...]
-     */
     private unwrapEmptyPathRoutes;
     private loadCurrentLevel1Route;
     protected label(route: Route): string;
     protected color(route: Route): string;
     protected icon(route: Route): string | undefined;
     protected isLoading(route: Route): boolean;
+    protected isExpandable(route: Route): boolean;
     private isPathActive;
     private currentRelativeSegments;
     private currentOutletSegments;
-    protected isExpandable(route: Route): boolean;
-    protected get normalizedBasePath(): string;
-    private cleanUrl;
     private setLoading;
     private startCase;
 }

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

@@ -8,7 +8,7 @@ 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';
+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 {
     path: string;
     color?: string;

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":";;;AA+HA,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":";;;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"}

package/lib/taon-backoffice-notifications/i18n/taon-backoffice-notifications.component.ts.en-US.i18n.data.js

@@ -7,7 +7,7 @@ exports.default = {
     "tags": [
         {
             "gettextString": "Unknown error",
-            "lineNumber": 54
+            "lineNumber": 64
         }
     ]
 };