import { ElementRef, OnInit, EventEmitter, QueryList } from '@angular/core';
import { CfCoreComponent } from '../core/core.component';
import { ListModel } from '../../models/list/list.model';
import { ListStylingModel } from '../../models/list/list-styling.model';
import { CfItemComponent } from '../item/item.component';
import { TemplateService } from '../../services/template-service/template.service';
/**
 * <p>List component based on Angular Material List</p>
 * <p>Example of using:</p>
 * <pre>
 * <code><</code>cf-wizard [properties]="myList" [styling]="myListStyles"<code>></code><code><</code><code>/</code>cf-list<code>></code>
 * </pre>
 */
export declare class CfListComponent extends CfCoreComponent implements OnInit {
    /** @hidden */ elementRef: ElementRef;
    /**
     * It is an attribute <b>[properties]</b> of directive <b>cf-list</b> which take ListModel object.
     * <p>Example of model:</p>
     * <code><pre>{{'{'}}
     *  title: 'This is list title',
     *  selectable: true,
     *  withCheckbox: true
     * {{'}'}}</pre></code>
     * <h4>title: string</h4>
     * It is title for List component
     * <h4>selectable: boolean</h4>
     * If List is selectable. If yes - output <b>onSelect</b> is available to use.
     * List items will inherit that property if they didn't have their own.
     * <h4>withCheckbox: boolean</h4>
     * If List items will have checkboxes.
     * List items will inherit that property if they didn't have their own.
     */
    properties: ListModel;
    /**
     * It is an attribute <b>[styling]</b> of directive <b>cf-list</b> which take ListStylingModel object with next properties:
     * <h4>container: StylingModel</h4>
     * Styling properties for component container
     * <h4>title: StylingModel</h4>
     * Styling properties for component title
     */
    styling: ListStylingModel;
    /**
     * Input property for the title
     */
    title: string;
    /**
     * Input property for selectable
     */
    selectable: boolean;
    /**
     * Input property to show checkbox on list items
     */
    withCheckbox: boolean;
    /** @hidden
     * Array for selected items IDs
     */
    selectedItems: number[];
    /**
     * It is <b>(onSelect)</b> attribute of <b>cf-list</b> component. Is emmiting event with array of selected items IDs
     */
    onSelect: EventEmitter<{}>;
    /** @hidden
     * Private property for generating IDs for list items when list is selectable
     */
    randomId: number;
    /** @hidden
       * Array with list items
       */
    items: QueryList<CfItemComponent>;
    Î: any;
    /** @hidden */
    constructor(/** @hidden */ elementRef: ElementRef, /** @hidden */ templateService: TemplateService);
    /** @hidden */
    ngOnInit(): void;
    /** @hidden
     * After List content was initialized and component is selectable,
     * will be generated IDs for all list items and each selected item ID will be pushed to selectedItems array.
     */
    ngAfterContentInit(): void;
    /** @hidden
     * Function to update selectedItems array values and emit them
     * @param data  item data object
     */
    updateValues(data: any): void;
}