@acontplus/ng-components 2.1.29 → 2.1.31

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

@@ -1,9 +1,9 @@
 import * as _angular_core from '@angular/core';
-import { WritableSignal, OutputEmitterRef, Type, AfterViewInit, OnDestroy, Signal, ViewContainerRef, ElementRef, OnInit, TemplateRef, OnChanges, SimpleChanges, InjectionToken, QueryList, TrackByFunction, KeyValueChangeRecord, EventEmitter, ComponentRef, AfterContentInit, PipeTransform } from '@angular/core';
+import { EventEmitter, Type, AfterViewInit, OnDestroy, Signal, ViewContainerRef, ElementRef, OnInit, TemplateRef, OnChanges, SimpleChanges, NgZone, InjectionToken, QueryList, TrackByFunction, KeyValueChangeRecord, OutputEmitterRef, WritableSignal, ComponentRef, AfterContentInit, PipeTransform } from '@angular/core';
 import { MatDialogRef } from '@angular/material/dialog';
 import { ScrollStrategy } from '@angular/cdk/overlay';
-import { FormControl, ControlValueAccessor } from '@angular/forms';
-import { ButtonVariant, MaterialButtonStyle, SelectOption, IconDefinition, ButtonType as ButtonType$1, REPORT_FORMAT } from '@acontplus/ui-kit';
+import { FormControl, ControlValueAccessor, FormGroup } from '@angular/forms';
+import { SelectOption, IconDefinition, ButtonVariant, ButtonType, MaterialButtonStyle, REPORT_FORMAT } from '@acontplus/ui-kit';
 import { SafeHtml } from '@angular/platform-browser';
 import { MatChipInputEvent, MatChipEditedEvent } from '@angular/material/chips';
 import { LiveAnnouncer, FocusOrigin } from '@angular/cdk/a11y';
@@ -18,32 +18,31 @@ import { MatBadgePosition, MatBadgeSize } from '@angular/material/badge';
 import { MatButtonAppearance } from '@angular/material/button';
 import { ThemePalette } from '@angular/material/core';
 import { TooltipPosition, TooltipTouchGestures } from '@angular/material/tooltip';
+import { CdkDragDrop } from '@angular/cdk/drag-drop';
+import { MatMenu, MatMenuTrigger } from '@angular/material/menu';
 import { NgxDatexLocale, NgxDatexTheme, NgxDatexValue } from 'ngx-datex';
 export { MATERIAL_LIGHT_THEME, NgxDatex, NgxDatexConfig, NgxDatexLocale, NgxDatexRange, NgxDatexTheme, NgxDatexValue, SPANISH_LOCALE } from 'ngx-datex';
 import { ComponentType } from '@angular/cdk/portal';
 import { Direction } from '@angular/cdk/bidi';
 import { DialogRole, CdkDialogContainer, DialogRef } from '@angular/cdk/dialog';
