import { ElementRef, OnInit, OnChanges, EventEmitter } from '@angular/core';
import { FabModel } from '../../models/fab/fab.model';
import { FabStylingModel } from '../../models/fab/fab-styling.model';
import { FabButtonModel } from '../../models/fab/fab-button.model';
import { CfCoreComponent } from '../core/core.component';
import { TemplateService } from '../../services/template-service/template.service';
/** @hidden */
export declare type DirectionAnimateState = ('void' | 'right-show' | 'left-show' | 'up-show' | 'down-show');
/**
 * <p>Component is built using styling of Angular Material Fab button and has features like:
 * items (means mini fab buttons) direction, items stays opened on click and show items on component init.</p>
 * <pre>
 * <code>
 * import {{'{'}} FabButtonModel {{'}'}} from 'cedrus-fusion'
 * <</code>cf-fab<code>></code><code><</code><code>/</code>cf-fab<code>>
 * </code>
 * </pre>
 */
export declare class CfFabComponent extends CfCoreComponent implements OnInit, OnChanges {
    /**@hidden*/ elementRef: ElementRef;
    /**@hiddden
     * It is property to attach notification class when component has notifications actions.
     */
    notificationClickable: string;
    /**
     * <p>Example:</p>
     * <code><pre>{{'{'}}
     *  direction: "down",
     *  showButtons: true,
     *  stayOpened: true,
     *  trigger: {{'{'}} icon: {{'{'}}name: 'fa-gear'{{'}'}} {{'}'}},
     *  actionButtons: [
     *    {{'{'}} icon: {{'{'}}name:"fa-apple"{{'}'}}, display: this.shown {{'}'}},
     *    {{'{'}} icon: {{'{'}}name:"fa-star"{{'}'}}, label: "Item", labelPosition: "left" {{'}'}},
     *    {{'{'}} icon: {{'{'}}name:"fa-home"{{'}'}}, disable: this.disabled {{'}'}}
     *  ]
     * {{'}'}}</pre></code>
     * <h4>direction: string</h4>
     * Direction of opening Fab action buttons. Can be: 'up', 'right', 'down', 'left'.
     * <h4>trigger: FabButtonModel</h4>
     * FabButtonModel for the trigger fab button.
     * <h4>actionButtons: FabButtonModel[]</h4>
     * Array of buttons with type FabButtonModel for the action mini fab buttons.
     * <h4>showButtons: boolean</h4>
     * Whether to display action mini fab buttons on component init.
     * <h4>stayOpened: boolean</h4>
     * Whether to not hide action mini fab buttons on click events on them.
       */
    properties: FabModel;
    /**
     * Object for all styling properties:
     * <pre>
     * {{'{'}}
     *  trigger?: FabButtonStylingModel;       // FabButtonStylingModel for trigger icon.
     *  itemsContainer?: {{'{'}}                     // Styling for fab action items container.
     *    class?: string;                      // Classes for itemsContainer section.
     *    dynamicClass?: any;                  // Dynamic classes for itemsContainer section.
     *    item?: FabButtonStylingModel;        // FabButtonStylingModel for each mini fab action item.
     *  {{'}'}};
     * {{'}'}}
     * </pre>
     */
    styling: FabStylingModel;
    /**
     * Array of buttons with type FabButtonModel for the action mini fab buttons.
     */
    actionButtons: FabButtonModel[];
    /**
     * Direction of opening Fab action buttons. Can be: up, right, down, left.
     */
    direction: string;
    /**
     * Trigger button icon name.
     */
    iconName: string;
    /**
     * Trigger button icon size.
     */
    iconSize: string;
    /**
     * Trigger button tooltip text.
     */
    label: string;
    /**
     * Trigger button tooltip text position.
     */
    tooltipPosition: string;
    /**
     * Whether to display action mini fab buttons on component init.
     */
    showButtons: boolean;
    /**
     * Whether to not hide action mini fab buttons on click events on them.
     */
    stayOpened: boolean;
    /**@hidden */
    animateState: DirectionAnimateState;
    /**
     * <p>Event to call when Fab trigger button was clicked</p>
     */
    onClick: EventEmitter<any>;
    /**
     * <p>Event to call when Fab action button was clicked</p>
     */
    onItemClick: EventEmitter<any>;
    /** @hidden */
    constructor(/**@hidden*/ elementRef: ElementRef, /**@hidden */ templateService: TemplateService);
    /** @hidden */
    ngOnInit(): void;
    /** @hidden
     * Update the properties object with the changes on the inputs to keep the component dynamic
     * @param changes
     */
    ngOnChanges(changes: any): void;
    /** @hidden
     * Function to set open/close animation direction for action buttons
     */
    setAnimateState(): void;
    /** @hidden
     * Trigger button action with emitting event with trigger button object
     * @param event   trigger button click event
     */
    triggerAction(triggerpa: any): void;
    /** @hidden
     * Action button action with emitting event with trigger button object and it index
     * @param index  action button index
     * @param button  action button object
     */
    itemAction(index: any, button: any): void;
}