@acontplus/ng-components 2.1.12 → 2.1.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acontplus/ng-components",
-  "version": "2.1.12",
+  "version": "2.1.14",
   "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,42 @@ declare class AdvancedDialogService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<AdvancedDialogService>;
 }
 
+/**
+ * Servicio centralizado para manejar z-index de todos los diálogos
+ * Asegura que los diálogos siempre aparezcan en el orden correcto
+ */
+declare class DialogZIndexService {
+    private static currentZIndex;
+    private static readonly Z_INDEX_INCREMENT;
+    /**
+     * Obtiene el siguiente z-index disponible
+     * @returns El próximo z-index a usar
+     */
+    getNextZIndex(): number;
+    /**
+     * Obtiene el z-index actual más alto
+     * @returns El z-index más alto actualmente en uso
+     */
+    getCurrentZIndex(): number;
+    /**
+     * Resetea el contador de z-index (útil para testing)
+     */
+    reset(): void;
+    /**
+     * Aplica z-index a un diálogo específico
+     * @param dialogRef Referencia al diálogo
+     * @param zIndex Z-index a aplicar (opcional, si no se proporciona usa getNextZIndex())
+     */
+    applyZIndex(dialogRef: any, zIndex?: number): void;
+    /**
+     * Trae un diálogo al frente (usado por drag functionality)
+     * @param element Elemento del diálogo a traer al frente
+     */
+    bringToFront(element: HTMLElement): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogZIndexService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<DialogZIndexService>;
+}
+
 declare class OverlayService {
     private readonly overlay;
     private overlayRef;
@@ -433,7 +470,7 @@ declare class AutocompleteWrapperService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<AutocompleteWrapperService>;
 }
 