+import { DateRange, MatCalendar } from '@angular/material/datepicker';
 
 type AcpAlertType = 'default' | 'info' | 'success' | 'warning' | 'danger';
 declare class AcpAlert {
-    /** Signal to control visibility */
-    visible: WritableSignal<boolean>;
+    private _changeDetectorRef;
+    get hostClassList(): string;
     /** The alert's type. Can be `default`, `info`, `success`, `warning` or `danger`. */
-    type: _angular_core.InputSignal<AcpAlertType>;
+    type: AcpAlertType;
     /** Whether to display an inline close button. */
-    dismissible: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    dismissible: boolean;
     /** The alert's elevation (0~24). */
-    elevation: _angular_core.InputSignalWithTransform<number, unknown>;
+    elevation: number;
     /** Event emitted when the alert closed. */
-    closed: OutputEmitterRef<AcpAlert>;
-    get hostClassList(): string;
-    /** Programmatically close the alert */
-    close(): void;
-    /** Programmatically show the alert */
-    show(): void;
+    closed: EventEmitter<AcpAlert>;
     _onClosed(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AcpAlert, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AcpAlert, "acp-alert", ["acpAlert"], { "type": { "alias": "type"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "elevation": { "alias": "elevation"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AcpAlert, "acp-alert", ["acpAlert"], { "type": { "alias": "type"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "elevation": { "alias": "elevation"; "required": false; }; }, { "closed": "closed"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_dismissible: unknown;
 }
 
 /**
@@ -124,6 +123,18 @@ declare class DynamicCard {
      * Event emitted when the card is clicked.
      */
     cardClicked: _angular_core.OutputEmitterRef<Event>;
+    /**
+     * Event emitted when a key is pressed down on the card.
+     */
+    keyDown: _angular_core.OutputEmitterRef<KeyboardEvent>;
+    /**
+     * Event emitted when a key is released on the card.
+     */
+    keyUp: _angular_core.OutputEmitterRef<KeyboardEvent>;
+    /**
+     * Event emitted when a key is pressed on the card.
+     */
+    keyPress: _angular_core.OutputEmitterRef<KeyboardEvent>;
     /**
      * Handles the primary button click event.
      * Stops event propagation and emits the primaryButtonClicked event.
@@ -142,8 +153,26 @@ declare class DynamicCard {
      * @param event The click event
      */
     handleCardClick(event: Event): void;
+    /**
+     * Handles the key down event on the card.
+     * Emits the keyDown event with the original keyboard event.
+     * @param event The keyboard event
+     */
+    handleKeyDown(event: KeyboardEvent): void;
+    /**
+     * Handles the key up event on the card.
+     * Emits the keyUp event with the original keyboard event.
+     * @param event The keyboard event
+     */
+    handleKeyUp(event: KeyboardEvent): void;
+    /**
+     * Handles the key press event on the card.
+     * Emits the keyPress event with the original keyboard event.
+     * @param event The keyboard event
+     */
+    handleKeyPress(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DynamicCard, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DynamicCard, "acp-dynamic-card", never, { "cardTitle": { "alias": "cardTitle"; "required": false; "isSignal": true; }; "cardSubtitle": { "alias": "cardSubtitle"; "required": false; "isSignal": true; }; "avatarImageUrl": { "alias": "avatarImageUrl"; "required": false; "isSignal": true; }; "isHeaderVisible": { "alias": "isHeaderVisible"; "required": false; "isSignal": true; }; "contentPadding": { "alias": "contentPadding"; "required": false; "isSignal": true; }; "hasDivider": { "alias": "hasDivider"; "required": false; "isSignal": true; }; "areActionsVisible": { "alias": "areActionsVisible"; "required": false; "isSignal": true; }; "primaryButtonText": { "alias": "primaryButtonText"; "required": false; "isSignal": true; }; "secondaryButtonText": { "alias": "secondaryButtonText"; "required": false; "isSignal": true; }; "primaryButtonIcon": { "alias": "primaryButtonIcon"; "required": false; "isSignal": true; }; "secondaryButtonIcon": { "alias": "secondaryButtonIcon"; "required": false; "isSignal": true; }; "buttonsPosition": { "alias": "buttonsPosition"; "required": false; "isSignal": true; }; }, { "primaryButtonClicked": "primaryButtonClicked"; "secondaryButtonClicked": "secondaryButtonClicked"; "cardClicked": "cardClicked"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DynamicCard, "acp-dynamic-card", never, { "cardTitle": { "alias": "cardTitle"; "required": false; "isSignal": true; }; "cardSubtitle": { "alias": "cardSubtitle"; "required": false; "isSignal": true; }; "avatarImageUrl": { "alias": "avatarImageUrl"; "required": false; "isSignal": true; }; "isHeaderVisible": { "alias": "isHeaderVisible"; "required": false; "isSignal": true; }; "contentPadding": { "alias": "contentPadding"; "required": false; "isSignal": true; }; "hasDivider": { "alias": "hasDivider"; "required": false; "isSignal": true; }; "areActionsVisible": { "alias": "areActionsVisible"; "required": false; "isSignal": true; }; "primaryButtonText": { "alias": "primaryButtonText"; "required": false; "isSignal": true; }; "secondaryButtonText": { "alias": "secondaryButtonText"; "required": false; "isSignal": true; }; "primaryButtonIcon": { "alias": "primaryButtonIcon"; "required": false; "isSignal": true; }; "secondaryButtonIcon": { "alias": "secondaryButtonIcon"; "required": false; "isSignal": true; }; "buttonsPosition": { "alias": "buttonsPosition"; "required": false; "isSignal": true; }; }, { "primaryButtonClicked": "primaryButtonClicked"; "secondaryButtonClicked": "secondaryButtonClicked"; "cardClicked": "cardClicked"; "keyDown": "keyDown"; "keyUp": "keyUp"; "keyPress": "keyPress"; }, never, ["*"], true, never>;
 }
 
 type DialogSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'full';
@@ -510,173 +539,6 @@ declare class AutocompleteWrapperService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<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;
-    html?: string;
-    icon?: string;
-    iconColor?: string;
-    type?: AlertType;
-    width?: string;
-    minWidth?: string;
-    maxWidth?: string;
-    height?: string;
-    position?: AlertPosition;
-    customClass?: string;
-    panelClass?: string | string[];
-    backdropClass?: string;
-    layout?: 'default' | 'modern';
-    iconPosition?: 'left' | 'center' | 'top';
-    contentAlignment?: 'left' | 'center' | 'right';
-    actionsAlignment?: 'start' | 'center' | 'end';
-    showCloseButton?: boolean;
-    closeButtonPosition?: 'top-right' | 'top-left';
-    draggable?: boolean;
-    dragHandle?: string;
-    animation?: 'fade' | 'slide' | 'bounce' | 'zoom' | 'none';
-    animationDuration?: number;
-    component?: Type<any>;
-    componentProps?: Record<string, any>;
-    forceToTop?: boolean;
-    dialogType?: DialogType;
-    verticalButtons?: boolean;
-    fullWidthButtons?: boolean;
-    reverseButtons?: boolean;
-    timer?: number;
-    timerProgressBar?: boolean;
-    disableClose?: boolean;
-    closeOnBackdropClick?: boolean;
-    allowEscapeKey?: boolean;
-    allowEnterKey?: boolean;
-    scrollbarPadding?: boolean;
-    allowMultiple?: boolean;
-    buttons?: {
-        confirm?: ButtonConfig;
-        cancel?: ButtonConfig;
-        deny?: ButtonConfig;
-    };
-    showConfirmButton?: boolean;
-    showCancelButton?: boolean;
-    showDenyButton?: boolean;
-    processing?: boolean;
-    processingButton?: 'confirm' | 'cancel' | 'deny';
-    input?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'textarea';
-    inputLabel?: string;
-    inputPlaceholder?: string;
-    inputValue?: string;
-    inputValidator?: (value: string) => string | null | Promise<string | null>;
-    inputAttributes?: Record<string, string>;
-    imageUrl?: string;
-    imageWidth?: string;
-    imageHeight?: string;
-    imageAlt?: string;
-    footer?: string;
-    footerHtml?: string;
-    willOpen?: () => void;
-    didOpen?: () => void;
-    willClose?: () => void;
-    didClose?: () => void;
-    preConfirm?: (value?: string) => Promise<any> | any;
-    preDeny?: (value?: string) => Promise<any> | any;
-    showClass?: {
-        backdrop?: string;
-        popup?: string;
-    };
-    hideClass?: {
-        backdrop?: string;
-        popup?: string;
-    };
-    ariaLabel?: string;
-    ariaDescribedBy?: string;
-}
-interface AlertDialogResult<T = any> {
-    isConfirmed: boolean;
-    isDismissed: boolean;
-    isDenied: boolean;
-    value?: T;
-    dismiss?: 'backdrop' | 'cancel' | 'esc' | 'close' | 'timer';
-}
-declare class AlertDialogService {
-    private dialog;
-    private zIndexService;
-    private openAlertDialogs;
-    private defaultOptions;
-    /**
-     * Configurar opciones por defecto para todos los diálogos
-     */
-    setDefaults(options: Partial<AlertDialogOptions>): void;
-    /**
-     * Obtener opciones por defecto actuales
-     */
-    getDefaults(): Partial<AlertDialogOptions>;
-    /**
-     * Resetear a opciones por defecto originales
-     */
-    resetDefaults(): void;
-    /**
-     * Muestra un diálogo de alerta con todas las opciones configurables
-     */
-    fire(options: AlertDialogOptions): Promise<AlertDialogResult>;
-    /**
-     * Alerta de éxito
-     */
-    success(options: string | Omit<AlertDialogOptions, 'type'>): Promise<AlertDialogResult>;
-    /**
-     * Alerta de error
-     */
-    error(options: string | Omit<AlertDialogOptions, 'type'>): Promise<AlertDialogResult>;
-    /**
-     * Alerta de advertencia
-     */
-    warning(options: string | Omit<AlertDialogOptions, 'type'>): Promise<AlertDialogResult>;
-    /**
-     * Alerta de información
-     */
-    info(options: string | Omit<AlertDialogOptions, 'type'>): Promise<AlertDialogResult>;
-    /**
-     * Diálogo de confirmación
-     */
-    confirm(options: string | Omit<AlertDialogOptions, 'type' | 'showCancelButton'>): Promise<AlertDialogResult>;
-    /**
-     * Prompt para capturar input del usuario
-     */
-    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>;
-    /**
-     * Alerta crítica que siempre aparece encima de todo
-     */
-    critical(options: string | Omit<AlertDialogOptions, 'forceToTop'>): Promise<AlertDialogResult>;
-    /**
-     * Cerrar solo los AlertDialogs abiertos (no afecta otros diálogos)
-     */
-    closeAllAlertDialogs(): void;
-    /**
-     * Cerrar TODOS los diálogos abiertos (incluyendo otros servicios)
-     * ⚠️ Usar con cuidado - afecta todos los diálogos de MatDialog
-     */
-    closeAll(): void;
-    private getDialogPosition;
-    private getPanelClasses;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertDialogService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AlertDialogService>;
-}
-
 /**
  * A wrapper component for Angular Material dialogs that provides a consistent look and feel,
  * including a draggable header and the ability to dynamically create components inside the dialog.
@@ -742,7 +604,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<"auto" | "bottom" | "top">;
     closeOnSelect: _angular_core.InputSignal<boolean>;
     hideSelected: _angular_core.InputSignal<boolean>;
     multiple: _angular_core.InputSignal<boolean>;
@@ -913,7 +775,7 @@ declare class Button {
     text: _angular_core.InputSignal<string>;
     icon: _angular_core.InputSignal<string>;
     disabled: _angular_core.InputSignal<boolean>;
-    type: _angular_core.InputSignal<ButtonType$1>;
+    type: _angular_core.InputSignal<ButtonType>;
     matStyle: _angular_core.InputSignal<MaterialButtonStyle>;
     customClass: _angular_core.InputSignal<string | undefined>;
     reportFormat: _angular_core.InputSignal<REPORT_FORMAT | undefined>;
@@ -1401,22 +1263,176 @@ declare class ReusableAutocompleteComponent implements OnInit, OnDestroy {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ReusableAutocompleteComponent, "acp-autocomplete-wrapper", never, { "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; "searchFunction": { "alias": "searchFunction"; "required": false; "isSignal": true; }; "notFoundTemplate": { "alias": "notFoundTemplate"; "required": false; "isSignal": true; }; "overlayWidth": { "alias": "overlayWidth"; "required": false; "isSignal": true; }; "overlayMaxHeight": { "alias": "overlayMaxHeight"; "required": false; "isSignal": true; }; }, { "itemSelected": "itemSelected"; "searchChanged": "searchChanged"; "searchRequested": "searchRequested"; "pageChanged": "pageChanged"; "filterChanged": "filterChanged"; "advancedSearchClicked": "advancedSearchClicked"; "allResultsClicked": "allResultsClicked"; "createClicked": "createClicked"; }, never, never, true, never>;
 }
 
-declare class DataGridSelectableCell {
+declare class AcpGridSelectableCell {
     ctrlKeyPressed: boolean;
     shiftKeyPressed: boolean;
     get selected(): boolean;
     private _selected;
-    cellSelectable: _angular_core.InputSignal<boolean>;
-    cellSelectedChange: _angular_core.OutputEmitterRef<DataGridSelectableCell>;
+    cellSelectable: boolean;
+    cellSelectedChange: EventEmitter<AcpGridSelectableCell>;
     onClick(event: MouseEvent): void;
     select(): void;
     deselect(): void;
     toggle(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataGridSelectableCell, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DataGridSelectableCell, "[acpGridSelectableCell]", never, { "cellSelectable": { "alias": "cellSelectable"; "required": false; "isSignal": true; }; }, { "cellSelectedChange": "cellSelectedChange"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AcpGridSelectableCell, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AcpGridSelectableCell, "[acpGridSelectableCell]", never, { "cellSelectable": { "alias": "cellSelectable"; "required": false; }; }, { "cellSelectedChange": "cellSelectedChange"; }, never, never, true, never>;
 }
 
-declare class DataGridExpansionToggle {
+/** Indicates the width of a column. */
+interface ColumnSize {
+    /** The ID/name of the column, as defined in CdkColumnDef. */
+    readonly columnId: string;
+    /** The width in pixels of the column. */
+    readonly size: number;
+    /** The width in pixels of the column prior to this update, if known. */
+    readonly previousSize?: number;
+}
+/** Interface describing column size changes. */
+interface ColumnSizeAction extends ColumnSize {
+    /**
+     * Whether the resize action should be applied instantaneously. False for events triggered during
+     * a UI-triggered resize (such as with the mouse) until the mouse button is released. True
+     * for all programmatically triggered resizes.
+     */
+    readonly completeImmediately?: boolean;
+    /**
+     * Whether the resize action is being applied to a sticky/stickyEnd column.
+     */
+    readonly isStickyColumn?: boolean;
+}
+/**
+ * Originating source of column resize events within a table.
+ * @docs-private
+ */
+declare class ColumnResizeNotifierSource {
+    /** Emits when an in-progress resize is canceled. */
+    readonly resizeCanceled: Subject<ColumnSizeAction>;
+    /** Emits when a resize is applied. */
+    readonly resizeCompleted: Subject<ColumnSize>;
+    /** Triggers a resize action. */
+    readonly triggerResize: Subject<ColumnSizeAction>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColumnResizeNotifierSource, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ColumnResizeNotifierSource>;
+}
+/** Service for triggering column resizes imperatively or being notified of them. */
+declare class ColumnResizeNotifier {
+    private readonly _source;
+    /** Emits whenever a column is resized. */
+    readonly resizeCompleted: Observable<ColumnSize>;
+    /** Instantly resizes the specified column. */
+    resize(columnId: string, size: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColumnResizeNotifier, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ColumnResizeNotifier>;
+}
+
+/** Coordinates events between the column resize directives. */
+declare class HeaderRowEventDispatcher {
+    private readonly _ngZone;
+    /**
+     * Emits the currently hovered header cell or null when no header cells are hovered.
+     * Exposed publicly for events to feed in, but subscribers should use headerCellHoveredDistinct,
+     * defined below.
+     */
+    readonly headerCellHovered: Subject<Element | null>;
+    /**
+     * Emits the header cell for which a user-triggered resize is active or null
+     * when no resize is in progress.
+     */
+    readonly overlayHandleActiveForCell: Subject<Element | null>;
+    /** Distinct and shared version of headerCellHovered. */
+    readonly headerCellHoveredDistinct: Observable<Element | null>;
+    /**
+     * Emits the header that is currently hovered or hosting an active resize event (with active
+     * taking precedence).
+     */
+    readonly headerRowHoveredOrActiveDistinct: Observable<Element | null>;
+    private readonly _headerRowHoveredOrActiveDistinctReenterZone;
+    private _lastSeenRow;
+    private _lastSeenRowHover;
+    /**
+     * Emits whether the specified row should show its overlay controls.
+     * Emission occurs within the NgZone.
+     */
+    resizeOverlayVisibleForHeaderRow(row: Element): Observable<boolean>;
+    private _enterZone;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HeaderRowEventDispatcher, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<HeaderRowEventDispatcher>;
+}
+
+/**
+ * Base class for ColumnResize directives which attach to mat-table elements to
+ * provide common events and services for column resizing.
+ */
+declare abstract class ColumnResize implements AfterViewInit, OnDestroy {
+    private _renderer;
+    private _eventCleanups;
+    protected readonly destroyed: Subject<void>;
+    abstract readonly columnResizeNotifier: ColumnResizeNotifier;
+    abstract readonly elementRef: ElementRef<HTMLElement>;
+    protected abstract readonly eventDispatcher: HeaderRowEventDispatcher;
+    protected abstract readonly ngZone: NgZone;
+    protected abstract readonly notifier: ColumnResizeNotifierSource;
+    /** Unique ID for this table instance. */
+    protected readonly selectorId: string;
+    /** The id attribute of the table, if specified. */
+    id?: string;
+    /** @docs-private Whether a call to updateStickyColumnStyles is pending after a resize. */
+    _flushPending: boolean;
+    /**
+     * Whether to update the column's width continuously as the mouse position
+     * changes, or to wait until mouseup to apply the new size.
+     */
+    liveResizeUpdates: boolean;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    /** Gets the unique CSS class name for this table instance. */
+    getUniqueCssClass(): string;
+    /** Gets the ID for this table used for column size persistance. */
+    getTableId(): string;
+    /** Called when a column in the table is resized. Applies a css class to the table element. */
+    setResized(): void;
+    private _listenForRowHoverEvents;
+    private _listenForResizeActivity;
+    private _listenForHoverActivity;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColumnResize, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ColumnResize, never, never, { "liveResizeUpdates": { "alias": "liveResizeUpdates"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class AcpGridColumnMenu {
+    menuPanel: MatMenu;
+    menuTrigger: MatMenuTrigger;
+    columns: DataGridColumn[];
+    selectable: boolean;
+    selectableChecked: 'show' | 'hide';
+    sortable: boolean;
+    pinnable: boolean;
+    get buttonText(): string;
+    set buttonText(value: string);
+    private _buttonText;
+    buttonType: DataGridButtonType;
+    buttonColor: ThemePalette;
+    buttonClass: string;
+    buttonIcon: string;
+    buttonFontIcon: string;
+    buttonSvgIcon: string;
+    showHeader: boolean;
+    headerText: string;
+    headerTemplate: TemplateRef<any>;
+    showFooter: boolean;
+    footerText: string;
+    footerTemplate: TemplateRef<any>;
+    columnChange: EventEmitter<DataGridColumn<any>[]>;
+    get pinOptions(): DataGridColumnPinOption[];
+    set pinOptions(value: DataGridColumnPinOption[]);
+    private _pinOptions;
+    _handleDroped(e: CdkDragDrop<string[]>): void;
+    _handleChecked(col: DataGridColumn): void;
+    _handlePinSelect(col: DataGridColumn, val: DataGridColumnPinValue): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AcpGridColumnMenu, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AcpGridColumnMenu, "acp-grid-column-menu", ["acpGridColumnMenu"], { "columns": { "alias": "columns"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "selectableChecked": { "alias": "selectableChecked"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "pinnable": { "alias": "pinnable"; "required": false; }; "buttonText": { "alias": "buttonText"; "required": false; }; "buttonType": { "alias": "buttonType"; "required": false; }; "buttonColor": { "alias": "buttonColor"; "required": false; }; "buttonClass": { "alias": "buttonClass"; "required": false; }; "buttonIcon": { "alias": "buttonIcon"; "required": false; }; "buttonFontIcon": { "alias": "buttonFontIcon"; "required": false; }; "buttonSvgIcon": { "alias": "buttonSvgIcon"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "headerText": { "alias": "headerText"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "footerText": { "alias": "footerText"; "required": false; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; }; "pinOptions": { "alias": "pinOptions"; "required": false; }; }, { "columnChange": "columnChange"; }, never, never, true, never>;
+}
+
+declare class AcpGridExpansionToggle {
     private _opened;
     private _row;
     private _tplRef;
@@ -1425,148 +1441,298 @@ declare class DataGridExpansionToggle {
     openedChange: _angular_core.OutputEmitterRef<boolean>;
     set expandableRow(value: any);
     set expansionRowTpl(value: TemplateRef<any>);
-    toggleChange: _angular_core.OutputEmitterRef<DataGridExpansionToggle>;
+    toggleChange: _angular_core.OutputEmitterRef<AcpGridExpansionToggle>;
     onClick(event: MouseEvent): void;
     toggle(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataGridExpansionToggle, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DataGridExpansionToggle, "[acpDataGridExpansionToggle]", never, { "opened": { "alias": "opened"; "required": false; }; "expandableRow": { "alias": "expandableRow"; "required": false; }; "expansionRowTpl": { "alias": "expansionRowTpl"; "required": false; }; }, { "openedChange": "openedChange"; "toggleChange": "toggleChange"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AcpGridExpansionToggle, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AcpGridExpansionToggle, "[acpGridExpansionToggle]", never, { "opened": { "alias": "opened"; "required": false; }; "expandableRow": { "alias": "expandableRow"; "required": false; }; "expansionRowTpl": { "alias": "expansionRowTpl"; "required": false; }; }, { "openedChange": "openedChange"; "toggleChange": "toggleChange"; }, never, never, true, never>;
 }
 
 declare const DATA_GRID_DEFAULT_OPTIONS: InjectionToken<DataGridDefaultOptions>;
-declare class DataGrid<T = any> implements AfterViewInit, OnDestroy, OnChanges {
+declare class DataGrid implements AfterViewInit, OnChanges {
+    size: _angular_core.InputSignal<"normal" | "small" | "medium">;
     protected _animationsDisabled: boolean;
     private _utils;
+    private _changeDetectorRef;
     private _defaultOptions;
-    private _keyboardNavService;
-    private _destroy$;
-    paginator: _angular_core.Signal<MatPaginator | undefined>;
     table: MatTable<any>;
-    paginator1: MatPaginator;
+    paginator: MatPaginator;
     sort: MatSort;
-    tableContainer: ElementRef<HTMLDivElement>;
     rowDefs: QueryList<MatRowDef<any>>;
     headerRowDefs: QueryList<MatHeaderRowDef>;
     footerRowDefs: QueryList<MatFooterRowDef>;
-    showToolbar: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    showColumnMenuButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    toolbarTitle: _angular_core.InputSignal<string>;
-    toolbarTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
-    data: _angular_core.InputSignal<T[]>;
-    columns: _angular_core.InputSignal<DataGridColumn<T>[]>;
-    length: _angular_core.InputSignal<number>;
-    loading: _angular_core.InputSignal<boolean>;
-    emptyValuePlaceholder: _angular_core.InputSignal<string>;
-    trackBy: _angular_core.InputSignal<TrackByFunction<any> | undefined>;
-    cellTemplate: _angular_core.InputSignal<Record<string, TemplateRef<any>>>;
-    headerTemplate: _angular_core.InputSignal<TemplateRef<any> | DataGridCellTemplate | undefined>;
-    headerExtraTemplate: _angular_core.InputSignal<TemplateRef<any> | DataGridCellTemplate | undefined>;
-    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<"normal" | "small" | "medium">;
-    headerCellTemplate: _angular_core.InputSignal<TemplateRef<any> | DataGridCellTemplate | undefined>;
-    expandable: _angular_core.InputSignal<boolean>;
-    expansionTemplate: _angular_core.InputSignal<TemplateRef<any> | null>;
+    columnResize?: ColumnResize;
+    columnMenu: AcpGridColumnMenu;
+    tableContainer: ElementRef<HTMLDivElement>;
+    dataSource: MatTableDataSource<unknown, MatPaginator>;
+    /** The grid's displayed columns. */
+    displayedColumns: string[];
+    /** The grid's columns. */
+    columns: DataGridColumn[];
+    /** The grid's data. */
+    data: any[];
+    /** The total number of the data. */
+    length: number;
+    /** Whether the grid is loading. */
+    loading: boolean;
+    /** Tracking function that will be used to check the differences in data changes. */
+    trackBy: TrackByFunction<any>;
+    /** Whether the column is resizable. */
+    columnResizable: boolean;
+    /** Placeholder for the empty value (`null`, `''`, `[]`). */
+    emptyValuePlaceholder: string;
+    /** Whether to paginate the data on front end. */
+    pageOnFront: boolean;
+    /** Whether to show the paginator. */
+    showPaginator: boolean;
+    /** Whether the paginator is disabled. */
+    pageDisabled: boolean;
+    /** Whether to show the first/last buttons UI to the user. */
+    showFirstLastButtons: boolean;
+    /** The zero-based page index of the displayed list of items. */
+    pageIndex: number;
+    /** Number of items to display on a page. */
+    pageSize: number;
+    /** The set of provided page size options to display to the user. */
+    pageSizeOptions: number[];
+    /** Whether to hide the page size selection UI from the user. */
+    hidePageSize: boolean;
+    /** Event emitted when the paginator changes the page size or page index. */
+    page: EventEmitter<PageEvent>;
+    /** The template for the pagination. */
+    paginationTemplate: TemplateRef<any>;
+    /** Whether to sort the data on front end. */
+    sortOnFront: boolean;
+    /** The id of the most recently sorted MatSortable. */
+    sortActive: string;
+    /** The sort direction of the currently active MatSortable. */
+    sortDirection: SortDirection;
+    /**
+     * Whether to disable the user from clearing the sort by finishing the sort direction cycle.
+     * May be overriden by the column's `disableClear` in `sortProp`.
+     */
+    sortDisableClear: boolean;
+    /** Whether the sort is disabled. */
+    sortDisabled: boolean;
+    /**
+     * The direction to set when an MatSortable is initially sorted.
+     * May be overriden by the column's `start` in `sortProp`.
+     */
+    sortStart: 'asc' | 'desc';
+    /** Event emitted when the user changes either the active sort or sort direction. */
+    sortChange: EventEmitter<Sort>;
+    /** Whether to use the row hover style. */
+    rowHover: boolean;
+    /** Whether to use the row striped style. */
+    rowStriped: boolean;
+    /** Event emitted when the user clicks the row. */
+    rowClick: EventEmitter<any>;
+    /** Event emitted when the user attempts to open a context menu. */
+    rowContextMenu: EventEmitter<any>;
+    expansionRowStates: any[];
+    /** Whether the row is expandable. */
+    expandable: boolean;
+    /** The template for the expandable row. */
+    expansionTemplate: TemplateRef<any>;
+    /** Event emitted when the user toggles the expandable row. */
+    expansionChange: EventEmitter<any>;
     closeOthersOnExpand: _angular_core.InputSignal<boolean>;
-    pageOnFront: _angular_core.InputSignal<boolean>;
-    showPaginator: _angular_core.InputSignal<boolean>;
-    pageDisabled: _angular_core.InputSignal<boolean>;
-    showFirstLastButtons: _angular_core.InputSignal<boolean>;
-    pageIndex: _angular_core.InputSignal<number>;
-    pageSize: _angular_core.InputSignal<number>;
-    pageSizeOptions: _angular_core.InputSignal<number[]>;
-    hidePageSize: _angular_core.InputSignal<boolean>;
-    infiniteScroll: _angular_core.InputSignal<boolean>;
-    infiniteScrollThreshold: _angular_core.InputSignal<number>;
-    infiniteScrollDisabled: _angular_core.InputSignal<boolean>;
+    rowSelection: SelectionModel<any>;
+    /** Whether to support multiple row/cell selection. */
+    multiSelectable: boolean;
+    /** Whether the user can select multiple rows with click. */
+    multiSelectionWithClick: boolean;
+    /** Whether the row is selectable. */
+    rowSelectable: boolean;
+    /** Whether to hide the row selection checkbox. */
+    hideRowSelectionCheckbox: boolean;
+    /** Whether disable rows to be selected when clicked. */
+    disableRowClickSelection: boolean;
+    /** The formatter to disable the row selection or hide the row's checkbox. */
+    rowSelectionFormatter: DataGridRowSelectionFormatter;
+    /** The formatter to set the row's class. */
+    rowClassFormatter?: DataGridRowClassFormatter;
+    /** The selected row items. */
+    rowSelected: any[];
+    /** Event emitted when the row is selected. */
+    rowSelectedChange: EventEmitter<any[]>;
+    checkboxKeyDown: EventEmitter<KeyboardEvent>;
+    checkboxKeyUp: EventEmitter<KeyboardEvent>;
+    checkboxKeyPress: EventEmitter<KeyboardEvent>;
+    rowKeyDown: EventEmitter<{
+        event: KeyboardEvent;
+        row: Record<string, any>;
+        index: number;
+    }>;
+    rowKeyUp: EventEmitter<{
+        event: KeyboardEvent;
+        row: Record<string, any>;
+        index: number;
+    }>;
+    rowKeyPress: EventEmitter<{
+        event: KeyboardEvent;
+        row: Record<string, any>;
+        index: number;
+    }>;
+    cellSelection: any[];
+    /** Whether the cell is selectable. */
+    cellSelectable: boolean;
+    /** Event emitted when the cell is selected. */
+    cellSelectedChange: EventEmitter<any[]>;
+    private _selectedCell?;
+    /** Whether to show the toolbar. */
+    showToolbar: boolean;
+    /** The text of the toolbar's title. */
+    toolbarTitle: string;
+    /** The template for the toolbar. */
+    toolbarTemplate: TemplateRef<any>;
+    /** Whether the column is hideable. */
+    columnHideable: boolean;
+    /** Hide or show when the column's checkbox is checked. */
+    columnHideableChecked: 'show' | 'hide';
+    /** Whether the column is sortable. */
+    columnSortable: boolean;
+    /** Whether the column is pinnable. */
+    columnPinnable: boolean;
+    /** Event emitted when the column is hided or is sorted. */
+    columnChange: EventEmitter<DataGridColumn<any>[]>;
+    /** The options for the column pin list. */
+    columnPinOptions: DataGridColumnPinOption[];
+    /** Whether to show the column menu button. */
+    showColumnMenuButton: boolean;
+    /** The text for the column menu button. */
+    columnMenuButtonText: string;
+    /** The type for the column menu button. */
+    columnMenuButtonType: DataGridButtonType;
+    /** The color for the column menu button. */
+    columnMenuButtonColor: ThemePalette;
+    /** The class for the column menu button. */
+    columnMenuButtonClass: string;
+    /** The icon for the column menu button. */
+    columnMenuButtonIcon: string;
+    /** The font icon for the column menu button. */
+    columnMenuButtonFontIcon: string;
+    /** The svg icon for the column menu button. */
+    columnMenuButtonSvgIcon: string;
+    /** Whether to show the column-menu's header. */
+    showColumnMenuHeader: boolean;
+    /** The text for the column-menu's header. */
+    columnMenuHeaderText: string;
+    /** The template for the column-menu's header. */
+    columnMenuHeaderTemplate: TemplateRef<any>;
+    /** Whether to show the the column-menu's footer. */
+    showColumnMenuFooter: boolean;
+    /** The text for the column-menu's footer. */
+    columnMenuFooterText: string;
+    /** The template for the column-menu's footer. */
+    columnMenuFooterTemplate: TemplateRef<any>;
+    /** The displayed text for the empty data. */
+    noResultText: string;
+    /** The template for the empty data. */
+    noResultTemplate: TemplateRef<any>;
     keyboardNavigation: _angular_core.InputSignal<boolean>;
-    focusedRowIndex: _angular_core.Signal<number>;
     highlightedRowIndex: _angular_core.InputSignal<number>;
-    sortOnFront: _angular_core.InputSignal<boolean>;
-    sortActive: _angular_core.InputSignal<string>;
-    sortDirection: _angular_core.InputSignal<SortDirection>;
-    sortDisableClear: _angular_core.InputSignal<boolean>;
-    sortDisabled: _angular_core.InputSignal<boolean>;
-    sortStart: _angular_core.InputSignal<"desc" | "asc">;
-    rowHover: _angular_core.InputSignal<boolean>;
-    rowStriped: _angular_core.InputSignal<boolean>;
-    rowSelectable: _angular_core.InputSignal<boolean>;
-    multiSelectable: _angular_core.InputSignal<boolean>;
-    multiSelectionWithClick: _angular_core.InputSignal<boolean>;
-    hideRowSelectionCheckbox: _angular_core.InputSignal<boolean>;
-    disableRowClickSelection: _angular_core.InputSignal<boolean>;
-    rowClassFormatter: _angular_core.InputSignal<DataGridRowClassFormatter | undefined>;
-    rowSelected: _angular_core.InputSignal<T[]>;
-    rowSelectionFormatter: _angular_core.InputSignal<DataGridRowSelectionFormatter<any>>;
-    cellSelectable: _angular_core.InputSignal<boolean>;
-    useContentRowTemplate: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    useContentHeaderRowTemplate: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    useContentFooterRowTemplate: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    showSummary: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    noResultText: _angular_core.InputSignal<string>;
-    page: _angular_core.OutputEmitterRef<PageEvent>;
-    sortChange: _angular_core.OutputEmitterRef<Sort>;
-    rowClick: _angular_core.OutputEmitterRef<any>;
-    rowSelectedChange: _angular_core.OutputEmitterRef<any[]>;
-    selectionChange: _angular_core.OutputEmitterRef<T[]>;
-    cellClick: _angular_core.OutputEmitterRef<{
-        row: T;
-        column: DataGridColumn<T>;
-    }>;
-    cellSelectedChange: _angular_core.OutputEmitterRef<any[]>;
-    expansionChange: _angular_core.OutputEmitterRef<any>;
-    rowContextMenu: _angular_core.OutputEmitterRef<any>;
-    infiniteScrollLoad: _angular_core.OutputEmitterRef<void>;
     focusedRowChange: _angular_core.OutputEmitterRef<{
-        row: T;
+        row: any;
         index: number;
     }>;
-    dataSource: MatTableDataSource<any, MatPaginator>;
-    private _selectedCell?;
-    cellSelection: any[];
+    get _hasNoResult(): boolean;
+    /** The header's cell template for the grid. */
+    headerTemplate: TemplateRef<any> | DataGridCellTemplate;
+    /** The header's cell template for the grid exclude sort. */
+    headerExtraTemplate: TemplateRef<any> | DataGridCellTemplate;
+    /** The cell template for the grid. */
+    cellTemplate: TemplateRef<any> | DataGridCellTemplate;
+    /** Whether to use custom row template. If true, you should define a matRowDef. */
+    useContentRowTemplate: boolean;
+    useContentHeaderRowTemplate: boolean;
+    useContentFooterRowTemplate: boolean;
+    /** Whether to show the summary. */
+    showSummary: boolean;
+    /** The template for the summary. */
+    summaryTemplate: TemplateRef<any> | DataGridCellTemplate;
+    get _whetherShowSummary(): boolean;
+    /** Whether to show the sidebar. */
+    showSidebar: boolean;
+    /** The template for the sidebar. */
+    sidebarTemplate: TemplateRef<any>;
+    /** Whether to show the status bar. */
+    showStatusbar: boolean;
+    /** The template for the status bar. */
+    statusbarTemplate: TemplateRef<any>;
+    /** The changed record of row data. */
     rowChangeRecord?: KeyValueChangeRecord<string, any>;
-    rowSelection: SelectionModel<any>;
-    expansionRowStates: _angular_core.WritableSignal<any[]>;
-    selection: _angular_core.WritableSignal<SelectionModel<T>>;
-    currentSort: _angular_core.WritableSignal<Sort>;
-    isLoadingMore: _angular_core.WritableSignal<boolean>;
-    displayedColumns: _angular_core.Signal<string[]>;
-    hasNoResult: _angular_core.Signal<boolean>;
-    whetherShowSummary: _angular_core.Signal<boolean>;
-    constructor();
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    private setupInfiniteScroll;
-    private loadMoreData;
-    handleKeyDown(event: KeyboardEvent): void;
-    focusRow(index: number): void;
-    private scrollRowIntoView;
-    private handleRowAction;
-    private toggleRowExpansion;
-    private toggleRowSelection;
-    onSortChange(sort: Sort): void;
-    onPage(event: PageEvent): void;
-    onExpansionChange(expansionRef: DataGridExpansionToggle, rowData: Record<string, any>, column: DataGridColumn, index: number): void;
-    isAllSelected(): boolean;
-    toggleAllRows(): void;
-    toggleNormalCheckbox(row: Record<string, any>): void;
-    isRowDisabled(row: T, index?: number): boolean;
-    shouldHideCheckbox(row: T, index?: number): boolean;
-    selectRow(event: MouseEvent, rowData: Record<string, any>, index: number): void;
-    selectCell(cellRef: DataGridSelectableCell, rowData: Record<string, any>, colDef: DataGridColumn): void;
-    onRowDataChange(record: KeyValueChangeRecord<string, any>): void;
+    detectChanges(): void;
+    _getColData(data: any[], colDef: DataGridColumn): any[];
+    _isColumnHide(item: DataGridColumn): boolean;
     ngOnChanges(changes: SimpleChanges): void;
-    private updateDisplayedColumns;
-    private updateExpansionRowStates;
-    private countPinnedPosition;
+    ngAfterViewInit(): void;
+    _countPinnedPosition(): void;
+    _getIndex(index: number | undefined, dataIndex: number): number;
+    _onSortChange(sort: Sort): void;
+    _onRowDataChange(record: KeyValueChangeRecord<string, any>): void;
+    /** Expansion change event */
+    _onExpansionChange(expansionRef: AcpGridExpansionToggle, rowData: Record<string, any>, column: DataGridColumn, index: number): void;
+    /** Cell select event */
+    _selectCell(cellRef: AcpGridSelectableCell, rowData: Record<string, any>, colDef: DataGridColumn): void;
+    /** Row select event */
+    _selectRow(event: MouseEvent, rowData: Record<string, any>, index: number): void;
+    /** Whether the number of selected elements matches the total number of rows. */
+    _isAllSelected(): boolean;
+    /** Select all rows if they are not all selected; otherwise clear selection. */
+    _toggleMasterCheckbox(): void;
+    /** Select normal row */
+    _toggleNormalCheckbox(row: Record<string, any>): void;
+    _onCheckboxKeyDown(event: KeyboardEvent): void;
+    _onCheckboxKeyUp(event: KeyboardEvent): void;
+    _onCheckboxKeyPress(event: KeyboardEvent): void;
+    _onRowKeyDown(event: KeyboardEvent, row: Record<string, any>, index: number): void;
+    _onRowKeyUp(event: KeyboardEvent, row: Record<string, any>, index: number): void;
+    _onRowKeyPress(event: KeyboardEvent, row: Record<string, any>, index: number): void;
+    /** Column change event */
+    _onColumnChange(columns: DataGridColumn[]): void;
+    getDisplayedColumnFields(columns: DataGridColumn[]): string[];
+    /** Customize expansion event */
+    toggleExpansion(index: number): any;
+    /** Scroll to top when turn to the next page. */
+    _onPage(e: PageEvent): void;
     scrollTop(value?: number): number | void;
     scrollLeft(value?: number): number | void;
-    contextmenu(event: MouseEvent, rowData: Record<string, any>, index: number): void;
-    getColData(data: any[], colDef: DataGridColumn): any[];
-    isColumnHide(item: DataGridColumn): boolean;
-    getIndex(index: number | undefined, dataIndex: number): number;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataGrid<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataGrid<any>, "acp-data-grid", ["dataGrid"], { "showToolbar": { "alias": "showToolbar"; "required": false; "isSignal": true; }; "showColumnMenuButton": { "alias": "showColumnMenuButton"; "required": false; "isSignal": true; }; "toolbarTitle": { "alias": "toolbarTitle"; "required": false; "isSignal": true; }; "toolbarTemplate": { "alias": "toolbarTemplate"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "length": { "alias": "length"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "emptyValuePlaceholder": { "alias": "emptyValuePlaceholder"; "required": false; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; "isSignal": true; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; "isSignal": true; }; "headerExtraTemplate": { "alias": "headerExtraTemplate"; "required": false; "isSignal": true; }; "noResultTemplate": { "alias": "noResultTemplate"; "required": false; "isSignal": true; }; "paginationTemplate": { "alias": "paginationTemplate"; "required": false; "isSignal": true; }; "summaryTemplate": { "alias": "summaryTemplate"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "headerCellTemplate": { "alias": "headerCellTemplate"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "expansionTemplate": { "alias": "expansionTemplate"; "required": false; "isSignal": true; }; "closeOthersOnExpand": { "alias": "closeOthersOnExpand"; "required": false; "isSignal": true; }; "pageOnFront": { "alias": "pageOnFront"; "required": false; "isSignal": true; }; "showPaginator": { "alias": "showPaginator"; "required": false; "isSignal": true; }; "pageDisabled": { "alias": "pageDisabled"; "required": false; "isSignal": true; }; "showFirstLastButtons": { "alias": "showFirstLastButtons"; "required": false; "isSignal": true; }; "pageIndex": { "alias": "pageIndex"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "hidePageSize": { "alias": "hidePageSize"; "required": false; "isSignal": true; }; "infiniteScroll": { "alias": "infiniteScroll"; "required": false; "isSignal": true; }; "infiniteScrollThreshold": { "alias": "infiniteScrollThreshold"; "required": false; "isSignal": true; }; "infiniteScrollDisabled": { "alias": "infiniteScrollDisabled"; "required": false; "isSignal": true; }; "keyboardNavigation": { "alias": "keyboardNavigation"; "required": false; "isSignal": true; }; "highlightedRowIndex": { "alias": "highlightedRowIndex"; "required": false; "isSignal": true; }; "sortOnFront": { "alias": "sortOnFront"; "required": false; "isSignal": true; }; "sortActive": { "alias": "sortActive"; "required": false; "isSignal": true; }; "sortDirection": { "alias": "sortDirection"; "required": false; "isSignal": true; }; "sortDisableClear": { "alias": "sortDisableClear"; "required": false; "isSignal": true; }; "sortDisabled": { "alias": "sortDisabled"; "required": false; "isSignal": true; }; "sortStart": { "alias": "sortStart"; "required": false; "isSignal": true; }; "rowHover": { "alias": "rowHover"; "required": false; "isSignal": true; }; "rowStriped": { "alias": "rowStriped"; "required": false; "isSignal": true; }; "rowSelectable": { "alias": "rowSelectable"; "required": false; "isSignal": true; }; "multiSelectable": { "alias": "multiSelectable"; "required": false; "isSignal": true; }; "multiSelectionWithClick": { "alias": "multiSelectionWithClick"; "required": false; "isSignal": true; }; "hideRowSelectionCheckbox": { "alias": "hideRowSelectionCheckbox"; "required": false; "isSignal": true; }; "disableRowClickSelection": { "alias": "disableRowClickSelection"; "required": false; "isSignal": true; }; "rowClassFormatter": { "alias": "rowClassFormatter"; "required": false; "isSignal": true; }; "rowSelected": { "alias": "rowSelected"; "required": false; "isSignal": true; }; "rowSelectionFormatter": { "alias": "rowSelectionFormatter"; "required": false; "isSignal": true; }; "cellSelectable": { "alias": "cellSelectable"; "required": false; "isSignal": true; }; "useContentRowTemplate": { "alias": "useContentRowTemplate"; "required": false; "isSignal": true; }; "useContentHeaderRowTemplate": { "alias": "useContentHeaderRowTemplate"; "required": false; "isSignal": true; }; "useContentFooterRowTemplate": { "alias": "useContentFooterRowTemplate"; "required": false; "isSignal": true; }; "showSummary": { "alias": "showSummary"; "required": false; "isSignal": true; }; "noResultText": { "alias": "noResultText"; "required": false; "isSignal": true; }; }, { "page": "page"; "sortChange": "sortChange"; "rowClick": "rowClick"; "rowSelectedChange": "rowSelectedChange"; "selectionChange": "selectionChange"; "cellClick": "cellClick"; "cellSelectedChange": "cellSelectedChange"; "expansionChange": "expansionChange"; "rowContextMenu": "rowContextMenu"; "infiniteScrollLoad": "infiniteScrollLoad"; "focusedRowChange": "focusedRowChange"; }, ["rowDefs", "headerRowDefs", "footerRowDefs"], never, true, never>;
+    _contextmenu(event: MouseEvent, rowData: Record<string, any>, index: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataGrid, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataGrid, "acp-data-grid", ["dataGrid"], { "size": { "alias": "size"; "required": false; "isSignal": true; }; "displayedColumns": { "alias": "displayedColumns"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "length": { "alias": "length"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "columnResizable": { "alias": "columnResizable"; "required": false; }; "emptyValuePlaceholder": { "alias": "emptyValuePlaceholder"; "required": false; }; "pageOnFront": { "alias": "pageOnFront"; "required": false; }; "showPaginator": { "alias": "showPaginator"; "required": false; }; "pageDisabled": { "alias": "pageDisabled"; "required": false; }; "showFirstLastButtons": { "alias": "showFirstLastButtons"; "required": false; }; "pageIndex": { "alias": "pageIndex"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "hidePageSize": { "alias": "hidePageSize"; "required": false; }; "paginationTemplate": { "alias": "paginationTemplate"; "required": false; }; "sortOnFront": { "alias": "sortOnFront"; "required": false; }; "sortActive": { "alias": "sortActive"; "required": false; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; "sortDisableClear": { "alias": "sortDisableClear"; "required": false; }; "sortDisabled": { "alias": "sortDisabled"; "required": false; }; "sortStart": { "alias": "sortStart"; "required": false; }; "rowHover": { "alias": "rowHover"; "required": false; }; "rowStriped": { "alias": "rowStriped"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "expansionTemplate": { "alias": "expansionTemplate"; "required": false; }; "closeOthersOnExpand": { "alias": "closeOthersOnExpand"; "required": false; "isSignal": true; }; "multiSelectable": { "alias": "multiSelectable"; "required": false; }; "multiSelectionWithClick": { "alias": "multiSelectionWithClick"; "required": false; }; "rowSelectable": { "alias": "rowSelectable"; "required": false; }; "hideRowSelectionCheckbox": { "alias": "hideRowSelectionCheckbox"; "required": false; }; "disableRowClickSelection": { "alias": "disableRowClickSelection"; "required": false; }; "rowSelectionFormatter": { "alias": "rowSelectionFormatter"; "required": false; }; "rowClassFormatter": { "alias": "rowClassFormatter"; "required": false; }; "rowSelected": { "alias": "rowSelected"; "required": false; }; "cellSelectable": { "alias": "cellSelectable"; "required": false; }; "showToolbar": { "alias": "showToolbar"; "required": false; }; "toolbarTitle": { "alias": "toolbarTitle"; "required": false; }; "toolbarTemplate": { "alias": "toolbarTemplate"; "required": false; }; "columnHideable": { "alias": "columnHideable"; "required": false; }; "columnHideableChecked": { "alias": "columnHideableChecked"; "required": false; }; "columnSortable": { "alias": "columnSortable"; "required": false; }; "columnPinnable": { "alias": "columnPinnable"; "required": false; }; "columnPinOptions": { "alias": "columnPinOptions"; "required": false; }; "showColumnMenuButton": { "alias": "showColumnMenuButton"; "required": false; }; "columnMenuButtonText": { "alias": "columnMenuButtonText"; "required": false; }; "columnMenuButtonType": { "alias": "columnMenuButtonType"; "required": false; }; "columnMenuButtonColor": { "alias": "columnMenuButtonColor"; "required": false; }; "columnMenuButtonClass": { "alias": "columnMenuButtonClass"; "required": false; }; "columnMenuButtonIcon": { "alias": "columnMenuButtonIcon"; "required": false; }; "columnMenuButtonFontIcon": { "alias": "columnMenuButtonFontIcon"; "required": false; }; "columnMenuButtonSvgIcon": { "alias": "columnMenuButtonSvgIcon"; "required": false; }; "showColumnMenuHeader": { "alias": "showColumnMenuHeader"; "required": false; }; "columnMenuHeaderText": { "alias": "columnMenuHeaderText"; "required": false; }; "columnMenuHeaderTemplate": { "alias": "columnMenuHeaderTemplate"; "required": false; }; "showColumnMenuFooter": { "alias": "showColumnMenuFooter"; "required": false; }; "columnMenuFooterText": { "alias": "columnMenuFooterText"; "required": false; }; "columnMenuFooterTemplate": { "alias": "columnMenuFooterTemplate"; "required": false; }; "noResultText": { "alias": "noResultText"; "required": false; }; "noResultTemplate": { "alias": "noResultTemplate"; "required": false; }; "keyboardNavigation": { "alias": "keyboardNavigation"; "required": false; "isSignal": true; }; "highlightedRowIndex": { "alias": "highlightedRowIndex"; "required": false; "isSignal": true; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "headerExtraTemplate": { "alias": "headerExtraTemplate"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "useContentRowTemplate": { "alias": "useContentRowTemplate"; "required": false; }; "useContentHeaderRowTemplate": { "alias": "useContentHeaderRowTemplate"; "required": false; }; "useContentFooterRowTemplate": { "alias": "useContentFooterRowTemplate"; "required": false; }; "showSummary": { "alias": "showSummary"; "required": false; }; "summaryTemplate": { "alias": "summaryTemplate"; "required": false; }; "showSidebar": { "alias": "showSidebar"; "required": false; }; "sidebarTemplate": { "alias": "sidebarTemplate"; "required": false; }; "showStatusbar": { "alias": "showStatusbar"; "required": false; }; "statusbarTemplate": { "alias": "statusbarTemplate"; "required": false; }; }, { "page": "page"; "sortChange": "sortChange"; "rowClick": "rowClick"; "rowContextMenu": "rowContextMenu"; "expansionChange": "expansionChange"; "rowSelectedChange": "rowSelectedChange"; "checkboxKeyDown": "checkboxKeyDown"; "checkboxKeyUp": "checkboxKeyUp"; "checkboxKeyPress": "checkboxKeyPress"; "rowKeyDown": "rowKeyDown"; "rowKeyUp": "rowKeyUp"; "rowKeyPress": "rowKeyPress"; "cellSelectedChange": "cellSelectedChange"; "columnChange": "columnChange"; "focusedRowChange": "focusedRowChange"; }, ["rowDefs", "headerRowDefs", "footerRowDefs"], never, true, never>;
+    static ngAcceptInputType_loading: unknown;
+    static ngAcceptInputType_columnResizable: unknown;
+    static ngAcceptInputType_pageOnFront: unknown;
+    static ngAcceptInputType_showPaginator: unknown;
+    static ngAcceptInputType_pageDisabled: unknown;
+    static ngAcceptInputType_showFirstLastButtons: unknown;
+    static ngAcceptInputType_hidePageSize: unknown;
+    static ngAcceptInputType_sortOnFront: unknown;
+    static ngAcceptInputType_sortDisableClear: unknown;
+    static ngAcceptInputType_sortDisabled: unknown;
+    static ngAcceptInputType_rowHover: unknown;
+    static ngAcceptInputType_rowStriped: unknown;
+    static ngAcceptInputType_expandable: unknown;
+    static ngAcceptInputType_multiSelectable: unknown;
+    static ngAcceptInputType_multiSelectionWithClick: unknown;
+    static ngAcceptInputType_rowSelectable: unknown;
+    static ngAcceptInputType_hideRowSelectionCheckbox: unknown;
+    static ngAcceptInputType_disableRowClickSelection: unknown;
+    static ngAcceptInputType_cellSelectable: unknown;
+    static ngAcceptInputType_showToolbar: unknown;
+    static ngAcceptInputType_columnHideable: unknown;
+    static ngAcceptInputType_columnSortable: unknown;
+    static ngAcceptInputType_columnPinnable: unknown;
+    static ngAcceptInputType_showColumnMenuButton: unknown;
+    static ngAcceptInputType_showColumnMenuHeader: unknown;
+    static ngAcceptInputType_showColumnMenuFooter: unknown;
+    static ngAcceptInputType_useContentRowTemplate: unknown;
+    static ngAcceptInputType_useContentHeaderRowTemplate: unknown;
+    static ngAcceptInputType_useContentFooterRowTemplate: unknown;
+    static ngAcceptInputType_showSummary: unknown;
+    static ngAcceptInputType_showSidebar: unknown;
+    static ngAcceptInputType_showStatusbar: unknown;
 }
 
 /**
@@ -2083,15 +2249,6 @@ declare class AcpDrawer implements OnDestroy {
  * retention of the class and its directive metadata.
  */
 declare const ACP_POPOVER_CONTENT: InjectionToken<AcpPopoverContent>;
-/**
- * Base class for popover content that provides common functionality.
- *
- * This abstract class handles the attachment and detachment of popover content
- * using Angular CDK portals. It manages the DOM manipulation required to display
- * popover content in an overlay.
- *
- * @docs-private
- */
 declare abstract class _AcpPopoverContentBase implements OnDestroy {
     private _template;
     private _appRef;
@@ -2105,39 +2262,22 @@ declare abstract class _AcpPopoverContentBase implements OnDestroy {
     readonly _attached: Subject<void>;
     /**
      * Attaches the content with a particular context.
-     * @param context Context data to pass to the template
      * @docs-private
      */
     attach(context?: any): void;
     /**
-     * Detaches the content from the DOM.
+     * Detaches the content.
      * @docs-private
      */
     detach(): void;
-    /**
-     * Lifecycle hook called when the component is destroyed.
-     * Cleans up the portal outlet to prevent memory leaks.
-     */
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<_AcpPopoverContentBase, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<_AcpPopoverContentBase, never, never, {}, {}, never, never, true, never>;
 }
 /**
  * Popover content that will be rendered lazily once the popover is opened.
- *
- * This directive allows you to define content that should be rendered inside
- * a popover panel. The content is only created when the popover is actually
- * opened, which can improve performance for complex content.
- *
- * @example
- * ```html
- * <ng-template acpPopoverContent>
- *   <div>This content will be shown in the popover</div>
- * </ng-template>
- * ```
  */
 declare class AcpPopoverContent extends _AcpPopoverContentBase {
-    constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AcpPopoverContent, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AcpPopoverContent, "ng-template[acpPopoverContent]", never, {}, {}, never, never, true, never>;
 }
@@ -2285,7 +2425,6 @@ declare class AcpPopover implements AcpPopoverPanel, OnInit, OnDestroy {
     private _elevationPrefix;
     private _baseElevation;
     private _exitFallbackTimeout;
-    private _mouseleaveTimer;
     /** Whether animations are currently disabled. */
     protected _animationsDisabled: boolean;
     /** Config object to be passed into the popover's class. */
@@ -2354,22 +2493,8 @@ declare class AcpPopover implements AcpPopoverPanel, OnInit, OnDestroy {
      */
     set panelClass(classes: string);
     private _previousPanelClass?;
-    /**
-     * This method takes classes set on the host acp-popover element and applies them on the
-     * popover template that displays in the overlay container. Otherwise, it's difficult
-     * to style the containing popover from outside the component.
-     * @deprecated Use `panelClass` instead.
-     * @breaking-change 8.0.0
-     */
-    get classList(): string;
-    set classList(classes: string);
     /** Event emitted when the popover is closed. */
     closed: EventEmitter<PopoverCloseReason>;
-    /**
-     * Programmatically closes the popover.
-     * @param reason Optional reason for closing
-     */
-    close(reason?: PopoverCloseReason): void;
     /** @docs-private */
     templateRef: TemplateRef<any>;
     /**
@@ -2378,66 +2503,31 @@ declare class AcpPopover implements AcpPopoverPanel, OnInit, OnDestroy {
      */
     lazyContent?: AcpPopoverContent;
     readonly panelId: string;
-    /**
-     * Lifecycle hook called when the component is initialized.
-     * Sets up the initial position classes for the popover.
-     */
     ngOnInit(): void;
-    /**
-     * Lifecycle hook called when the component is destroyed.
-     * Cleans up subscriptions and timers.
-     */
     ngOnDestroy(): void;
-    /**
-     * Handle a keyboard event from the popover, delegating to the appropriate action.
-     * @param event The keyboard event to handle
-     */
+    /** Handle a keyboard event from the popover, delegating to the appropriate action. */
     _handleKeydown(event: KeyboardEvent): void;
-    /**
-     * Close popover on click if `closeOnPanelClick` is true.
-     */
+    /** Close popover on click if `closeOnPanelClick` is true. */
     _handleClick(): void;
-    /**
-     * Disables close of popover when leaving trigger element and mouse over the popover.
-     */
+    /** Disables close of popover when leaving trigger element and mouse over the popover. */
     _handleMouseOver(): void;
-    /**
-     * Enables close of popover when mouse leaving popover element.
-     */
+    /** Enables close of popover when mouse leaving popover element. */
     _handleMouseLeave(): void;
-    /**
-     * Sets the current styles for the popover to allow for dynamically changing settings.
-     * @param pos The position to set styles for, defaults to current position
-     */
+    /** Sets the current styles for the popover to allow for dynamically changing settings. */
     setCurrentStyles(pos?: AcpPopoverPosition): void;
     /**
      * It's necessary to set position-based classes to ensure the popover panel animation
      * folds out from the correct direction.
-     * @param pos The position to set classes for, defaults to current position
      */
     setPositionClasses(pos?: AcpPopoverPosition): void;
-    /**
-     * Sets the popover-panel's elevation.
-     * Applies Material Design elevation classes based on the base elevation level.
-     */
+    /** Sets the popover-panel's elevation. */
     setElevation(): void;
-    /**
-     * Callback that is invoked when the panel animation completes.
-     * @param state The animation state that completed
-     */
+    /** Callback that is invoked when the panel animation completes. */
     protected _onAnimationDone(state: string): void;
-    /**
-     * Callback that is invoked when the panel animation starts.
-     * @param state The animation state that started
-     */
     protected _onAnimationStart(state: string): void;
-    /**
-     * Sets the open state of the popover and manages animations.
-     * @param isOpen Whether the popover should be open
-     */
     _setIsOpen(isOpen: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AcpPopover, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AcpPopover, "acp-popover", ["acpPopover"], { "backdropClass": { "alias": "backdropClass"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; }; "triggerEvent": { "alias": "triggerEvent"; "required": false; }; "enterDelay": { "alias": "enterDelay"; "required": false; }; "leaveDelay": { "alias": "leaveDelay"; "required": false; }; "position": { "alias": "position"; "required": false; }; "xOffset": { "alias": "xOffset"; "required": false; }; "yOffset": { "alias": "yOffset"; "required": false; }; "arrowWidth": { "alias": "arrowWidth"; "required": false; }; "arrowHeight": { "alias": "arrowHeight"; "required": false; }; "arrowOffsetX": { "alias": "arrowOffsetX"; "required": false; }; "arrowOffsetY": { "alias": "arrowOffsetY"; "required": false; }; "hideArrow": { "alias": "hideArrow"; "required": false; }; "closeOnPanelClick": { "alias": "closeOnPanelClick"; "required": false; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; }; "focusTrapEnabled": { "alias": "focusTrapEnabled"; "required": false; }; "focusTrapAutoCaptureEnabled": { "alias": "focusTrapAutoCaptureEnabled"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "classList": { "alias": "classList"; "required": false; }; }, { "closed": "closed"; }, ["lazyContent"], ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AcpPopover, "acp-popover", ["acpPopover"], { "backdropClass": { "alias": "backdropClass"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; }; "triggerEvent": { "alias": "triggerEvent"; "required": false; }; "enterDelay": { "alias": "enterDelay"; "required": false; }; "leaveDelay": { "alias": "leaveDelay"; "required": false; }; "position": { "alias": "position"; "required": false; }; "xOffset": { "alias": "xOffset"; "required": false; }; "yOffset": { "alias": "yOffset"; "required": false; }; "arrowWidth": { "alias": "arrowWidth"; "required": false; }; "arrowHeight": { "alias": "arrowHeight"; "required": false; }; "arrowOffsetX": { "alias": "arrowOffsetX"; "required": false; }; "arrowOffsetY": { "alias": "arrowOffsetY"; "required": false; }; "hideArrow": { "alias": "hideArrow"; "required": false; }; "closeOnPanelClick": { "alias": "closeOnPanelClick"; "required": false; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; }; "focusTrapEnabled": { "alias": "focusTrapEnabled"; "required": false; }; "focusTrapAutoCaptureEnabled": { "alias": "focusTrapAutoCaptureEnabled"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; }, { "closed": "closed"; }, ["lazyContent"], ["*"], true, never>;
     static ngAcceptInputType_hideArrow: unknown;
     static ngAcceptInputType_closeOnPanelClick: unknown;
     static ngAcceptInputType_closeOnBackdropClick: unknown;
@@ -2470,52 +2560,6 @@ declare class AcpPopoverTarget {
 
 /** Injection token that determines the scroll handling while the popover is open. */
 declare const ACP_POPOVER_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
-/**
- * This directive is intended to be used in conjunction with an `acp-popover` tag. It is
- * responsible for toggling the display of the provided popover instance.
- *
- * The trigger handles various events (click, hover) and manages the popover's lifecycle,
- * including opening, closing, positioning, and focus management.
- *
- * ## Basic Usage
- * @example
- * ```html
- * <acp-popover #popover="acpPopover">
- *   <div>Popover content</div>
- * </acp-popover>
- *
- * <button [acpPopoverTriggerFor]="popover">
- *   Show popover
- * </button>
- * ```
- *
- * ## Programmatic Control
- * @example
- * ```html
- * <acp-popover #popover="acpPopover">
- *   <div>Popover content</div>
- * </acp-popover>
- *
- * <button [acpPopoverTriggerFor]="popover" #trigger="acpPopoverTrigger">
- *   Toggle popover
- * </button>
- *
- * <!-- Programmatic control -->
- * <button (click)="trigger.openPopover()">Open</button>
- * <button (click)="trigger.closePopover()">Close</button>
- * <button (click)="trigger.closePopoverWithReason('manual')">Close with reason</button>
- * <button (click)="trigger.togglePopover()">Toggle</button>
- * ```
- *
- * ## Custom Target
- * @example
- * ```html
- * <div acpPopoverTarget #target="acpPopoverTarget">Target element</div>
- * <button [acpPopoverTriggerFor]="popover" [targetElement]="target">
- *   Trigger (popover appears at target)
- * </button>
- * ```
- */
 declare class AcpPopoverTrigger implements AfterContentInit, OnDestroy {
     private _overlay;
     private _elementRef;
@@ -2533,7 +2577,6 @@ declare class AcpPopoverTrigger implements AfterContentInit, OnDestroy {
     private _closingActionsSubscription;
     private _scrollStrategy;
     private _mouseoverTimer;
-    private _mouseleaveTimer;
     _openedBy: Exclude<FocusOrigin, 'program' | null> | undefined;
     /** References the popover instance that the trigger is associated with. */
     get popover(): AcpPopoverPanel;
@@ -2549,39 +2592,18 @@ declare class AcpPopoverTrigger implements AfterContentInit, OnDestroy {
     popoverOpened: EventEmitter<void>;
     /** Event emitted when the associated popover is closed. */
     popoverClosed: EventEmitter<void>;
-    /**
-     * Lifecycle hook called after content initialization.
-     * Validates the popover reference and sets up initial configuration.
-     */
     ngAfterContentInit(): void;
-    /**
-     * Lifecycle hook called when the component is destroyed.
-     * Cleans up subscriptions and overlay references.
-     */
     ngOnDestroy(): void;
-    /**
-     * Sets the current configuration for the popover.
-     * Updates trigger event and applies current styles.
-     */
     private _setCurrentConfig;
     /** Whether the popover is open. */
     get popoverOpen(): boolean;
     /** The text direction of the containing app. */
     get dir(): Direction;
-    /**
-     * Handles mouse click on the trigger.
-     * @param _event The mouse event
-     */
+    /** Handles mouse click on the trigger. */
     _handleClick(_event: MouseEvent): void;
-    /**
-     * Handles mouse enter on the trigger.
-     * @param _event The mouse event
-     */
+    /** Handles mouse enter on the trigger. */
     _handleMouseEnter(_event: MouseEvent): void;
-    /**
-     * Handles mouse leave on the trigger.
-     * @param _event The mouse event
-     */
+    /** Handles mouse leave on the trigger. */
     _handleMouseLeave(_event: MouseEvent): void;
     /** Handles mouse presses on the trigger. */
     _handleMousedown(event: MouseEvent): void;
@@ -2593,11 +2615,6 @@ declare class AcpPopoverTrigger implements AfterContentInit, OnDestroy {
     openPopover(): void;
     /** Closes the popover. */
     closePopover(): void;
-    /**
-     * Programmatically closes the popover with a specific reason.
-     * @param reason The reason for closing
-     */
-    closePopoverWithReason(reason: PopoverCloseReason): void;
     /**
      * Focuses the popover trigger.
      * @param origin Source of the popover trigger's focus.
@@ -2611,7 +2628,7 @@ declare class AcpPopoverTrigger implements AfterContentInit, OnDestroy {
     private _initPopover;
     private _setIsPopoverOpen;
     /**
-     * This method checks that a valid instance of AcpPopover has been passed into
+     * This method checks that a valid instance of MdPopover has been passed into
      * `acpPopoverTriggerFor`. If not, an exception is thrown.
      */
     private _checkPopover;
@@ -2643,79 +2660,446 @@ declare class AcpPopoverTrigger implements AfterContentInit, OnDestroy {
     /** Gets the portal that should be attached to the overlay. */
     private _getPortal;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AcpPopoverTrigger, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AcpPopoverTrigger, "[acpPopoverTriggerFor]", ["acpPopoverTrigger"], { "popover": { "alias": "acpPopoverTriggerFor"; "required": false; }; "popoverData": { "alias": "popoverData"; "required": false; }; "targetElement": { "alias": "targetElement"; "required": false; }; "triggerEvent": { "alias": "triggerEvent"; "required": false; }; }, { "popoverOpened": "popoverOpened"; "popoverClosed": "popoverClosed"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AcpPopoverTrigger, "[acp-popover-trigger-for], [acpPopoverTriggerFor]", ["acpPopoverTrigger"], { "popover": { "alias": "acpPopoverTriggerFor"; "required": false; }; "popoverData": { "alias": "popoverData"; "required": false; }; "targetElement": { "alias": "targetElement"; "required": false; }; "triggerEvent": { "alias": "triggerEvent"; "required": false; }; }, { "popoverOpened": "popoverOpened"; "popoverClosed": "popoverClosed"; }, never, never, true, never>;
 }
 
+declare const ACP_ACTIVE_DATE_DEBOUNCE = 100;
+declare enum ACP_DATE_OPTION_TYPE {
+    DATE_DIFF = 1,
+    LAST_MONTH = 2,
+    THIS_MONTH = 3,
+    YEAR_TO_DATE = 4,
+    CUSTOM = 5,
+    MONTH_TO_DATE = 6,
+    WEEK_TO_DATE = 7
+}
+
+interface IAcpSelectDateOption {
+    /**
+     * Etiqueta mostrada en la lista desplegable para esta opción.
+     * Ejemplo: "Últimos 7 días", "Hoy", "Personalizado".
+     */
+    optionLabel: string;
+    /**
+     * Tipo de opción que indica cómo se determina la fecha.
+     * Por defecto es DATE_DIFF si no se proporciona.
+     */
+    optionType?: ACP_DATE_OPTION_TYPE;
+    /**
+     * Número de días de desplazamiento desde hoy.
+     *
+     * - Números positivos indican fechas futuras.
+     * - Números negativos indican fechas pasadas.
+     * - Se utiliza solo cuando optionType es DATE_DIFF y no hay callback.
+     *
+     * Ejemplo: -7 → "Últimos 7 días"
+     */
+    dateDiff?: number;
+    /**
+     * Indica si esta opción está actualmente seleccionada.
+     */
+    isSelected: boolean;
+    /**
+     * Indica si esta opción debe mostrarse en la lista desplegable.
+     */
+    isVisible: boolean;
+    /**
+     * Función personalizada para calcular y retornar un DateRange.
+     * Se utiliza cuando optionType requiere manejo especial más allá de dateDiff.
+     */
+    callBackFunction?: () => DateRange<Date>;
+    /**
+     * Expresión de fecha-matemática/relativa opcional mostrada para el inicio del rango
+     * cuando los inputs editables están habilitados (ej: `now-7d`).
+     * Anula el valor derivado de `dateDiff`. Debe estar emparejada con {@link endExpr}.
+     */
+    startExpr?: string;
+    /**
+     * Expresión de fecha-matemática/relativa opcional mostrada para el fin del rango
+     * cuando los inputs editables están habilitados (ej: `now`).
+     * Debe estar emparejada con {@link startExpr}.
+     */
+    endExpr?: string;
+}
 /**
- * Throws an exception for the case when popover trigger doesn't have a valid acp-popover instance
- */
-declare function throwAcpPopoverMissingError(): void;
-/**
- * Throws an exception for the case when popover's acpPopoverPosition[0] value isn't valid.
- * In other words, it doesn't match 'above', 'below', 'before' or 'after'.
- */
-declare function throwAcpPopoverInvalidPositionStart(): void;
-/**
- * Throws an exception for the case when popover's acpPopoverPosition[1] value isn't valid.
- * In other words, it doesn't match 'above', 'below', 'before', 'after' or 'center'.
+ * Implementación por defecto de una opción de fecha seleccionable.
+ * Proporciona valores por defecto para todos los campos.
  */
-declare function throwAcpPopoverInvalidPositionEnd(): void;
+declare class AcpSelectDateOption implements IAcpSelectDateOption {
+    optionLabel: string;
+    optionType: ACP_DATE_OPTION_TYPE;
+    dateDiff: number;
+    isSelected: boolean;
+    isVisible: boolean;
+    callBackFunction: () => DateRange<Date>;
+}
 
-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;
-    sanitizedHtml: SafeHtml;
-    sanitizedFooter: SafeHtml | null;
-    dialogRef: MatDialogRef<any, any>;
-    data: AlertDialogOptions;
-    private sanitizer;
+declare class AcpDateRangeCalendar implements AfterViewInit {
+    firstViewStartDate: _angular_core.WritableSignal<Date>;
+    secondViewStartDate: _angular_core.WritableSignal<Date>;
+    secondViewMinDate: _angular_core.WritableSignal<Date>;
+    minDate: Date;
+    maxDate: Date;
+    /** Emits when the user changes the selection by clicking dates in the views. */
+    selectedDatesChange: EventEmitter<DateRange<Date>>;
+    firstCalendarView: MatCalendar<Date>;
+    secondCalendarView: MatCalendar<Date>;
+    private _selectedDates;
+    private isAllowHoverEvent;
+    private cdref;
+    private el;
     private renderer;
-    private elementRef;
-    private cdr;
-    private zIndexService;
-    constructor();
-    ngOnDestroy(): void;
-    private startTimer;
-    private loadComponent;
+    /**
+     * Updates the selected date range and synchronizes both calendar views.
+     */
+    set selectedDates(selectedDates: DateRange<Date> | null);
+    get selectedDates(): DateRange<Date> | null;
+    /**
+     * Lifecycle hook that is called after Angular has fully initialized
+     * the component's view (and child views).
+     *
+     * Used here to attach hover events and register active date change
+     * listeners once the calendar views are available in the DOM.
+     */
+    ngAfterViewInit(): void;
+    /**
+     * Handles month selection in the first view.
+     *
+     * @param event - Selected month date
+     */
+    monthSelected(viewName: string): void;
+    /**
+     * Updates the selected date range when a date is clicked.
+     *
+     * @param date - Date clicked by the user
+     */
+    updateDateRangeSelection(date: Date | null): void;
+    /**
+     * Registers event handlers for active date changes on both calendar views.
+     *
+     * This method overrides the default `activeDate` property setter of each
+     * calendar view to ensure custom handlers are executed whenever the
+     * active date changes.
+     */
+    private registerActiveDateChangeEvents;
+    /**
+     * Handles the event when the active date of the first calendar view changes.
+     *
+     * @param activeDate - Object containing `previous` and `current` date values.
+     */
+    private onFirstViewActiveDateChange;
+    /**
+     * Handles the event when the active date of the second calendar view changes.
+     *
+     * @param activeDate - Object containing `previous` and `current` date values.
+     */
+    private onSecondViewActiveDateChange;
+    /**
+     * Handles the "next" navigation event for the first calendar view.
+     *
+     * @param currDate - The currently active date in the first calendar view.
+     * @param force - Optional flag that can be used to enforce updates (not used in current logic).
+     */
+    private handleFirstViewNextEvent;
+    /**
+     * Handles the "previous" navigation event for the first calendar view.
+     *
+     * @param activeDate - Object containing `previous` and `current` date values.
+     */
+    private handleFirstViewPrevEvent;
+    /**
+     * Checks whether the previous date is greater than the current date.
+     *
+     * @param activeDate - Object containing `previous` and `current` date values.
+     * @returns `true` if the previous date is later than the current date, otherwise `false`.
+     */
+    private isPrevious;
+    /**
+     * Attaches hover events to all date cells in the first view.
+     */
+    private attachHoverEvent;
+    /**
+     * Removes active focus from the second view.
+     *
+     * @param classRef - Reference to this component
+     */
+    private removeDefaultFocus;
+    /**
+     * Updates the selection range dynamically on hover.
+     *
+     * @param date - Hovered date
+     */
+    private updateSelectionOnMouseHover;
+    /**
+     * Attaches hover events to given nodes to update range selection.
+     *
+     * @param nodes - Date cell nodes
+     */
+    private addHoverEvents;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AcpDateRangeCalendar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AcpDateRangeCalendar, "acp-date-range-calendar", never, { "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "selectedDates": { "alias": "selectedDates"; "required": false; }; }, { "selectedDatesChange": "selectedDatesChange"; }, never, never, true, never>;
+}
+
+interface AcpSelectedDateEvent {
+    /** Rango de fechas seleccionado, o null si se limpió la selección. */
+    range: DateRange<Date> | null;
+    /** Opción de fecha seleccionada, o null si se limpió la selección. */
+    selectedOption: IAcpSelectDateOption | null;
+    /**
+     * Expresión legible para el inicio del rango: la entrada del usuario (ej: `now-7d`)
+     * cuando se edita, la forma relativa de una opción de diferencia de días,
+     * o la fecha formateada absoluta. `null` cuando se limpia la selección.
+     */
+    startExpr: string | null;
+    /** Expresión legible para el fin del rango. Ver {@link startExpr}. */
+    endExpr: string | null;
+}
+
+declare class AcpDateRangeInput implements OnInit, AfterViewInit {
+    isDateOptionList: boolean;
+    isCustomRange: boolean;
+    inputLabel: string;
+    showClearButton: _angular_core.InputSignal<boolean>;
+    showCalendarIcon: _angular_core.InputSignal<boolean>;
+    showRangeRequired: _angular_core.InputSignal<boolean>;
+    isRangeRequired: _angular_core.InputSignal<boolean>;
+    staticOptionId: string;
+    dynamicOptionId: string;
+    calendarId: string;
+    enableDefaultOptions: boolean;
+    selectedDates: DateRange<Date> | null;
+    dateFormat: string;
+    isShowStaticDefaultOptions: boolean;
+    hideDefaultOptions: boolean;
+    cdkConnectedOverlayOffsetX: number;
+    cdkConnectedOverlayOffsetY: number;
+    listCdkConnectedOverlayOffsetY: number;
+    listCdkConnectedOverlayOffsetX: number;
+    selectedOptionIndex: number;
+    displaySelectedLabel: boolean;
+    /**
+     * When true, the main input shows the human-readable expressions
+     * (e.g. `now-7d - now`) instead of the absolute date range. If
+     * `displaySelectedLabel` is also true, the label takes priority.
+     */
+    displaySelectedExpression: boolean;
+    /**
+     * When true, the custom-range footer shows two editable Material inputs
+     * (start / end) that accept dates in `dateFormat`, ISO 8601 durations
+     * (`p7d`), or date math (`now-7d`). When false, a read-only label is shown.
+     */
+    enableEditableDates: boolean;
+    cdkConnectedOverlayPush: boolean;
+    cdkConnectedOverlayPositions: never[];
+    allowSingleDateSelection: boolean;
+    /**
+     * When true, automatically selects the preset option whose computed date range
+     * matches the provided selectedDates (works with both default and custom options).
+     * Falls back to "Custom Range" if no option matches.
+     */
+    autoSelectOption: boolean;
+    minDate: Date;
+    maxDate: Date;
+    dateSelectionChanged: _angular_core.OutputEmitterRef<AcpSelectedDateEvent>;
+    dateListOptions: _angular_core.OutputEmitterRef<IAcpSelectDateOption[]>;
+    rangeRequiredChange: _angular_core.OutputEmitterRef<boolean>;
+    private cdref;
+    private el;
+    calendar?: AcpDateRangeCalendar;
+    private _dateOptions;
+    visibleOptions: _angular_core.Signal<IAcpSelectDateOption[]>;
+    /**
+     * Reactive form backing the editable start/end inputs. Each control accepts
+     * a `dateFormat` date, an ISO 8601 duration, or a date-math expression; the
+     * group is invalid when either value is unparseable or start is after end.
+     */
+    editableForm: FormGroup<{
+        start: FormControl<string>;
+        end: FormControl<string>;
+    }>;
+    private editableExpr;
+    set dateDropDownOptions(defaultDateList: IAcpSelectDateOption[]);
+    get dateDropDownOptions(): IAcpSelectDateOption[];
     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;
-    getConfirmBackgroundColor(): string | undefined;
-    getCancelBackgroundColor(): string | undefined;
-    getDenyBackgroundColor(): string | undefined;
+    ngAfterViewInit(): void;
     /**
-     * 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.
+     * Alterna la visibilidad de la lista de opciones de fecha predeterminada.
+     * Si el panel de rango personalizado está abierto, lo cierra en su lugar.
+     * Si el dropdown ya está abierto y se hace clic en el input, no lo cierra.
+     *
+     * @param event MouseEvent opcional que activa el alternador.
      */
-    bringToFront(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertDialog, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertDialog, "acp-alert-dialog", never, {}, {}, never, never, true, never>;
+    toggleRangeSelection(event: MouseEvent): void;
+    toggleDateOptionSelectionList(event?: MouseEvent): void;
+    /**
+     * Actualiza la selección de rango de fecha personalizado desde la entrada.
+     *
+     * @param input El elemento de entrada HTML asociado con el selector de fecha.
+     * @param selectedDates El rango de fechas seleccionado.
+     */
+    updateCustomRange(input: HTMLInputElement, selectedDates: DateRange<Date> | null): void;
+    /**
+     * Actualiza la selección cuando se hace clic en una opción de fecha específica.
+     *
+     * @param option La opción de fecha seleccionada.
+     * @param input El elemento de entrada HTML a actualizar con fechas seleccionadas.
+     */
+    updateSelection(option: IAcpSelectDateOption, input: HTMLInputElement): void;
+    /**
+     * Re-emite la señal de opciones después de un cambio de selección en el lugar para que
+     * las vistas OnPush (vinculadas a `visibleOptions` calculado) reflejen de manera confiable
+     * el nuevo estado `isSelected` - la misma notificación que proporciona el `set` de señal inicial.
+     */
+    private syncOptionSelection;
+    /**
+     * Alterna la visibilidad de la vista de selección de rango de fecha personalizado.
+     */
+    toggleCustomDateRangeView(): void;
+    /**
+     * Analiza un único valor de entrada editable, aceptando una fecha `dateFormat`
+     * o uno de los formatos humanos (duración ISO 8601, matemática de fecha).
+     *
+     * @param value - La cadena de entrada sin procesar.
+     * @returns La fecha analizada, o `null` si no se puede analizar.
+     */
+    private parseInputValue;
+    /**
+     * Validador para un único control de fecha editable: válido cuando el valor se analiza
+     * como una fecha. Los valores vacíos se dejan al validador `required`.
+     */
+    private validateDateControl;
+    /**
+     * Validador de grupo que asegura que la fecha de inicio analizada no sea posterior a la fecha de fin.
+     */
+    private validateRange;
+    /**
+     * Confirma las entradas editables en el calendario para que las vistas y la acción
+     * Aplicar reflejen los valores escritos. No-op cuando la edición está deshabilitada o
+     * el formulario es inválido.
+     *
+     * @param calendar - La instancia del componente de calendario desde la plantilla.
+     */
+    commitEditableDates(calendar: AcpDateRangeCalendar): void;
+    /**
+     * Refleja una selección de calendario (clic de fecha) en las entradas editables como
+     * fechas absolutas. Una selección de calendario es una selección absoluta explícita, por lo que
+     * cualquier expresión recordada se borra y las entradas muestran fechas formateadas.
+     *
+     * @param range - El rango emitido por el calendario.
+     */
+    onCalendarSelectionChange(range: DateRange<Date>): void;
+    /**
+     * Confirma las entradas editables y aplica el rango, cerrando el panel -
+     * lo mismo que hacer clic en Aplicar. Se usa para la tecla Intro. No-op cuando la edición está
+     * deshabilitada o el formulario es inválido, por lo que Intro nunca cierra con entrada incorrecta.
+     *
+     * @param input - El elemento de entrada de fecha principal a actualizar.
+     * @param calendar - La instancia del componente de calendario desde la plantilla.
+     */
+    applyEditableDates(input: HTMLInputElement, _calendar: AcpDateRangeCalendar): void;
+    /**
+     * Rellena previamente las entradas editables desde la selección actual: expresiones relativas
+     * para una opción de diferencia de días (ej: `now-7d` .. `now`), de lo contrario las
+     * fechas formateadas absolutas.
+     */
+    private populateEditableForm;
+    /**
+     * Resuelve las expresiones legibles de inicio/fin para un rango. Prefiere la
+     * expresión comprometida del usuario (cuando aún se resuelve a este rango),
+     * luego la forma relativa de una opción de diferencia de días, y finalmente las
+     * fechas formateadas absolutas. Compartido por las entradas editables y el evento emitido.
+     *
+     * @param start - Fecha de inicio del rango.
+     * @param end - Fecha de fin del rango.
+     * @param opt - La opción de fecha asociada, si la hay.
+     * @returns Las cadenas de expresión de inicio y fin.
+     */
+    private resolveDisplayExpr;
+    /**
+     * Checks whether a saved expression still resolves (to day precision) to the
+     * given dates, so a stale expression is not reused after the range changed
+     * by other means.
+     */
+    private exprMatchesDates;
+    /**
+     * Clears the currently selected dates and resets all related properties.
+     *
+     * @param event The MouseEvent triggering the clear action.
+     */
+    clearSelection(event: MouseEvent): void;
+    /**
+     * Clears the input field value for the date picker.
+     */
+    private clearDateInput;
+    /**
+     * Updates selected dates based on a selected option and input element.
+     *
+     * @param option The selected date option.
+     * @param input The HTML input element to update.
+     */
+    private updateDateOnOptionSelect;
+    /**
+     * Calculates and updates the start and end dates based on the selected option.
+     *
+     * @param option The selected date option.
+     * @param input The HTML input element to update.
+     */
+    private updateDateWithSelectedOption;
+    /**
+     * Updates the date range and input display.
+     *
+     * @param input The HTML input element.
+     * @param start Start date of the range.
+     * @param end End date of the range.
+     * @param opt Optional selected date option.
+     */
+    private updateSelectedDates;
+    /**
+     * Updates the input and internal state with default dates on initialization.
+     * When autoSelectOption is true and selectedDates is provided, attempts to
+     * match against existing options before falling back to Custom Range.
+     */
+    private updateDefaultDatesValues;
+    /**
+     * Maneja cambios manuales en el input principal de fecha.
+     * Cuando el usuario escribe directamente, deselecciona todas las opciones
+     * predefinidas y marca "Rango personalizado" como seleccionado.
+     *
+     * @param input El elemento de entrada HTML que cambió.
+     */
+    onMainInputChange(input: HTMLInputElement): void;
+    /**
+     * Iterates over all non-custom options and returns the first one whose
+     * computed date range matches the provided selectedDates (day-level comparison).
+     * Works for both default options and consumer-provided options with callBackFunction.
+     *
+     * @param selectedDates The date range to match against
+     * @returns The matching ISelectDateOption, or null if none found
+     */
+    private findMatchingOption;
+    /**
+     * Updates the input and selected dates based on a selected option from the list.
+     *
+     * @param selectedOption The selected date option.
+     * @param input The HTML input element to update.
+     */
+    private updatedFromListValueSelection;
+    /**
+     * Checks whether default initialization of options is required.
+     *
+     * @returns True if default options need to be initialized, otherwise false.
+     */
+    private isDefaultInitRequired;
+    /**
+     * Initializes the default date options with the selected index.
+     */
+    private initDefaultOptions;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AcpDateRangeInput, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AcpDateRangeInput, "acp-date-range-input", never, { "inputLabel": { "alias": "inputLabel"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; "isSignal": true; }; "showCalendarIcon": { "alias": "showCalendarIcon"; "required": false; "isSignal": true; }; "showRangeRequired": { "alias": "showRangeRequired"; "required": false; "isSignal": true; }; "isRangeRequired": { "alias": "isRangeRequired"; "required": false; "isSignal": true; }; "staticOptionId": { "alias": "staticOptionId"; "required": false; }; "dynamicOptionId": { "alias": "dynamicOptionId"; "required": false; }; "calendarId": { "alias": "calendarId"; "required": false; }; "enableDefaultOptions": { "alias": "enableDefaultOptions"; "required": false; }; "selectedDates": { "alias": "selectedDates"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "isShowStaticDefaultOptions": { "alias": "isShowStaticDefaultOptions"; "required": false; }; "hideDefaultOptions": { "alias": "hideDefaultOptions"; "required": false; }; "cdkConnectedOverlayOffsetX": { "alias": "cdkConnectedOverlayOffsetX"; "required": false; }; "cdkConnectedOverlayOffsetY": { "alias": "cdkConnectedOverlayOffsetY"; "required": false; }; "listCdkConnectedOverlayOffsetY": { "alias": "listCdkConnectedOverlayOffsetY"; "required": false; }; "listCdkConnectedOverlayOffsetX": { "alias": "listCdkConnectedOverlayOffsetX"; "required": false; }; "selectedOptionIndex": { "alias": "selectedOptionIndex"; "required": false; }; "displaySelectedLabel": { "alias": "displaySelectedLabel"; "required": false; }; "displaySelectedExpression": { "alias": "displaySelectedExpression"; "required": false; }; "enableEditableDates": { "alias": "enableEditableDates"; "required": false; }; "cdkConnectedOverlayPush": { "alias": "cdkConnectedOverlayPush"; "required": false; }; "cdkConnectedOverlayPositions": { "alias": "cdkConnectedOverlayPositions"; "required": false; }; "allowSingleDateSelection": { "alias": "allowSingleDateSelection"; "required": false; }; "autoSelectOption": { "alias": "autoSelectOption"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "dateDropDownOptions": { "alias": "dateDropDownOptions"; "required": false; }; }, { "dateSelectionChanged": "dateSelectionChanged"; "dateListOptions": "dateListOptions"; "rangeRequiredChange": "rangeRequiredChange"; }, never, never, true, never>;
 }
 
+declare const ACP_DEFAULT_DATE_OPTIONS: IAcpSelectDateOption[];
+
 declare class ToUpperCase implements ControlValueAccessor {
     private el;
     private renderer;
@@ -2759,5 +3143,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, AcpAlert, 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 { AcpAlertType, 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 };
+export { ACP_ACTIVE_DATE_DEBOUNCE, ACP_DATE_OPTION_TYPE, ACP_DEFAULT_DATE_OPTIONS, 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, AcpAlert, AcpDateRangeInput, AcpDrawer, AcpDrawerConfig, AcpDrawerContainer, AcpDrawerRef, AcpPopover, AcpPopoverContent, AcpPopoverTarget, AcpPopoverTrigger, AcpSelectDateOption, AdvancedDialogService, 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 };
+export type { AcpAlertType, AcpPopoverDefaultOptions, AcpPopoverPanel, AcpPopoverPosition, AcpPopoverPositionEnd, AcpPopoverPositionStart, AcpPopoverTriggerEvent, AcpSelectedDateEvent, 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, IAcpSelectDateOption, IconRegistryConfig, MatCustomDialogConfig, PopoverCloseReason, ReusableAutocompleteWrapperComponent, TabulatorColumn, TabulatorConfig, TabulatorEventHandlers, TabulatorTheme };