import { CdkScrollable } from '@angular/cdk/overlay';
import { PageEvent } from '@angular/material/paginator';
import { MtnaLogger } from '@mtna/lib-ui';
import { trackByCoreResource, Variable, VariableSummary } from '@mtna/pojo-consumer-ui';
export declare class RdsVariableSelectionDialogData<V extends Variable | VariableSummary = Variable> {
    variables: Array<V>;
    title: string;
    listStyles: {
        [key: string]: string;
    };
    /**
     * @param variables All variables to choose from
     * @param title Title for the dialog, defaults to "Select a variable"
     * @param listStyles Optional ngStyles for the scrollable list, defaults to `{ height: 'calc(65vh - 36px - 56px)', maxHeight: '500px' }`.
     * The calc subtracts the height of the searchbox and paginator.
     */
    constructor(variables: Array<V>, title?: string, listStyles?: {
        [key: string]: string;
    });
}
/**
 * Dialog for selecting a variable.
 * @author Will Davis <will.davis@mtna.us>
 */
export declare class RdsVariableSelectionDialogComponent<V extends Variable | VariableSummary = Variable> {
    data: RdsVariableSelectionDialogData<V>;
    private logger;
    /** the scrollable list when many codes exist. Used for scrollTop on pagination and search */
    scrollContainer: CdkScrollable;
    /** Variables to displace on a single page */
    displayedVariables: Array<V>;
    /** Variables matching the user search */
    filteredVariables: Array<V>;
    /** Index of the current page */
    pageIndex: number;
    /** Number of variables to show on a single page */
    pageSize: number;
    /** The variable the user selected */
    selectedVariable: V;
    /** TrackBy function for the *ngFor loop of codes */
    trackByCr: typeof trackByCoreResource;
    constructor(data: RdsVariableSelectionDialogData<V>, logger: MtnaLogger);
    paginate(page: PageEvent): void;
    search(text: string): void;
    _scrollToTop(): void;
}