-type AlertType = 'success' | 'error' | 'warning' | 'info' | 'question';
+type AlertType = 'success' | 'error' | 'warning' | 'info' | 'question' | 'delete';
 type AlertPosition = 'top' | 'top-start' | 'top-end' | 'center' | 'center-start' | 'center-end' | 'bottom' | 'bottom-start' | 'bottom-end';
 interface AlertDialogOptions {
     title?: string;
@@ -450,10 +487,21 @@ interface AlertDialogOptions {
     customClass?: string;
     panelClass?: string | string[];
     backdropClass?: string;
+    layout?: 'default' | 'modern' | 'toast';
+    iconPosition?: 'left' | 'center' | 'top';
+    contentAlignment?: 'left' | 'center' | 'right';
+    showCloseButton?: boolean;
+    closeButtonPosition?: 'top-right' | 'top-left';
+    draggable?: boolean;
+    dragHandle?: string;
+    animation?: 'fade' | 'slide' | 'bounce' | 'zoom' | 'none';
+    animationDuration?: number;
+    toastMode?: boolean;
+    toastPosition?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center';
+    autoClose?: boolean;
+    progressBar?: boolean;
     component?: Type<any>;
-    componentProps?: {
-        [key: string]: any;
-    };
+    componentProps?: Record<string, any>;
     verticalButtons?: boolean;
     fullWidthButtons?: boolean;
     reverseButtons?: boolean;
@@ -464,6 +512,7 @@ interface AlertDialogOptions {
     allowEscapeKey?: boolean;
     allowEnterKey?: boolean;
     scrollbarPadding?: boolean;
+    allowMultiple?: boolean;
     showConfirmButton?: boolean;
     showCancelButton?: boolean;
     showDenyButton?: boolean;
@@ -495,9 +544,7 @@ interface AlertDialogOptions {
     inputPlaceholder?: string;
     inputValue?: string;
     inputValidator?: (value: string) => string | null | Promise<string | null>;
-    inputAttributes?: {
-        [key: string]: string;
-    };
+    inputAttributes?: Record<string, string>;
     imageUrl?: string;
     imageWidth?: string;
     imageHeight?: string;
@@ -530,6 +577,7 @@ interface AlertDialogResult<T = any> {
 }
 declare class AlertDialogService {
     private dialog;
+    private zIndexService;
     private defaultOptions;
     /**
      * Configurar opciones por defecto para todos los diálogos
@@ -573,6 +621,10 @@ declare class AlertDialogService {
     prompt(options: Omit<AlertDialogOptions, 'input'> & {
         input?: AlertDialogOptions['input'];
     }): Promise<AlertDialogResult<string>>;
+    /**
+     * Diálogo de confirmación para eliminar
+     */
+    delete(options: string | Omit<AlertDialogOptions, 'type' | 'showCancelButton'>): Promise<AlertDialogResult>;
     /**
      * Toast notification (auto-cierre, posición personalizada)
      */
@@ -583,6 +635,8 @@ declare class AlertDialogService {
     closeAll(): void;
     private getDialogPosition;
     private getPanelClasses;
+    private getToastPosition;
+    private getToastDialogPosition;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertDialogService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<AlertDialogService>;
 }
@@ -596,21 +650,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.
      */
@@ -638,7 +688,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;
@@ -1377,7 +1427,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<"medium" | "small" | "normal">;
+    size: _angular_core.InputSignal<"small" | "medium" | "normal">;
     headerCellTemplate: _angular_core.InputSignal<TemplateRef<any> | DataGridCellTemplate | undefined>;
     expandable: _angular_core.InputSignal<boolean>;
     expansionTemplate: _angular_core.InputSignal<TemplateRef<any> | null>;
@@ -1401,7 +1451,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>;
@@ -2576,38 +2626,49 @@ declare function throwAcpPopoverInvalidPositionEnd(): void;
 type ButtonType = 'confirm' | 'cancel' | 'deny';
 declare class AlertDialog implements OnInit, OnDestroy {
     inputField?: ElementRef<HTMLInputElement | HTMLTextAreaElement>;
+    dialogTitle?: ElementRef<HTMLElement>;
     private container;
     private componentRef;
+    private timerInterval;
     inputValue: string;
     validationError: string | null;
     timerProgress: number;
-    private timerInterval;
     sanitizedHtml: SafeHtml;
     sanitizedFooter: SafeHtml | null;
     dialogRef: MatDialogRef<any, any>;
     data: AlertDialogOptions;
     private sanitizer;
-    private environmentInjector;
+    private renderer;
+    private elementRef;
+    private cdr;
+    private zIndexService;
     constructor();
     ngOnDestroy(): void;
     private startTimer;
     private loadComponent;
     ngOnInit(): void;
     getIconName(): string;
+    onClose(): void;
     getButtonVariant(buttonType: ButtonType): ButtonVariant;
     getButtonIcon(buttonType: ButtonType): string;
     getButtonStyle(buttonType: ButtonType): MaterialButtonStyle;
+    getActionsAlignment(): 'start' | 'center' | 'end';
     onConfirm(): Promise<void>;
     onCancel(): void;
     onDeny(): void;
     onInputEnter(): void;
-    private closeWithResult;
     getConfirmColor(): any;
     getCancelColor(): any;
     getDenyColor(): any;
     getConfirmBackgroundColor(): string | undefined;
     getCancelBackgroundColor(): string | undefined;
     getDenyBackgroundColor(): string | undefined;
+    /**
+     * Brings the dialog to the front by adjusting its z-index.
+     * Uses the centralized DialogZIndexService for consistent z-index management.
+     * Called when the dialog header is clicked.
+     */
+    bringToFront(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertDialog, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertDialog, "acp-alert-dialog", never, {}, {}, never, never, true, never>;
 }
@@ -2655,5 +2716,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 { 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, DialogWrapperConfig, DrawerPosition, FocusableElement, IconRegistryConfig, MatCustomDialogConfig, PopoverCloseReason, ReusableAutocompleteWrapperComponent, TabulatorColumn, TabulatorConfig, TabulatorEventHandlers, TabulatorTheme };