import { OnInit, EventEmitter, ElementRef } from '@angular/core';
import { CfCoreComponent } from '../core/core.component';
import { InputModel } from '../../models/input/input.model';
import { DatatableFilterModel } from '../../models/datatable/datatable-filter.model';
import { DatatableFilterStylingModel } from '../../models/datatable/datatable-filter-styling.model';
import { TemplateService } from '../../services/template-service/template.service';
/**
 * <p>CfDatatableFilter component is used to filter datatable rows</p>
 * <pre>
 * <code>
 * <code><</code>cf-datatable-filter<code>></code><code><</code><code>/</code>cf-datatable-filter<code>></code>
 * </code>
 * </pre>
 */
export declare class CfDatatableFilterComponent extends CfCoreComponent implements OnInit {
    elementRef: ElementRef;
    /**
     * <pre>{{'{'}}
     *	filterProperty: InputModel,
     * {{'}'}}</pre>
     * <h4>filterProperty: InputModel</h4>
     * CfInput component for the filter.
     * <p>Example:</p>
     * <pre>{{'{'}}
     *		filterProperty: this.myInput
     * {{'}'}}</pre>
     */
    properties: DatatableFilterModel;
    /**
     *<p> dynamicClass: function() -> string,	// Function that returns name of the class </p>
     *<p> class: string											  // Name of the css class selector </p>
     *<p> themeColor: string									// primary/accent/warn </p>
     *<pre>
     *{{'{'}}
     *	// Main container
     *	container: {{'{'}}
     *		dynamicClass,
     *		class
     *	{{'}'}},
     *	// Filter element
     *	inputFilter: InputStylingModel, //refer to input component
     *}
     * </pre>
     * <p>Example:<p>
     * <pre>
     *	new DatatableFilterStylingModel({{'{'}}
     *		container: {{'{'}}class: 'my-datatable-filter'{{'}'}},
     *		inputFilter: new InputStylingModel({{'{'}}
     *			iconStyling: new IconStylingModel({{'{'}} icon: {{'{'}} themeColor: "primary" {{'}'}} {{'}'}})
     *		{{'}'}}),
     *	{{'}'}})
     * </pre>
     */
    styling: DatatableFilterStylingModel;
    /**
     * CfInput component for the filter
     */
    inputProperty: InputModel;
    /** @hidden
     * Emit event on input value changes
     */
    onFilter: EventEmitter<{}>;
    /** @hidden*/
    constructor(elementRef: ElementRef, /**@hidden */ templateService: TemplateService);
    /** @hidden*/
    ngOnInit(): void;
    /**@hidden
     * Function to run event emiter and send text value from input
     */
    onValueChange(value: any): void;
}