/**
 * @license
 * Copyright LOGO YAZILIM SANAYİ VE TİCARET A.Ş. All Rights Reserved.
 *
 * Save to the extent permitted by law, you may not use, copy, modify,
 * distribute or create derivative works of this material or any part
 * of it without the prior written consent of LOGO YAZILIM SANAYİ VE TİCARET A.Ş. Limited.
 * Any reproduction of this material must contain this notice.
 */
import { AfterContentInit, ElementRef, EventEmitter, QueryList } from '@angular/core';
import { Router } from '@angular/router';
import { ItemComponent } from './item.component';
import { WizardService } from './wizard.service';
/**
 * Wizard library create business flow paths for your users.
 * Add the below code to your code stack and give initializer parameters.
 *
 * <sub>app.component.html</sub>
 *
 * ```html
 * <logo-wizard
 *  [activeStep]="0"
 *  [cssClasses]="'my-own-wizard-class'"
 *  [routing]="true"
 *  [isVertical]="true"
 *  (change)="yourChangeTrigger($event)"
 *  (tabEvent)="yourTabEvent($event)"
 * >
 *   <logo-step title="one">content of wizard step one</logo-step>
 *   <logo-step title="two">content of wizard step two</logo-step>
 * </logo-wizard>
 * ```
 *
 * ### Footer
 * Add your own footer contents to the footer element of the wizard.
 * For example:
 *
 * <sub>app.component.html</sub>
 *
 * ```html
 * <logo-wizard...>
 *   <logo-step title="one">content of wizard step one</logo-step>
 *   <div footer>My own footer content</div>
 * </logo-tabs>
 * ```
 */
export declare class WizardComponent implements AfterContentInit {
    private router;
    wizardService: WizardService;
    /**
     * Step changer subscription
     */
    $changeStep: EventEmitter<number>;
    /**
     * Set id
     */
    id: string;
    /**
     * Set active step. Default is first one.
     */
    activeStep: number;
    /**
     * Add CSS classes as a string for styling.
     */
    cssClasses: string;
    /**
     * Full width or not option for the wizard base.
     */
    hasContainer: boolean;
    /**
     * Show footer or not option for the wizard content area.
     */
    hasFooter: boolean;
    /**
     * Place wizard headers in a vertical layout.
     */
    isVertical: boolean;
    /**
     * All steps was added
     */
    steps: QueryList<ItemComponent>;
    /**
     * Routing is enabled, default false. Just shows ng-content. If route enabled, step route will be shown inside the content.
     */
    routing: boolean;
    /**
     * Add custom css to step header container div.
     */
    stepHeaderCss: string;
    /**
     * Add custom css to step contents container div.
     */
    stepContentCss: string;
    /**
     * Triggered when clicked another step
     */
    stepChange: EventEmitter<ItemComponent>;
    /**
     * When added, created or changed ItemComponent this event will be triggered
     */
    stepEvent: EventEmitter<QueryList<ItemComponent>>;
    wizardActions: ElementRef;
    warningSteps: any[];
    private tree;
    private group;
    hasActions: boolean;
    singleStep: boolean;
    constructor(router: Router, wizardService: WizardService);
    isRouteMatch(): void;
    ngAfterContentInit(): void;
    selectStep(step: ItemComponent): void;
    checkStepStatus(step: ItemComponent): boolean;
    /**
     * Set selected step with index number. For example setActiveStep(0);
     * @param index
     */
    setActiveStep(index: number): void;
    gotoNextStep(): void;
    gotoPrevStep(): void;
}