@taon-dev/ui 21.0.4 → 21.0.6

package/websql-prod/package.json

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

package/websql-prod/types/ui-websql-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/websql-prod';
 import { Routes, Route, Router, RouterOutlet } from '@angular/router';
 import { Translation } from '@taon-dev/i18n/websql-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.6";
 
 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/lib/directives/taon-horizontal-wheel-scrolling.directive.d.ts

@@ -1,13 +0,0 @@
-import { AfterViewInit, OnDestroy } from '@angular/core';
-export declare class TaonHorizontalWheelScrollDirective implements AfterViewInit, OnDestroy {
-    private readonly elementRef;
-    private wheelAccumulator;
-    /**
-     * Amount of wheel movement required before triggering
-     * Material's previous/next pagination.
-     */
-    private readonly wheelThreshold;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    private readonly onWheel;
-}

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

@@ -1,64 +0,0 @@
-import { OnInit } from '@angular/core';
-import { Route, Router, Routes } from '@angular/router';
-export declare class TaonAdminLayoutComponent implements OnInit {
-    private readonly router;
-    routes: Routes;
-    basePath: string;
-    outlet: string;
-    /**
-     * Children discovered for each level-1 route.
-     *
-     * Session -> [Tracking, Providers]
-     * Users   -> [Manager]
-     */
-    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 get basePathSegments();
-    constructor(router: Router);
-    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 panelExpanded(route: Route, expanded: boolean): Promise<void>;
-    protected isLevel1Active(route: Route): boolean;
-    protected getLevel2Routes(route: Route): Routes;
-    protected isLevel2Active(level1: Route, level2: Route): boolean;
-    protected level2Link(level1: Route, level2: Route): string[];
-    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;
-    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-page-tabs.component.d.ts

@@ -1,66 +0,0 @@
-import { OnInit } from '@angular/core';
-import { Route, Router, Routes } from '@angular/router';
-export interface TaonAdminTabLevel {
-    level: number;
-    routes: Routes;
-    /**
-     * URL segments before routes from this tab level.
-     *
-     * Example:
-     *
-     * ['main', 'session', 'providers']
-     */
-    baseSegments: string[];
-}
-export declare class TaonAdminPageTabsComponent implements OnInit {
-    private readonly router;
-    routes: Routes;
-    basePath: string;
-    /**
-     * Undefined:
-     *   normal primary routing
-     *
-     * "admin":
-     *   auxiliary admin outlet
-     */
-    outlet?: string;
-    protected readonly levels: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<TaonAdminTabLevel[]>;
-    constructor(router: Router);
-    ngOnInit(): Promise<void>;
-    protected label(route: Route): string;
-    protected isActive(level: TaonAdminTabLevel, route: Route): boolean;
-    protected tabClicked(level: TaonAdminTabLevel, route: Route): Promise<void>;
-    private outletBaseMatrixParams;
-    private navigateTo;
-    private refresh;
-    private walk;
-    private loadChildren;
-    /**
-     * Removes transparent path:'' containers.
-     *
-     * Example:
-     *
-     * [
-     *   {
-     *     path: '',
-     *     component: ProvidersComponent,
-     *     children: [
-     *       { path: 'info' },
-     *       { path: 'items' },
-     *     ],
-     *   },
-     * ]
-     *
-     * becomes:
-     *
-     * [
-     *   { path: 'info' },
-     *   { path: 'items' },
-     * ]
-     */
-    private unwrapEmptyPathRoutes;
-    private navigationRoutes;
-    private currentOutletSegments;
-    private get basePathSegments();
-    private startCase;
-}

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

@@ -1,5 +0,0 @@
-import { RouterOutlet } from '@angular/router';
-export declare abstract class TaonBaseAdminLayoutPage {
-    routerOutlet: RouterOutlet;
-    get hasActiveChildRoute(): boolean;
-}

package/lib/taon-backoffice-notifications/taon-backoffice-notifications.component.d.ts

@@ -1,9 +0,0 @@
-import { Translation } from '@taon-dev/i18n';
-import { HttpResponseError, RestErrorResponseWrapper } from 'ng2-rest';
-export declare class TaonBackofficeNotificationsComponent {
-    t: Translation;
-    private readonly notification;
-    private readonly destroyRef;
-    filter: (err: HttpResponseError<RestErrorResponseWrapper>) => HttpResponseError<RestErrorResponseWrapper>;
-    constructor();
-}

package/lib/taon-backoffice-notifications/taon-backoffice-notifications.service.d.ts

@@ -1,9 +0,0 @@
-import { TaonNotificationInput } from './taon-backoffice-notifications.models';
-export declare class TaonBackofficeNotificationsService {
-    private readonly toast;
-    private normalize;
-    success(input: TaonNotificationInput): import("@ngneat/hot-toast").CreateHotToastRef<unknown>;
-    error(input: TaonNotificationInput): import("@ngneat/hot-toast").CreateHotToastRef<unknown>;
-    warn(input: TaonNotificationInput): import("@ngneat/hot-toast").CreateHotToastRef<unknown>;
-    info(input: TaonNotificationInput): import("@ngneat/hot-toast").CreateHotToastRef<unknown>;
-}

package/lib/taon-backoffice-notifications/taon-error-details-dialog.component.d.ts

@@ -1,24 +0,0 @@
-export interface TaonErrorDetailsDialogData {
-    message: string;
-    details: string;
-}
-type TaonEditor = 'vscode' | 'vscodium';
-interface TaonStackTraceLine {
-    text: string;
-    file?: string;
-    line?: number;
-    column?: number;
-}
-export declare class TaonErrorDetailsDialogComponent {
-    readonly data: TaonErrorDetailsDialogData;
-    private readonly editorStorageKey;
-    editor: TaonEditor;
-    readonly stackLines: TaonStackTraceLine[];
-    setEditor(editor: TaonEditor): void;
-    private loadEditor;
-    private parseStackTrace;
-    private parseStackTraceLine;
-    openStackLine(stackLine: TaonStackTraceLine): void;
-    private createEditorUrl;
-}
-export {};

package/lib/taon-backoffice-notifications/taon-error-toast.component.d.ts

@@ -1,10 +0,0 @@
-export interface TaonErrorToastData {
-    title: string;
-    details: string;
-}
-export declare class TaonErrorToastComponent {
-    private readonly toastRef;
-    private readonly dialog;
-    readonly data: TaonErrorToastData;
-    showDetails(): void;
-}

package/lib/taon-confirm-dialog/taon-confirm-dialog.component.d.ts

@@ -1,12 +0,0 @@
-export interface TaonConfirmDialogData {
-    title: string;
-    message?: string;
-    confirmText?: string;
-    cancelText?: string;
-}
-export declare class TaonConfirmDialogComponent {
-    readonly data: TaonConfirmDialogData;
-    private readonly dialogRef;
-    cancel(): void;
-    confirm(): void;
-}

package/lib/taon-datatable/taon-datatable.component.d.ts

@@ -1,60 +0,0 @@
-import { EventEmitter, OnInit, TemplateRef } from '@angular/core';
-import { PageEvent } from '@angular/material/paginator';
-import { MtxGridColumn } from '@ng-matero/extensions/grid';
-import { Observable } from 'rxjs';
-import { TaonBaseCrudController, TaonBaseEntity, TaonPaginationSort } from 'taon';
-type SearchMode = 'simple' | 'advanced';
-export declare class TaonDatatableComponent implements OnInit {
-    private readonly cdr;
-    private readonly destroyRef;
-    pageNumber: number;
-    pageSize: number;
-    pageSizeOptions: number[];
-    allowedColumns: string[];
-    expansionTemplate?: TemplateRef<any>;
-    entityCrudController?: TaonBaseCrudController<any>;
-    columns: MtxGridColumn[];
-    hideSearch: boolean;
-    hideAddButton: boolean;
-    safe: boolean;
-    searchMode: SearchMode;
-    /**
-     * Optional custom backend pagination method.
-     */
-    callQueryMethod?: string;
-    private _data?;
-    set data(value: any[] | undefined | null);
-    get data(): any[] | undefined;
-    get offlineMode(): boolean;
-    readonly expansionChange: EventEmitter<any>;
-    readonly addingItem: EventEmitter<void>;
-    rows: any[];
-    totalElements: number;
-    isLoading: boolean;
-    expandable: boolean;
-    showPaginator: boolean;
-    advancedSearchOpened: boolean;
-    searchValue: string;
-    columnFilters: Record<string, string>;
-    sort?: TaonPaginationSort;
-    private readonly reload$;
-    private readonly searchChange$;
-    readonly data$: Observable<any[]>;
-    get entity(): typeof TaonBaseEntity | undefined;
-    get filterableColumns(): MtxGridColumn[];
-    ngOnInit(): void;
-    searchChanged(value: string): void;
-    clearSearch(): void;
-    applyAdvancedFilters(): void;
-    toggleAdvancedSearch(): void;
-    getNextPage(event: PageEvent): void;
-    sortChanged(event: any): void;
-    reload(): void;
-    private getFieldValue;
-    private loadOfflineData;
-    private loadData;
-    private cleanFilters;
-    private prepareRows;
-    private prepareColumns;
-}
-export {};

package/lib/taon-datatable/taon-datatable.routes.d.ts

@@ -1,7 +0,0 @@
-import { Routes } from '@angular/router';
-export declare const TaonDatatableRoutes: Routes;
-/**
- * By default exporting TaonDatatableRoutes,
- * the command `taon generate:app:routes`
- * will automatically add them to the root routes in ./src/app.ts.
- */

package/lib/taon-draggable-button-panel/taon-draggable-button-panel.component.d.ts

@@ -1,50 +0,0 @@
-import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { Router } from '@angular/router';
-import { TaonDraggableButtonPanelState } from './taon-draggable-button-panel.models';
-export declare class TaonDraggableButtonPanelComponent implements OnInit, OnDestroy {
-    private readonly router;
-    readonly State: typeof TaonDraggableButtonPanelState;
-    private drag?;
-    basePath: string;
-    buttonIcon: string;
-    title: string;
-    /**
-     * Named outlet containing this panel's application.
-     *
-     * Example:
-     *
-     * outlet="admin"
-     *
-     * /products/42(admin:main;state=WINDOW/session/providers)
-     */
-    outlet?: string;
-    /**
-     * Matrix parameter used for persisting the panel state.
-     */
-    stateParamName: string;
-    set state(state: TaonDraggableButtonPanelState);
-    readonly stateChange: EventEmitter<TaonDraggableButtonPanelState>;
-    protected readonly forceFullScreen: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<boolean>;
-    private readonly resizeListener;
-    protected readonly currentState: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<TaonDraggableButtonPanelState>;
-    private routerSubscription?;
-    constructor(router: Router);
-    ngOnInit(): Promise<void>;
-    ngOnDestroy(): void;
-    protected toogleFullscreen(event: Event): void;
-    protected effectiveState(): TaonDraggableButtonPanelState;
-    private waitForInitialNavigation;
-    private ensureOutletBasePath;
-    protected setState(next: TaonDraggableButtonPanelState): Promise<void>;
-    protected open(): void;
-    protected returnToButton(): void;
-    protected windowMode(): void;
-    protected fullScreenDraggable(): void;
-    protected lockFullScreen(): void;
-    protected isDraggingEnabled(): boolean;
-    private restoreStateFromUrl;
-    private saveStateToUrl;
-    private isValidState;
-    private resetDragPosition;
-    private isTransitionAllowed;
-}

package/lib/taon-draggable-button-panel/taon-draggable-button-panel.routes.d.ts

@@ -1,8 +0,0 @@
-import { Routes } from '@angular/router';
-export declare const TaonDraggableButtonPanelRoutes: Routes;
-/**
- * By default exporting TaonDraggableButtonPanelRoutes,
- * the command `taon generate:app:routes`
- * will automatically add them to the root routes in ./src/app.ts.
- */
-export default TaonDraggableButtonPanelRoutes;