import { OnInit, EventEmitter, ElementRef } from '@angular/core';
import { CfCoreComponent } from '../core/core.component';
import { IconModel } from '../../models/icon/icon.model';
import { DatatableRowsExpanderModel } from '../../models/datatable/datatable-rows-expander.model';
import { DatatableRowsExpanderStylingModel } from '../../models/datatable/datatable-rows-expander-styling.model';
import { TemplateService } from '../../services/template-service/template.service';
/**
 * <p>CfDatatableRowsExpander component is used to expand/collapse all rows</p>
 * <pre>
 * <code>
 * <code><</code>cf-datatable-rows-expander<code>></code><code><</code><code>/</code>cf-datatable-rows-expander<code>></code>
 * </code>
 * </pre>
 */
export declare class CfDatatableRowsExpanderComponent extends CfCoreComponent implements OnInit {
    elementRef: ElementRef;
    /**
     * <pre>{{'{'}}
     *  expandAllIcon: IconModel,
     *  collapseAllIcon: IconModel,
     * {{'}'}}</pre>
     * <h4>expandAllIcon: IconModel</h4>
     * CfIcon component for the main expanding icon.
     * <h4>collapseAllIcon: IconModel</h4>
     * CfIcon component for the main collapsing icon.
     * <p>Example:</p>
     * <pre>{{'{'}}
     *    expandAllIcon: this.myAllRowsExpandIcon,
     *    collapseAllIcon: this.myAllRowsCollapseIcon,
     * {{'}'}}</pre>
     */
    properties: DatatableRowsExpanderModel;
    /**
     *<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
     *  {{'}'}},
     *  // Expanding icon styling
     *  expandAllIcon: IconStylingModel, //refer to icon component
     *  // Collapsing icon styling
     *  collapseAllIcon: IconStylingModel, //refer to icon component
     *}
     * </pre>
     * <p>Example:<p>
     * <pre>
     *  new DatatableRowsExpanderStylingModel({{'{'}}
     *    container: {{'{'}}class: 'my-datatable-rows-expander'{{'}'}},
     *    expandAllIcon: new IconStylingModel({{'{'}} icon: {{'{'}}themeColor: "primary", class: "rotated"{{'}'}} {{'}'}}),
     *    collapseAllIcon: new IconStylingModel({{'{'}} icon: {{'{'}}themeColor: "primary", class: "rotated"{{'}'}} {{'}'}}),
     *  })
     * </pre>
     */
    styling: DatatableRowsExpanderStylingModel;
    /**
     * CfIcon component for expanding icon
     */
    expandAllIcon: IconModel;
    /**
     * CfIcon component for collapsing icon
     */
    collapseAllIcon: IconModel;
    /** @hidden
     * Emit events on icons clicks: expand or collapse
     */
    onToggle: EventEmitter<{}>;
    /** @hidden*/
    constructor(elementRef: ElementRef, /**@hidden */ templateService: TemplateService);
    /** @hidden*/
    ngOnInit(): void;
    /**@hidden
     * Function to run event emiter and send toggle type
     */
    toggle(type: any): void;
}