import { OnInit, EventEmitter, ElementRef } from '@angular/core';
import { CfCoreComponent } from '../core/core.component';
import { SelectableModel } from '../../models/selectable/selectable.model';
import { SelectableStylingModel } from '../../models/selectable/selectable-styling.model';
import { TemplateService } from '../../services/template-service/template.service';
/**
 * <p>CF Selectable Component</p>
 * <p>Selectable component can be Checkbox, Switch or Radio</p>
 * <pre>
 * <code>
 * import {{'{'}} SelectableModel {{'}'}} from 'cedrus-fusion'
 * import {{'{'}} CheckboxStylingModel {{'}'}} from 'cedrus-fusion' (in case of checkbox)
 * <code><</code>cf-checkbox<code>></code><code><</code><code>/</code>cf-checkbox<code>></code>
 * <code><</code>cf-switch<code>></code><code><</code><code>/</code>cf-switch<code>></code>
 * <code><</code>cf-radio<code>></code><code><</code><code>/</code>cf-radio<code>></code>
 * </code>
 * </pre>
 */
export declare class CfSelectableComponent extends CfCoreComponent implements OnInit {
    elementRef: ElementRef;
    /**@hidden */
    notificationClickable: string;
    /**@hidden */
    selected: boolean;
    /**@hidden */
    hasNoItem: boolean;
    /**@hidden */
    internalId: number;
    /**
     * <pre>{{'{'}}
     *  display: boolean,	    // Default: true.
     *  disable: boolean,	    // Default: false.
     *  value: string,			  // Default: value.
     *  item: any,			      // Item can be a string or any object to be put along side the control.
     *  checked: boolean,			// Default: false.
     *  itemPosition: string	// Default: after.
     *{{'}'}}
     * </pre>
     * <p>Example</p>
     * <pre>{{'{'}}
     *	value: 'pizza',
     *	item: 'Pizza',
     *	checked: true,
     *	itemPosition: 'after'
     *{{'}'}}
     * </pre>
     */
    properties: SelectableModel;
    /**
      *<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>
      *{{'{'}}
      *  // Container surrounding the checkbox
      *  container:{{'{'}}
      *    dynamicClass,
      *    class
      *  {{'}'}},
      *  // md-checkbox
      *  button:{{'{'}}
      *    dynamicClass,
      *    class,
      *    themeColor
      *  {{'}'}}
      *{{'}'}}
      * </pre>
      */
    styling: SelectableStylingModel;
    /**
     * <p>The internal value of the selectable emitted when selected.</p>
     * <p>Default is <b>value</b></p>
     */
    value: string;
    /**
     * <p>Item can be a label or any other object based on the html template passed to the selectable</p>
     */
    item: any;
    /**
     * <p>Checked or not checked. Double binded variable to get or set the checked value of the selectable.</p>
     * <p>Default: false</p>
     */
    /**@hidden */
    checked: boolean;
    /**
     * <p>Item Position relative to the control. Can be: before or after. Default: after.</p>
     */
    itemPosition: string;
    /**@hidden */
    checkedChange: EventEmitter<{}>;
    /**@hidden */
    clicked: EventEmitter<{}>;
    /** @hidden */
    cfNotificationAction(notification: any): void;
    /**@hidden */
    constructor(elementRef: ElementRef, /**@hidden */ templateService: TemplateService);
    /**@hidden */
    ngOnInit(): void;
    /**@hidden */
    notifyGroup(): void;
    /**@hidden */
    updateFromGroup(val: boolean): void;
    /**@hidden */
    ifHasItem(): void;
}