import { OnInit, Renderer, EventEmitter, ElementRef, QueryList } from '@angular/core';
import { CfCoreComponent } from '../core/core.component';
import { IconModel } from '../../models/icon/icon.model';
import { SelectModel } from '../../models/select/select.model';
import { SelectOptionModel } from '../../models/select/select-option.model';
import { SelectStylingModel } from '../../models/select/select-styling.model';
import { CfSelectOptionComponent } from '../select-option/select-option.component';
import { TemplateService } from '../../services/template-service/template.service';
/**
 * <p>CF Select Component</p>
 * <pre>
 * <code>
 * import {{'{'}} SelectModel {{'}'}} from 'cedrus-fusion'
 * import {{'{'}} SelectStylingModel {{'}'}} from 'cedrus-fusion'
 * <code><</code>cf-select<code>></code><code><</code><code>/</code>cf-select<code>></code>
 * </code>
 * </pre>
 */
export declare class CfSelectComponent extends CfCoreComponent implements OnInit {
    private _renderer;
    /**@hidden */ elementRef: ElementRef;
    /**@hidden
     * Bind class to component :host itself
     */
    notificationClickable: string;
    /**@hidden
     * List of children options from html view
     */
    contentOptions: QueryList<CfSelectOptionComponent>;
    /**
     * <b>SelectModel</b>
     * <p>Example of <b>SelectModel</b> Class:</p>
     * <pre>{{'{'}}
     *  placeholder: 'Select fruit: ',
     *  staticPlaceholder: 'Open list',
     *  optionsSource: 'fromModel',
     *  options: [
     *      {{'{'}} val: 'apl', text: 'Apple' {{'}'}},
     *      {{'{'}} val: 'ban', text: 'Banana' {{'}'}},
     *      {{'{'}} val: 'che', text: 'Cherry' {{'}'}}
     * ],
     *  selected: 'che',
     *  showFilter: false,
     *  showIcon: false,
     *  iconProperty: this.myFruitsIcon,
     *  iconChangeable: false,
     *  required: false,
     *  multiple: true,
     *  dropdownUnder: true,
     *  optionValueField: 'val',
     *  optionLabelField: 'text',
     *  optionItemField: null,
     *  optionIconField: null
     * {{'}'}}</pre>
     * <h4>placeholder: string</h4>
     * <p>Placeholder text</p>
     * <h4>staticPlaceholder: string</h4>
     * <p>Not changable static placeholder text</p>
     * <h4>optionsSource: string</h4>
     * <p>Options source type</p>
     * <h4>options: any[]</h4>
     * <p>Array with options</p>
     * <h4>selected: any</h4>
     * <p>Select component must have some selected item and it is value of item property described in <b>itemValue</b></p>
     * <h4>showFilter: boolean</h4>
     * <p>Show/Hide filter</p>
     * <h4>showIcon: boolean</h4>
     * <p>Show/Hide icon</p>
     * <h4>iconProperty: IconModel</h4>
     * <p>Icon</p>
     * <h4>iconChangeable: boolean</h4>
     * <p>If main icon can be changed with selected option icon</p>
     * <h4>required: boolean</h4>
     * <p>Required</p>
     * <h4>multiple: boolean</h4>
     * <p>Options multipleselection</p>
     * <h4>dropdownUnder: boolean</h4>
     * <p>If select dropdown must be under it placeholder</p>
     * <h4>optionValueField: string</h4>
     * <p>Option property name to be used as option value</p>
     * <h4>optionLabelField: string</h4>
     * <p>Option property name to be used as select text when option is selected and as option text if item property is not specified</p>
     * <h4>optionItemField: string</h4>
     * <p>Option property name to be used as option item</p>
     * <h4>optionIconField: string</h4>
     * <p>Option property name to be used as option icon</p>
     */
    properties: SelectModel;
    /**
        * <pre>{{'{'}}
        * // styling of the container surrounding the select
        * container: {{'{'}}
        *		dynamic class: function() -> string, //function that returns a string of the name of the class
        *		class: string //name of the class specified in you scss/css file
        *	{{'}'}},
      * // Styling of select trigger by StylingModel
        * select: {{'{'}}
        *		dynamic class: function() -> string,
        *		class: string ,
        *		themeColor: string , // primary/accent/warn
        * {{'}'}},
      * // Styling of filter by StylingModel
        * filter: {{'{'}}
        *		dynamic class: function() -> string,
        *		class: string
        * {{'}'}},
      * // Styling of options by StylingModel
      * options: {{'{'}}
      *    dynamic class: function() -> string,
      *    class: string
      * {{'}'}},
      * // Styling of static placeholder by StylingModel
      * staticPlaceholder: {{'{'}}
      *    dynamic class: function() -> string,
      *    class: string
      * {{'}'}},
      * // Styling of dropdown panel by StylingModel
      * dropdownPanel: {{'{'}}
        *		dynamic class: function() -> string,
        *		class: string
        * {{'}'}}
        *{{'}'}}
        * </pre>
        */
    styling: SelectStylingModel;
    /**
     *<p>Text for placeholder</p>
     */
    placeholder: string;
    /**
   *<p>Not changable static placeholder text</p>
   */
    staticPlaceholder: string;
    /**
     *<p>Source of options. For current time can be only <b>fromModel</b>
     and means that options will be set by SelectModel call. If that property
     is not specified it means that options will be created from the view.</p>
     */
    optionsSource: string;
    /**
     *<p>Array with options to be send to SelectModel</p>
     */
    options: SelectOptionModel[];
    /**
     *<p>Value to select some option</p>
     */
    selected: any;
    /**
     *<p>If to show filter in dropdown list</p>
     */
    showFilter: boolean;
    /**
     *<p>If to show select icon</p>
     */
    showIcon: boolean;
    /**
     *<p>IconModel object</p>
     */
    iconProperty: IconModel;
    /**
     *<p>If main icon can be changed with selected option icon</p>
     */
    iconChangeable: boolean;
    /**
     *<p>If select is required</p>
     */
    required: boolean;
    /**
     *<p>If select has multipleselection options</p>
     */
    multiple: boolean;
    /**
     *<p>If select dropdown must be under it placeholder</p>
     */
    dropdownUnder: boolean;
    /**
     * <p>Option property name to be used as option value</p>
     */
    optionValueField: string;
    /**
     * <p>Option property name to be used as select text when option is selected and as option text if item property is not specified</p>
     */
    optionLabelField: string;
    /**
     * <p>Option property name to be used as option item</p>
     */
    optionItemField: string;
    /**
     * <p>Option property name to be used as option icon</p>
     */
    optionIconField: string;
    /**
     * <p>Event to call when Select dropdown list was opened</p>
     */
    onOpen: EventEmitter<any>;
    /**
     * <p>Event to call when value of Select was changed</p>
     */
    onChange: EventEmitter<any>;
    /**
     * <p>Event to call when Select dropdown list was closed</p>
     */
    onClose: EventEmitter<any>;
    /**@hidden */
    selectTrigger: any;
    /**@hidden */
    optionsTmpls: any;
    /**@hidden
     * <p>Value of the Filter input by which whole dropdown list items will be filtered<p>
     */
    cfFilterBy: string;
    /**@hidden
     * True or false whether md-select is focused
     */
    selectIsFocused: boolean;
    /**@hidden
     * Object to register element state and compute differences.
     */
    /**@hidden*/
    _lastOffsetLeft: any;
    /**@hidden
     * It is method which will emit corresponding event when Select dropdown list was opened.
     */
    selectOpened(): void;
    /**@hidden */
    writeValue(obj: any): void;
    /**@hidden */
    registerOnChange(fn: any): void;
    /**@hidden */
    registerOnTouched(fn: any): void;
    /**@hidden */
    setDisabledState(isDisabled: boolean): void;
    /**@hidden */
    onValueChange: any;
    /**@hidden */
    onTouched: any;
    /**hidden
     * It is method which will emit corresponding event when value of Select was changed.
     */
    selectChanged(): void;
    /**hidden
     * It is method which will emit corresponding event when Select dropdown list was closed.
     */
    selectClosed(): void;
    /**hidden
     * It is function for creating Notification click events by using Core Component <b>notificationAction</b> event emmiter.
     * @param notification    it is json notification object
     */
    cfNotificationAction(notification: any): void;
    /**@hidden */
    resetSelect(): void;
    /**@hidden */
    constructor(_renderer: Renderer, /**@hidden */ elementRef: ElementRef, /**@hidden */ templateService: TemplateService);
    /**@hidden
     * It will be generated <b>cfSelect</b> object and rendered inside component template.
     */
    ngOnInit(): void;
    /** @hidden
     * Function for filter dropdown options list
     * @param searchVal  string text value by which dropdown options list will be filtered
     */
    filterOptions(searchVal: any): any;
    /**@hidden
     * Function to reflect selected option icon into select icon
     */
    reflectIcon(): void;
    /**@hidden
     * Method to check each single option item if it has template (html content)
     */
    _checkTemplates(): void;
    /** @hidden
     * Function to check if md-select element is focused and adding class 'cf-select-is-focused' to main component div
     * @param is  boolead true or false whether md-select is focused
     */
    setFocused(is: any): void;
    /**@hidden
     * Function to move dropdown panel under the select trigger
     */
    makeDropdownUnder(): void;
    /**@hidden*/
    checkUnderline(): void;
    /**@hidden
     * Method to set 'mat-selected' class to the option.cf-option-data when option is selected
     * @param option  option object
    */
    checkIfSelected(option: any): "" | "mat-selected";
}