import { IEventEmitter } from '@breadstone/mosaik-elements'; import { ISlottable } from '../../../Behaviors/Slottable'; import type { IActiveStepChangedEventDetail } from '../../../events'; import { SelectorElement } from '../Abstracts/Selector/SelectorElement'; import type { IWizardElementProps } from './IWizardElementProps'; import { WizardStepElement } from './WizardStepElement'; declare const WizardElement_base: (abstract new (...args: Array) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Slottable").ISlottableProps & ISlottable) & (abstract new (...args: Array) => import("../../../Behaviors/Fitable").IFitableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Disableable").IDisableableProps) & (abstract new () => SelectorElement) & import("../../../Behaviors/Themeable").IThemeableCtor; /** * Wizard - A component that allows users to navigate through steps to complete a task. * * @element mosaik-wizard * @category Selector * * @slot header - The header slot. * @slot header-before - The header before slot. * @slot header-after - The header after slot. * @slot steps - The steps slot. * @slot footer - The footer slot. * * @fires activeStepChanged {ActiveStepChangedEvent} - Fired when the active step has changed. * * @example * Basic wizard with steps: * ```html * * *

Welcome to the setup wizard.

*
* *

Configure your preferences.

*
* *

Setup complete!

*
*
* ``` * * @public */ export declare class WizardElement extends WizardElement_base implements IWizardElementProps, ISlottable { private readonly _provider; private readonly _activeStepChanged; private _name; /** * @public */ constructor(); /** * Returns the `is` property. * The `is` property represents natural name of this element. * * @public * @static * @override * @readonly */ static get is(): string; /** * Gets or sets the `name` property. * * @public * @attr */ get name(): string; set name(value: string); /** * Returns the `items` property. * * @public * @override * @readonly */ get items(): Array; /** * Gets the active index of the wizard. * * @public * @readonly */ get activeIndex(): number; /** * Gets the first step of the wizard. * * @public * @readonly */ get isFirstStep(): boolean; /** * Gets the last step of the wizard. * * @public * @readonly */ get isLastStep(): boolean; /** * Called when the active step has changed. * Provides reference to `IEventDetail` as event detail. * * @public * @readonly * @eventProperty */ get activeStepChanged(): IEventEmitter; /** * @protected * @template */ onSlotChange(): void; /** * Ensures that at least one step is active. * If no step is active, the first step will be selected. * * @protected */ protected ensureActiveStep(): void; /** * @protected * @override */ protected onSelectionChanged(oldIndex: number, newIndex: number): void; /** * Emits the `activeStepChanged` event. * * @protected */ protected onActiveStepChanged(args: IActiveStepChangedEventDetail): void; /** * @protected */ protected onSelectedIndexPropertyChanged(_prev: number, next: number): void; } /** * @public */ export declare namespace WizardElement { type Props = IWizardElementProps; } /** * @public */ declare global { interface HTMLElementTagNameMap { 'mosaik-wizard': WizardElement; } } export {}; //# sourceMappingURL=WizardElement.d.ts.map