@acontplus/ng-components 2.1.13 → 2.1.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acontplus/ng-components",
-  "version": "2.1.13",
+  "version": "2.1.15",
   "description": "Comprehensive Angular Material UI component library featuring dynamic Tabulator tables, theme toggle with dark mode, dialog wrappers, autocomplete components, cards, buttons, icons, input chips, spinners, directives, pipes, and SCSS styling utilities.",
   "peerDependencies": {
     "@acontplus/ui-kit": "^1.0.2",

package/types/acontplus-ng-components.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { Type, AfterViewInit, OnDestroy, ViewContainerRef, ElementRef, OnInit, TemplateRef, OnChanges, SimpleChanges, InjectionToken, QueryList, TrackByFunction, KeyValueChangeRecord, OutputEmitterRef, WritableSignal, EventEmitter, ComponentRef, AfterContentInit, PipeTransform } from '@angular/core';
+import { Type, AfterViewInit, OnDestroy, Signal, ViewContainerRef, ElementRef, OnInit, TemplateRef, OnChanges, SimpleChanges, InjectionToken, QueryList, TrackByFunction, KeyValueChangeRecord, OutputEmitterRef, WritableSignal, EventEmitter, ComponentRef, AfterContentInit, PipeTransform } from '@angular/core';
 import { MatDialogRef } from '@angular/material/dialog';
 import { ScrollStrategy } from '@angular/cdk/overlay';
 import { FormControl, ControlValueAccessor } from '@angular/forms';
@@ -205,6 +205,7 @@ declare class AdvancedDialogService {
     private readonly dialog;
     private readonly overlay;
     private readonly breakpointObserver;
+    private readonly zIndexService;
     private readonly isMobile$;
     /**
      * Main method to open any component in a dialog.
@@ -239,6 +240,74 @@ declare class AdvancedDialogService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<AdvancedDialogService>;
 }
 
+type DialogType = 'normal' | 'alert' | 'toast';
+/**
+ * Servicio centralizado para manejar z-index de todos los diálogos
+ * Asegura que los diálogos siempre aparezcan en el orden correcto
+ * Los AlertDialogs siempre tienen prioridad sobre otros diálogos
+ */
+declare class DialogZIndexService {
+    private static readonly Z_INDEX_RANGES;
+    private static readonly Z_INDEX_INCREMENT;
+    /**
+     * Obtiene el siguiente z-index disponible para un tipo específico de diálogo
+     * @param type Tipo de diálogo (normal, alert, toast)
+     * @returns El próximo z-index a usar
+     */
+    getNextZIndex(type?: DialogType): number;
+    /**
+     * Obtiene el z-index actual más alto para un tipo específico
+     * @param type Tipo de diálogo
+     * @returns El z-index más alto actualmente en uso para ese tipo
+     */
+    getCurrentZIndex(type?: DialogType): number;
+    /**
+     * Obtiene el z-index más alto de todos los tipos
+     * @returns El z-index más alto de todos los diálogos
+     */
+    getHighestZIndex(): number;
+    /**
+     * Resetea el contador de z-index (útil para testing)
+     * @param type Tipo específico a resetear, o undefined para resetear todos
+     */
+    reset(type?: DialogType): void;
+    /**
+     * Aplica z-index a un diálogo específico
+     * @param dialogRef Referencia al diálogo
+     * @param type Tipo de diálogo (determina el rango de z-index)
+     * @param zIndex Z-index específico a aplicar (opcional)
+     */
+    applyZIndex(dialogRef: any, type?: DialogType, zIndex?: number): void;
+    /**
+     * Trae un diálogo al frente (usado por drag functionality)
+     * @param element Elemento del diálogo a traer al frente
+     * @param type Tipo de diálogo
+     */
+    bringToFront(element: HTMLElement, type?: DialogType): void;
+    /**
+     * Fuerza un diálogo a estar siempre encima de todos los demás
+     * Útil para alertas críticas que deben tener máxima prioridad
+     * @param dialogRef Referencia al diálogo
+     */
+    forceToTop(dialogRef: any): void;
+    /**
+     * Obtiene todos los toasts activos
+     * @returns Array de elementos de toast activos
+     */
+    getActiveToasts(): HTMLElement[];
+    /**
+     * Cierra todos los toasts activos
+     */
+    closeAllToasts(): void;
+    /**
+     * Obtiene el número de toasts activos
+     * @returns Número de toasts actualmente visibles
+     */
+    getActiveToastCount(): number;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogZIndexService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<DialogZIndexService>;
+}
+
 declare class OverlayService {
     private readonly overlay;
     private overlayRef;
@@ -465,6 +534,8 @@ interface AlertDialogOptions {
     progressBar?: boolean;
     component?: Type<any>;
     componentProps?: Record<string, any>;
+    forceToTop?: boolean;
+    dialogType?: DialogType;
     verticalButtons?: boolean;
     fullWidthButtons?: boolean;
     reverseButtons?: boolean;
@@ -475,6 +546,7 @@ interface AlertDialogOptions {
     allowEscapeKey?: boolean;
     allowEnterKey?: boolean;
     scrollbarPadding?: boolean;
+    allowMultiple?: boolean;
     showConfirmButton?: boolean;
     showCancelButton?: boolean;
     showDenyButton?: boolean;
@@ -539,6 +611,7 @@ interface AlertDialogResult<T = any> {
 }
 declare class AlertDialogService {
     private dialog;
+    private zIndexService;
     private defaultOptions;
     /**
      * Configurar opciones por defecto para todos los diálogos
@@ -587,13 +660,25 @@ declare class AlertDialogService {
      */
     delete(options: string | Omit<AlertDialogOptions, 'type' | 'showCancelButton'>): Promise<AlertDialogResult>;
     /**
-     * Toast notification (auto-cierre, posición personalizada)
+     * Toast notification (auto-cierre, posición personalizada, no-intrusivo)
      */
     toast(options: string | AlertDialogOptions): Promise<AlertDialogResult>;
+    /**
+     * Alerta crítica que siempre aparece encima de todo
+     */
+    critical(options: string | Omit<AlertDialogOptions, 'forceToTop'>): Promise<AlertDialogResult>;
     /**
      * Cerrar todos los diálogos abiertos
      */
     closeAll(): void;
+    /**
+     * Cerrar solo los toasts activos (mantener otros diálogos abiertos)
+     */
+    closeAllToasts(): void;
+    /**
+     * Obtener el número de toasts activos
+     */
+    getActiveToastCount(): number;
     private getDialogPosition;
     private getPanelClasses;
     private getToastPosition;
@@ -611,21 +696,17 @@ declare class AlertDialogService {
 declare class DialogWrapper implements AfterViewInit, OnDestroy {
     dialogRef: MatDialogRef<DialogWrapper, any>;
     config: DialogWrapperConfig<unknown>;
+    private zIndexService;
     /**
      * A template reference that acts as an anchor for dynamic content.
      * This is where the component specified in the config will be rendered.
      */
-    readonly contentHost: _angular_core.Signal<ViewContainerRef>;
+    readonly contentHost: Signal<ViewContainerRef>;
     /**
      * A reference to the header element for the z-index focus logic.
      * Used to bring the dialog to the front when clicked.
      */
-    readonly header: _angular_core.Signal<ElementRef<any> | undefined>;
-    /**
-     * Static counter to track the highest z-index for multiple dialogs.
-     * Ensures that the most recently clicked dialog appears on top.
-     */
-    private static lastZIndex;
+    readonly header: Signal<ElementRef | undefined>;
     /**
      * Timeout ID for debouncing z-index updates to prevent excessive DOM manipulations.
      */
@@ -653,7 +734,7 @@ declare class DialogWrapper implements AfterViewInit, OnDestroy {
     onClose(): void;
     /**
      * Brings the dialog to the front by adjusting its z-index.
-     * Uses requestAnimationFrame to debounce updates and prevent excessive DOM manipulations.
+     * Uses the centralized DialogZIndexService for consistent z-index management.
      * Called when the dialog header is clicked.
      */
     bringToFront(): void;
@@ -1392,7 +1473,7 @@ declare class DataGrid<T = any> implements AfterViewInit, OnDestroy, OnChanges {
     noResultTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
     paginationTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
     summaryTemplate: _angular_core.InputSignal<TemplateRef<any> | DataGridCellTemplate | undefined>;
-    size: _angular_core.InputSignal<"small" | "medium" | "normal">;
+    size: _angular_core.InputSignal<"normal" | "small" | "medium">;
     headerCellTemplate: _angular_core.InputSignal<TemplateRef<any> | DataGridCellTemplate | undefined>;
     expandable: _angular_core.InputSignal<boolean>;
     expansionTemplate: _angular_core.InputSignal<TemplateRef<any> | null>;
@@ -1416,7 +1497,7 @@ declare class DataGrid<T = any> implements AfterViewInit, OnDestroy, OnChanges {
     sortDirection: _angular_core.InputSignal<SortDirection>;
     sortDisableClear: _angular_core.InputSignal<boolean>;
     sortDisabled: _angular_core.InputSignal<boolean>;
-    sortStart: _angular_core.InputSignal<"asc" | "desc">;
+    sortStart: _angular_core.InputSignal<"desc" | "asc">;
     rowHover: _angular_core.InputSignal<boolean>;
     rowStriped: _angular_core.InputSignal<boolean>;
     rowSelectable: _angular_core.InputSignal<boolean>;
@@ -2589,14 +2670,12 @@ declare function throwAcpPopoverInvalidPositionStart(): void;
 declare function throwAcpPopoverInvalidPositionEnd(): void;
 
 type ButtonType = 'confirm' | 'cancel' | 'deny';
-declare class AlertDialog implements OnInit, OnDestroy, AfterViewInit {
+declare class AlertDialog implements OnInit, OnDestroy {
     inputField?: ElementRef<HTMLInputElement | HTMLTextAreaElement>;
     dialogTitle?: ElementRef<HTMLElement>;
     private container;
     private componentRef;
     private timerInterval;
-    private static lastZIndex;
-    private bringToFrontTimeoutId;
     inputValue: string;
     validationError: string | null;
     timerProgress: number;
@@ -2608,9 +2687,9 @@ declare class AlertDialog implements OnInit, OnDestroy, AfterViewInit {
     private renderer;
     private elementRef;
     private cdr;
+    private zIndexService;
     constructor();
     ngOnDestroy(): void;
-    ngAfterViewInit(): void;
     private startTimer;
     private loadComponent;
     ngOnInit(): void;
@@ -2632,7 +2711,7 @@ declare class AlertDialog implements OnInit, OnDestroy, AfterViewInit {
     getDenyBackgroundColor(): string | undefined;
     /**
      * Brings the dialog to the front by adjusting its z-index.
-     * Uses requestAnimationFrame to debounce updates and prevent excessive DOM manipulations.
+     * Uses the centralized DialogZIndexService for consistent z-index management.
      * Called when the dialog header is clicked.
      */
     bringToFront(): void;
@@ -2683,5 +2762,5 @@ declare class StatusDisplayPipe implements PipeTransform {
     static ɵpipe: _angular_core.ɵɵPipeDeclaration<StatusDisplayPipe, "statusDisplay", true>;
 }
 
-export { ACP_DRAWER_DATA, ACP_DRAWER_DEFAULT_OPTIONS, ACP_POPOVER_CONTENT, ACP_POPOVER_DEFAULT_OPTIONS, ACP_POPOVER_SCROLL_STRATEGY, AUTOCOMPLETE_WRAPPER_CUSTOMER_CONFIG, AUTOCOMPLETE_WRAPPER_DEFAULT_CONFIG, AUTOCOMPLETE_WRAPPER_LOCAL_CONFIG, AUTOCOMPLETE_WRAPPER_PAGINATED_CONFIG, AUTOCOMPLETE_WRAPPER_PRODUCT_CONFIG, AUTOCOMPLETE_WRAPPER_SIMPLE_CONFIG, AcpDrawer, AcpDrawerConfig, AcpDrawerContainer, AcpDrawerRef, AcpPopover, AcpPopoverContent, AcpPopoverTarget, AcpPopoverTrigger, AdvancedDialogService, AlertDialog, AlertDialogService, AutocompleteWrapperService, Button, DATA_GRID_DEFAULT_OPTIONS, DataGrid, DateRangePicker, DialogWrapper, DynamicCard, DynamicSelect, GetTotalPipe, IconRegistryService, InputChip, KeyboardNavigationService, OverlayService, Pagination, ReusableAutocompleteComponent, Spinner, StatusDisplayPipe, SvgIcon, TabulatorTable, ThemeSwitcher, ThemeToggle, ToUpperCase, UserIcon, _AcpPopoverContentBase, createAutocompleteWrapperConfig, throwAcpPopoverInvalidPositionEnd, throwAcpPopoverInvalidPositionStart, throwAcpPopoverMissingError };
-export type { AcpPopoverDefaultOptions, AcpPopoverPanel, AcpPopoverPosition, AcpPopoverPositionEnd, AcpPopoverPositionStart, AcpPopoverTriggerEvent, AlertDialogOptions, AlertDialogResult, AlertPosition, AlertType, AutoFocusTarget, AutocompleteWrapperActions, AutocompleteWrapperConfig, AutocompleteWrapperEventHandler, AutocompleteWrapperEvents, AutocompleteWrapperFilters, AutocompleteWrapperItem, AutocompleteWrapperItemProperty, AutocompleteWrapperPaginationInfo, AutocompleteWrapperSearchField, AutocompleteWrapperSearchFunction, AutocompleteWrapperSearchMode, AutocompleteWrapperSearchResult, AutocompleteWrapperState, AutocompleteWrapperStockOption, DataGridButtonType, DataGridCellTemplate, DataGridColumn, DataGridColumnButton, DataGridColumnButtonBadge, DataGridColumnButtonPop, DataGridColumnButtonTooltip, DataGridColumnPinOption, DataGridColumnPinValue, DataGridColumnTag, DataGridColumnTagValue, DataGridColumnType, DataGridColumnTypeParameter, DataGridDefaultOptions, DataGridMenuItem, DataGridRowClassFormatter, DataGridRowSelectionFormatter, DataGridSortProp, DateRangePickerOptions, DateRangeValue, DialogSize, DialogWrapperConfig, DrawerPosition, FocusableElement, IconRegistryConfig, MatCustomDialogConfig, PopoverCloseReason, ReusableAutocompleteWrapperComponent, TabulatorColumn, TabulatorConfig, TabulatorEventHandlers, TabulatorTheme };
+export { ACP_DRAWER_DATA, ACP_DRAWER_DEFAULT_OPTIONS, ACP_POPOVER_CONTENT, ACP_POPOVER_DEFAULT_OPTIONS, ACP_POPOVER_SCROLL_STRATEGY, AUTOCOMPLETE_WRAPPER_CUSTOMER_CONFIG, AUTOCOMPLETE_WRAPPER_DEFAULT_CONFIG, AUTOCOMPLETE_WRAPPER_LOCAL_CONFIG, AUTOCOMPLETE_WRAPPER_PAGINATED_CONFIG, AUTOCOMPLETE_WRAPPER_PRODUCT_CONFIG, AUTOCOMPLETE_WRAPPER_SIMPLE_CONFIG, AcpDrawer, AcpDrawerConfig, AcpDrawerContainer, AcpDrawerRef, AcpPopover, AcpPopoverContent, AcpPopoverTarget, AcpPopoverTrigger, AdvancedDialogService, AlertDialog, AlertDialogService, AutocompleteWrapperService, Button, DATA_GRID_DEFAULT_OPTIONS, DataGrid, DateRangePicker, DialogWrapper, DialogZIndexService, DynamicCard, DynamicSelect, GetTotalPipe, IconRegistryService, InputChip, KeyboardNavigationService, OverlayService, Pagination, ReusableAutocompleteComponent, Spinner, StatusDisplayPipe, SvgIcon, TabulatorTable, ThemeSwitcher, ThemeToggle, ToUpperCase, UserIcon, _AcpPopoverContentBase, createAutocompleteWrapperConfig, throwAcpPopoverInvalidPositionEnd, throwAcpPopoverInvalidPositionStart, throwAcpPopoverMissingError };
+export type { AcpPopoverDefaultOptions, AcpPopoverPanel, AcpPopoverPosition, AcpPopoverPositionEnd, AcpPopoverPositionStart, AcpPopoverTriggerEvent, AlertDialogOptions, AlertDialogResult, AlertPosition, AlertType, AutoFocusTarget, AutocompleteWrapperActions, AutocompleteWrapperConfig, AutocompleteWrapperEventHandler, AutocompleteWrapperEvents, AutocompleteWrapperFilters, AutocompleteWrapperItem, AutocompleteWrapperItemProperty, AutocompleteWrapperPaginationInfo, AutocompleteWrapperSearchField, AutocompleteWrapperSearchFunction, AutocompleteWrapperSearchMode, AutocompleteWrapperSearchResult, AutocompleteWrapperState, AutocompleteWrapperStockOption, DataGridButtonType, DataGridCellTemplate, DataGridColumn, DataGridColumnButton, DataGridColumnButtonBadge, DataGridColumnButtonPop, DataGridColumnButtonTooltip, DataGridColumnPinOption, DataGridColumnPinValue, DataGridColumnTag, DataGridColumnTagValue, DataGridColumnType, DataGridColumnTypeParameter, DataGridDefaultOptions, DataGridMenuItem, DataGridRowClassFormatter, DataGridRowSelectionFormatter, DataGridSortProp, DateRangePickerOptions, DateRangeValue, DialogSize, DialogType, DialogWrapperConfig, DrawerPosition, FocusableElement, IconRegistryConfig, MatCustomDialogConfig, PopoverCloseReason, ReusableAutocompleteWrapperComponent, TabulatorColumn, TabulatorConfig, TabulatorEventHandlers, TabulatorTheme };