@acontplus/ng-components 2.1.22 → 2.1.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acontplus/ng-components",
-  "version": "2.1.22",
+  "version": "2.1.24",
   "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

@@ -240,7 +240,7 @@ declare class AdvancedDialogService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<AdvancedDialogService>;
 }
 
-type DialogType = 'normal' | 'alert' | 'toast';
+type DialogType = 'normal' | 'alert';
 /**
  * Servicio centralizado para manejar z-index de todos los diálogos
  * Asegura que los diálogos siempre aparezcan en el orden correcto
@@ -251,7 +251,7 @@ declare class DialogZIndexService {
     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)
+     * @param type Tipo de diálogo (normal, alert)
      * @returns El próximo z-index a usar
      */
     getNextZIndex(type?: DialogType): number;
@@ -290,20 +290,6 @@ declare class DialogZIndexService {
      * @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>;
 }
@@ -504,6 +490,15 @@ declare class AutocompleteWrapperService {
 
 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 ButtonConfig {
+    text?: string;
+    icon?: string;
+    variant?: ButtonVariant;
+    style?: MaterialButtonStyle;
+    color?: ThemePalette | string;
+    disabled?: boolean;
+    focus?: boolean;
+}
 interface AlertDialogOptions {
     title?: string;
     message?: string;
@@ -519,7 +514,7 @@ interface AlertDialogOptions {
     customClass?: string;
     panelClass?: string | string[];
     backdropClass?: string;
-    layout?: 'default' | 'modern' | 'toast';
+    layout?: 'default' | 'modern';
     iconPosition?: 'left' | 'center' | 'top';
     contentAlignment?: 'left' | 'center' | 'right';
     actionsAlignment?: 'start' | 'center' | 'end';
@@ -529,8 +524,6 @@ interface AlertDialogOptions {
     dragHandle?: string;
     animation?: 'fade' | 'slide' | 'bounce' | 'zoom' | 'none';
     animationDuration?: number;
-    autoClose?: boolean;
-    progressBar?: boolean;
     component?: Type<any>;
     componentProps?: Record<string, any>;
     forceToTop?: boolean;
@@ -546,30 +539,14 @@ interface AlertDialogOptions {
     allowEnterKey?: boolean;
     scrollbarPadding?: boolean;
     allowMultiple?: boolean;
+    buttons?: {
+        confirm?: ButtonConfig;
+        cancel?: ButtonConfig;
+        deny?: ButtonConfig;
+    };
     showConfirmButton?: boolean;
     showCancelButton?: boolean;
     showDenyButton?: boolean;
-    confirmText?: string;
-    cancelText?: string;
-    denyText?: string;
-    confirmButtonIcon?: string;
-    cancelButtonIcon?: string;
-    denyButtonIcon?: string;
-    confirmButtonVariant?: ButtonVariant;
-    cancelButtonVariant?: ButtonVariant;
-    denyButtonVariant?: ButtonVariant;
-    confirmButtonStyle?: MaterialButtonStyle;
-    cancelButtonStyle?: MaterialButtonStyle;
-    denyButtonStyle?: MaterialButtonStyle;
-    confirmButtonColor?: ThemePalette | string;
-    cancelButtonColor?: ThemePalette | string;
-    denyButtonColor?: ThemePalette | string;
-    disableConfirmButton?: boolean;
-    disableCancelButton?: boolean;
-    disableDenyButton?: boolean;
-    focusConfirm?: boolean;
-    focusCancel?: boolean;
-    focusDeny?: boolean;
     processing?: boolean;
     processingButton?: 'confirm' | 'cancel' | 'deny';
     input?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'textarea';
@@ -659,10 +636,6 @@ declare class AlertDialogService {
      * Diálogo de confirmación para eliminar
      */
     delete(options: string | Omit<AlertDialogOptions, 'type' | 'showCancelButton'>): Promise<AlertDialogResult>;
-    /**
-     * Toast notification (auto-cierre, posición personalizada, no-intrusivo)
-     */
-    toast(options: string | AlertDialogOptions): Promise<AlertDialogResult>;
     /**
      * Alerta crítica que siempre aparece encima de todo
      */
@@ -676,14 +649,6 @@ declare class AlertDialogService {
      * ⚠️ Usar con cuidado - afecta todos los diálogos de MatDialog
      */
     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;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertDialogService, never>;
@@ -755,7 +720,7 @@ declare class DynamicSelect implements OnInit, OnDestroy {
     clearable: _angular_core.InputSignal<boolean>;
     searchable: _angular_core.InputSignal<boolean>;
     virtualScroll: _angular_core.InputSignal<boolean>;
-    dropdownPosition: _angular_core.InputSignal<"auto" | "top" | "bottom">;
+    dropdownPosition: _angular_core.InputSignal<"top" | "bottom" | "auto">;
     closeOnSelect: _angular_core.InputSignal<boolean>;
     hideSelected: _angular_core.InputSignal<boolean>;
     multiple: _angular_core.InputSignal<boolean>;
@@ -1700,6 +1665,8 @@ declare class DateRangePicker<AsString extends boolean = true> implements OnInit
     showCheckbox: _angular_core.InputSignal<boolean>;
     checkboxChecked: _angular_core.ModelSignal<boolean>;
     checkboxPosition: _angular_core.InputSignal<"prefix" | "suffix">;
+    startDate: _angular_core.InputSignal<Date>;
+    endDate: _angular_core.InputSignal<Date>;
     singleDatePicker: _angular_core.InputSignal<boolean>;
     timePicker: _angular_core.InputSignal<boolean>;
     timePicker24Hour: _angular_core.InputSignal<boolean>;
@@ -1753,7 +1720,7 @@ declare class DateRangePicker<AsString extends boolean = true> implements OnInit
     hide(): void;
     toggle(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateRangePicker<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateRangePicker<any>, "acp-date-range-picker", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholderText": { "alias": "placeholderText"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "inputReadonly": { "alias": "inputReadonly"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "formatOutputAsString": { "alias": "formatOutputAsString"; "required": false; "isSignal": true; }; "calendarIcon": { "alias": "calendarIcon"; "required": false; "isSignal": true; }; "showCalendarButton": { "alias": "showCalendarButton"; "required": false; "isSignal": true; }; "showCheckbox": { "alias": "showCheckbox"; "required": false; "isSignal": true; }; "checkboxChecked": { "alias": "checkboxChecked"; "required": false; "isSignal": true; }; "checkboxPosition": { "alias": "checkboxPosition"; "required": false; "isSignal": true; }; "singleDatePicker": { "alias": "singleDatePicker"; "required": false; "isSignal": true; }; "timePicker": { "alias": "timePicker"; "required": false; "isSignal": true; }; "timePicker24Hour": { "alias": "timePicker24Hour"; "required": false; "isSignal": true; }; "timePickerSeconds": { "alias": "timePickerSeconds"; "required": false; "isSignal": true; }; "timePickerIncrement": { "alias": "timePickerIncrement"; "required": false; "isSignal": true; }; "autoApply": { "alias": "autoApply"; "required": false; "isSignal": true; }; "showDropdowns": { "alias": "showDropdowns"; "required": false; "isSignal": true; }; "linkedCalendars": { "alias": "linkedCalendars"; "required": false; "isSignal": true; }; "alwaysShowCalendars": { "alias": "alwaysShowCalendars"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; }, { "checkboxChecked": "checkboxCheckedChange"; "dateRangeSelected": "dateRangeSelected"; "pickerShow": "pickerShow"; "pickerHide": "pickerHide"; "pickerApply": "pickerApply"; "pickerCancel": "pickerCancel"; "checkboxChange": "checkboxChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateRangePicker<any>, "acp-date-range-picker", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholderText": { "alias": "placeholderText"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "inputReadonly": { "alias": "inputReadonly"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "formatOutputAsString": { "alias": "formatOutputAsString"; "required": false; "isSignal": true; }; "calendarIcon": { "alias": "calendarIcon"; "required": false; "isSignal": true; }; "showCalendarButton": { "alias": "showCalendarButton"; "required": false; "isSignal": true; }; "showCheckbox": { "alias": "showCheckbox"; "required": false; "isSignal": true; }; "checkboxChecked": { "alias": "checkboxChecked"; "required": false; "isSignal": true; }; "checkboxPosition": { "alias": "checkboxPosition"; "required": false; "isSignal": true; }; "startDate": { "alias": "startDate"; "required": false; "isSignal": true; }; "endDate": { "alias": "endDate"; "required": false; "isSignal": true; }; "singleDatePicker": { "alias": "singleDatePicker"; "required": false; "isSignal": true; }; "timePicker": { "alias": "timePicker"; "required": false; "isSignal": true; }; "timePicker24Hour": { "alias": "timePicker24Hour"; "required": false; "isSignal": true; }; "timePickerSeconds": { "alias": "timePickerSeconds"; "required": false; "isSignal": true; }; "timePickerIncrement": { "alias": "timePickerIncrement"; "required": false; "isSignal": true; }; "autoApply": { "alias": "autoApply"; "required": false; "isSignal": true; }; "showDropdowns": { "alias": "showDropdowns"; "required": false; "isSignal": true; }; "linkedCalendars": { "alias": "linkedCalendars"; "required": false; "isSignal": true; }; "alwaysShowCalendars": { "alias": "alwaysShowCalendars"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; }, { "checkboxChecked": "checkboxCheckedChange"; "dateRangeSelected": "dateRangeSelected"; "pickerShow": "pickerShow"; "pickerHide": "pickerHide"; "pickerApply": "pickerApply"; "pickerCancel": "pickerCancel"; "checkboxChange": "checkboxChange"; }, never, never, true, never>;
 }
 
 /** Options for where to set focus to automatically on dialog open. */
@@ -2698,14 +2665,19 @@ declare class AlertDialog implements OnInit, OnDestroy {
     ngOnInit(): void;
     getIconName(): string;
     onClose(): void;
+    private getButtonConfig;
     getButtonVariant(buttonType: ButtonType): ButtonVariant;
     getButtonIcon(buttonType: ButtonType): string;
     getButtonStyle(buttonType: ButtonType): MaterialButtonStyle;
+    getButtonText(buttonType: ButtonType): string;
+    getButtonDisabled(buttonType: ButtonType): boolean;
+    getButtonFocus(buttonType: ButtonType): boolean;
     getActionsAlignment(): 'start' | 'center' | 'end';
     onConfirm(): Promise<void>;
     onCancel(): void;
     onDeny(): void;
     onInputEnter(): void;
+    private getButtonColor;
     getConfirmColor(): any;
     getCancelColor(): any;
     getDenyColor(): any;
@@ -2766,4 +2738,4 @@ declare class StatusDisplayPipe implements PipeTransform {
 }
 
 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 };
+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, ButtonConfig, 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 };