import { OnInit, TemplateRef, ElementRef, EventEmitter, Renderer } from '@angular/core';
import { CfCoreComponent } from '../core/core.component';
import { ToolbarModel } from '../../models/toolbar/toolbar.model';
import { ToolbarStylingModel } from '../../models/toolbar/toolbar-styling.model';
import { TemplateService } from '../../services/template-service/template.service';
/**
 * <p>Toolbar component based on Angular Material Toolbar and has a lot of extanded options</p>
 * <p>Example of using:</p>
 * <pre>
 * <code><</code>cf-toolbar [properties]="myToolbar" [styling]="myToolbarStyles"<code>></code>
 * <code><</code><code>/</code>cf-toolbar<code>></code>
 * </pre>
 */
export declare class CfToolbarComponent extends CfCoreComponent implements OnInit {
    elementRef: ElementRef;
    renderer: Renderer;
    /** @hidden
     * Binding class to Toolbar host element
     */
    toolbarMaximizedClass: string;
    /**
     * <p>Example of model:</p>
     * <code><pre>{{'{'}}
     *	type: 'info',
     *	info: {{'{'}}
     *		show: true,
     *		icon: this.myInfoIcon,
     *		order: 0
     *	{{'}'}},
     *	content: {{'{'}}
     *		title: 'This is my toolbar title',
     *  	template: this.myToolbarTemplate,
     *		order: 1
     *	{{'}'}},
     *	actions: {{'{'}}
     *		show: true,
     *		menu: this.myToobarMenu,
     * 		order: 2
     *	{{'}'}},
     *	help: {{'{'}}
     *		show: true,
     *		icon: this.myHelpIcon,
     *		order: 3
     *	{{'}'}},
     *	close: {{'{'}}
     *		show: true,
     *		icon: this.myCloseIcon,
     *		order: 4
     *	{{'}'}},
     *	maximization: {{'{'}}
     *		show: true,
     *		maximized: false,
     *		maximizeIcon: this.myMaxIcon,
     *		minimizeIcon: this.myMinIcon,
     *		order: 5
     *	{{'}'}},
     *	expandable: {{'{'}}
     *		show: true,
     *		expanded: true,
     *		icon: this.myexpandableIcon
     *		order: 6
     *	{{'}'}}
     * {{'}'}}</pre></code>
     * <h4>type: string</h4>
     * Toolbar type. Can be: info, warning, error.
     * <h4>info: object</h4>
     * Optional info section.
     * <h4>info.show: boolean</h4>
     * To show / hide info section.
     * <h4>info.icon: IconModel</h4>
     * IconModel data for info icon.
     * <h4>info.order: number</h4>
     * Order of info section. Means flex system order property. Order numbers can be: 0, 1, 2, 3, 4, 5, 6.
     * <h4>content: object</h4>
     * Optional content section.
     * <h4>content.show: boolean</h4>
     * To show / hide toolbar content section.
     * <h4>content.title: string</h4>
     * Title for content section.
     * <h4>content.template: TemplateRef{{'<'}}any{{'>'}}</h4>
     * Toolbar content template.
     * <h4>content.order: number</h4>
     * Order of content section. Means flex system order property. Order numbers can be: 0, 1, 2, 3, 4, 5, 6.
     * <h4>actions: object</h4>
     * Optional actions section.
     * <h4>actions.show: boolean</h4>
     * To show / hide actions section.
     * <h4>actions.menu: MenuModel</h4>
     * MenuModel component for actions section.
     * <h4>actions.order: number</h4>
     * Order of actions section. Means flex system order property. Order numbers can be: 0, 1, 2, 3, 4, 5, 6.
     * <h4>close: object</h4>
     * Optional close icon section.
     * <h4>close.show: boolean</h4>
     * To show / hide close icon section.
     * <h4>close.icon: IconModel</h4>
     * IconModel data for close icon.
     * <h4>close.order: number</h4>
     * Order of close icon section. Means flex system order property. Order numbers can be: 0, 1, 2, 3, 4, 5, 6.
     * <h4>help: object</h4>
     * Optional help icon section.
     * <h4>help.show: boolean</h4>
     * To show / hide help icon section.
     * <h4>icon: IconModel</h4>
     * IconModel data for help icon.
     * <h4>help.order: number</h4>
     * Order of help icon section. Means flex system order property. Order numbers can be: 0, 1, 2, 3, 4, 5, 6.
     * <h4>maximization: object</h4>
     * Optional maximize/minimize icons section.
     * <h4>maximization.show: boolean</h4>
     * To show / hide maximize/minimize icons section.
     * <h4>maximization.maximized: boolean</h4>
     * Whether toolbar must be maximized.
     * <h4>maximization.minimizeIcon: IconModel</h4>
     * IconModel data for minimizeIcon.
     * <h4>maximization.maximizeIcon: IconModel</h4>
     * IconModel data for maximizeIcon.
     * <h4>maximization.order: number</h4>
     * Order of maximize/minimize icons section. Means flex system order property. Order numbers can be: 0, 1, 2, 3, 4, 5, 6.
     * <h4>expandable: object</h4>
     * Optional expandable icon section.
     * <h4>expandable.show: boolean</h4>
     * To show / hide expandable icon section.
     * <h4>expandable.expanded: boolean</h4>
     * To set toolbar to be expanded.
     * <h4>expandable.icon: IconModel</h4>
     * IconModel data for expandable icon.
     * <h4>expandable.order: number</h4>
     * Order of expandable icon section. Means flex system order property. Order numbers can be: 0, 1, 2, 3, 4, 5, 6.
     */
    properties: ToolbarModel;
    /**
     * Styling object
     * <code><pre>
     * toolbar?: {{'{'}}                             // Styling for md-toolbar
     * 	info?: {{'{'}}                               // Styling for info section
     *		class?: string;                      // Classes for info section
     *		dynamicClass?: any;                  // Dynamic classes for info section
     *		icon?: IconStylingModel;             // IconStylingModel for info icon
     *	{{'}'}};
     *	content?: {{'{'}}                            // Styling for content section
     *		class?: string;                      // Classes for content section
     *		dynamicClass?: any;                  // Dynamic classes for content section
     *		title?: StylingModel;                // StylingModel for title
     *		template?: StylingModel;             // StylingModel for template
     *	{{'}'}};
     *	actions?: {{'{'}}                            // Styling for actions section
     *		class?: string;                      // Classes for actions section
     *		dynamicClass?: any;                  // Dynamic classes for actions section
     *		menu?: MenuStylingModel;             // MenuStylingModel for menu section
     *	{{'}'}};
     *	maximizing?: {{'{'}}                         // Styling for maximizing section
     *		class?: string;                      // Classes for maximizing section
     *		dynamicClass?: any;                  // Dynamic classes for maximizing section
     *		minimizeIcon?: IconStylingModel;     // IconStylingModel for minimize icon
     *		maximizeIcon?: IconStylingModel;     // IconStylingModel for maximize icon
     *	{{'}'}};
     *	expandable?: {{'{'}}                         // Styling for expandable section
     *		class?: string;                      // Classes for expandable section
     *		dynamicClass?: any;                  // Dynamic classes for expandable section
     *		icon?: IconStylingModel;             // IconStylingModel for expandable icon
     *	{{'}'}};
     *	help?: {{'{'}}                               // Styling for help section
     *		class?: string;                      // Classes for help section
     *		dynamicClass?: any;                  // Dynamic classes for help section
     *		icon?: IconStylingModel;             // IconStylingModel for help icon
     *	{{'}'}};
     *	close?: {{'{'}}                              // Styling for close section
     *		class?: string;                      // Classes for close section
     *		dynamicClass?: any;                  // Dynamic classes for close section
     *		icon?: IconStylingModel;             // IconStylingModel for close icon
     *	{{'}'}};
     * {{'}'}};
     * </pre></code>
     */
    styling: ToolbarStylingModel;
    /**
     * Type of the toolbar. Can be: info, warning, error.
     */
    type: string;
    /**
     * Wheather to show info section.
     */
    showInfo: boolean;
    /**
     * Order of info section. Means flex system order property. Order numbers can be: 0, 1, 2, 3, 4, 5, 6.
     */
    infoOrder: number;
    /**
     * Info icon name.
     */
    infoIconName: string;
    /**
     * Info icon size.
     */
    infoIconSize: string;
    /**
     * Wheather to show content section.
     */
    showContent: boolean;
    /**
     * Title of the toolbar content section.
     */
    title: string;
    /**
     * Template of the toolbar content section.
     */
    template: TemplateRef<any>;
    /**
     * Order of content section. Means flex system order property. Order numbers can be: 0, 1, 2, 3, 4, 5, 6.
     */
    contentOrder: number;
    /**
     * Wheather to show actions section.
     */
    showActions: boolean;
    /**
     * Order of actions section. Means flex system order property. Order numbers can be: 0, 1, 2, 3, 4, 5, 6.
     */
    actionsOrder: number;
    /**
     * Actions menu trigger icon name.
     */
    menuIconName: string;
    /**
     * Actions menu trigger icon size.
     */
    menuIconSize: string;
    /**
     * Wheather to show help section.
     */
    showHelp: boolean;
    /**
     * Order of help section. Means flex system order property. Order numbers can be: 0, 1, 2, 3, 4, 5, 6.
     */
    helpOrder: number;
    /**
     * help icon name.
     */
    helpIconName: string;
    /**
     * help icon size.
     */
    helpIconSize: string;
    /**
     * Wheather to show close section.
     */
    showClose: boolean;
    /**
     * Order of close section. Means flex system order property. Order numbers can be: 0, 1, 2, 3, 4, 5, 6.
     */
    closeOrder: number;
    /**
     * Close icon name.
     */
    closeIconName: string;
    /**
     * Close icon size.
     */
    closeIconSize: string;
    /**
     * Wheather to show toggle section of maximize/minimize.
     */
    showMaximization: boolean;
    /**
     * Order of maximization section. Means flex system order property. Order numbers can be: 0, 1, 2, 3, 4, 5, 6.
     */
    maximizationOrder: number;
    /**
     * Wheather toolbar is in maximized mode.
     */
    maximized: boolean;
    /**
     * Maximize icon name.
     */
    maximizeIconName: string;
    /**
     * Maximize icon size.
     */
    maximizeIconSize: string;
    /**
     * Minimize icon name.
     */
    minimizeIconName: string;
    /**
     * Minimize icon size.
     */
    minimizeIconSize: string;
    /**
     * Wheather to show expandable section.
     */
    showExpandable: boolean;
    /**
     * Order of expandable section. Means flex system order property. Order numbers can be: 0, 1, 2, 3, 4, 5, 6.
     */
    expandableOrder: number;
    /**
     * Wheather toolbar is in expanded mode.
     */
    expanded: boolean;
    /**
     * Expandable icon name.
     */
    expandableIconName: string;
    /**
     * Expandable icon size.
     */
    expandableIconSize: string;
    /**
     * Info output event emitter
     */
    onInfo: EventEmitter<any>;
    /**
     * Menu item output event emitter
     */
    onItemClick: EventEmitter<any>;
    /**
     * Maximize toogle output event emitter
     */
    onMaximizeToggle: EventEmitter<any>;
    /**
     * Expand toggle output event emitter
     */
    onExpandToggle: EventEmitter<any>;
    /**
     * Close output event emitter
     */
    onClose: EventEmitter<any>;
    /**
     * Help output event emitter
     */
    onHelp: EventEmitter<any>;
    /** @hidden
   * If content linked to the toolbar is maximized.
   */
    _toolbarExpanded: boolean;
    /** @hidden
       * If toolbar is maximized and goes over all in the page.
       */
    _toolbarMaximized: boolean;
    /** @hidden */
    constructor(elementRef: ElementRef, /**@hidden */ templateService: TemplateService, renderer: Renderer);
    /** @hidden */
    ngOnInit(): void;
    /** @hidden
       * Function to emit info event
     * @param event  it is click event
       */
    info(event: any): void;
    /** @hidden
     * Function to emit help event
     * @param event  it is click event
     */
    help(event: any): void;
    /** @hidden
     * Function to emit menu item action event
     * @param event  it is click event
     */
    itemAction(event: any): void;
    /**
     * Function to toggle content connected to the toolbar
     * @param event  it is boolean value of toolbar expanded state
     */
    expandToggle(event: any): void;
    /** @hidden
     * Function to collapse/expand toolbar itself
     * @param event  it is click event
     */
    dblclick(event: any): void;
    /** @hidden
       * Function to maximize/minimize component with toolbar
     * @param event  it is click event
       */
    maximizeToggle(event: any): void;
    /** @hidden
       * Function to emit close event
     * @param event  it is click event
       */
    close(event: any): void;
    /** @hidden
     * Function to return material name of toolbar type
     * @param name   name of toolbar type: info/warning/error
     */
    getToolbarType(name: any): "mat-primary" | "mat-accent" | "mat-warn";
}