@progress/kendo-vue-layout/stepper/Stepper.d.ts

TODO

/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
import { StepChangeEvent } from './interfaces/StepChangeEvent';
import { StepFocusEvent } from './interfaces/StepFocusEvent';
import { PropType } from 'vue';
/**
 * @hidden
 */
export interface StepperComputed {
    [key: string]: any;
    computedValue: number;
}
/**
 * Represents the [Kendo UI for Vue Stepper component]({% slug overview_stepper %}).
 *
 * ```jsx
 * <template>
 *    <Stepper :value="value" @change="handleChange" :items="items" />
 * </template>
 *
 * <script>
 * import {
 *  Stepper
 *     } from '@progress/kendo-vue-layout';
 * export default {
 *     components: {
 *        Stepper
 *     },
 *     data () {
 *       return {
 *         value: 0,
 *         items: [
 *           {
 *             label: "Cart",
 *             icon: "cart",
 *           },
 *           {
 *             label: "Delivery Address",
 *             icon: "marker-pin-target",
 *           },
 *           {
 *             label: "Payment Method",
 *             icon: "dollar",
 *           },
 *           {
 *             label: "Preview",
 *             icon: "preview",
 *             optional: true,
 *           },
 *           {
 *             label: "Finish Order",
 *             icon: "track-changes-accept",
 *           },
 *         ]
 *       }
 *     },
 *     methods: {
 *       handleChange (e) {
 *         this.value = e.value;
 *       }
 *     }
 * };
 * </script>
 * ```
 *
 */
declare const Stepper: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    animationDuration: {
        type: PropType<number | boolean>;
        default: number;
    };
    dir: PropType<string>;
    disabled: PropType<boolean>;
    item: {
        type: PropType<any>;
        default: any;
    };
    items: PropType<import('..').StepProps[]>;
    linear: PropType<boolean>;
    mode: {
        type: PropType<string>;
        default: string;
        validator: (value: string) => any;
    };
    orientation: {
        type: PropType<string>;
        default: string;
        validator: (value: string) => any;
    };
    value: {
        type: PropType<number>;
        default: number;
    };
    progressTotal: {
        type: PropType<number>;
    };
    progress: {
        type: PropType<number>;
    };
    modelValue: PropType<number>;
    successIcon: PropType<string>;
    errorIcon: PropType<string>;
}>, {}, {
    currentDir: string;
    focusedIdx: number;
    stepper: {};
    currentFocused: boolean;
}, {
    computedValue(): any;
    isVertical(): boolean;
    numOfSteps(): any;
    stepperClasses(): {
        'k-stepper': boolean;
        'k-stepper-linear': any;
    };
    stepperStyles(): {
        display: string;
        gridTemplateColumns: string;
        gridTemplateRows: string;
    };
    listClasses(): {
        'k-step-list': boolean;
        'k-step-list-horizontal': boolean;
        'k-step-list-vertical': any;
    };
    listStyles(): {
        gridColumnStart: string | number;
        gridColumnEnd: string | number;
        gridRowStart: string | number;
        gridRowEnd: string | number;
    };
    progressbarStyles(): {
        gridColumnStart: string | number;
        gridColumnEnd: string | number;
        gridRowStart: string | number;
        gridRowEnd: string | number;
    };
}, {
    focus(): void;
    dispatchChangeEvent(event: any, val: number): void;
    handleChange(event: StepChangeEvent): void;
    handleFocus(event: StepFocusEvent): void;
    handleEnter(event: any): void;
    handleFocusin(): void;
    handleFocusout(): void;
    handleKeyDown(event: any): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    animationDuration: {
        type: PropType<number | boolean>;
        default: number;
    };
    dir: PropType<string>;
    disabled: PropType<boolean>;
    item: {
        type: PropType<any>;
        default: any;
    };
    items: PropType<import('..').StepProps[]>;
    linear: PropType<boolean>;
    mode: {
        type: PropType<string>;
        default: string;
        validator: (value: string) => any;
    };
    orientation: {
        type: PropType<string>;
        default: string;
        validator: (value: string) => any;
    };
    value: {
        type: PropType<number>;
        default: number;
    };
    progressTotal: {
        type: PropType<number>;
    };
    progress: {
        type: PropType<number>;
    };
    modelValue: PropType<number>;
    successIcon: PropType<string>;
    errorIcon: PropType<string>;
}>> & Readonly<{}>, {
    value: number;
    item: any;
    orientation: string;
    mode: string;
    animationDuration: number | boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export { Stepper };