import { LitElement } from 'lit'; import '../link'; import './stepperItemChild'; /** Stepper Item. * @fires on-step-click - Emits the step details to the parent stepper component when click on step title.`detail:{ origEvent: PointerEvent,step: StepperItem, otherattributes }` * @slot tooltip - Slot for tooltip. * @slot child - Children slot. Used for nested children in vertical stepper. Visible only when step state is active. Do not use inside stepperType `'status'`. * @slot unnamed - Optional slot for content in vertical stepper. Visible only when step state is active. */ export declare class StepperItem extends LitElement { static styles: import("lit").CSSResult; /** Whether the stepper is in vertical type. */ accessor vertical: boolean; /** Stepper size `'large'` & `'small'`. */ accessor stepSize: string; /** Step name. */ accessor stepName: string; /** Step title.*/ accessor stepTitle: string; /** Step link. */ accessor stepLink: string; /** Step state. `'pending'`, `'active'`, `'completed'`, `'excluded'`, `'warning'` & `'destructive'`. * * `'pending'`, `'active'` and `'completed'` / `'excluded'` states has 0%, 50% & 100% progress set internally. */ accessor stepState: string; /** Stepper type. Inherited from . * @ignore */ accessor stepperType: string; /** Disable step. */ accessor disabled: boolean; /** Optional. Show counter for vertical stepper when stepState is `'pending'`. */ accessor showCounter: boolean; /** Progress of stepper. * @ignore */ accessor progress: number; /** Internal state to indicate whether it's 1st step. * @ignore */ accessor isFirstStep: boolean; /** Internal state for step index. * @ignore */ accessor stepIndex: number; /** Internal state to indicate whether it's last step. * @ignore */ accessor isLastStep: boolean; /** Internal state to indicate whether it's second-last step. * @ignore */ accessor isSecondLastStep: boolean; /** Internal state to indicate whether only two steps are there inside ``. * @ignore */ accessor isTwoStepStepper: boolean; /** Open children toggle * @ignore */ accessor openChildren: boolean; /** * Queries any slotted step child items. * @ignore */ accessor childSteps: Array; render(): import("lit-html").TemplateResult<1>; private _handleChildToggle; private _handleStepClick; updated(changedProps: any): void; private _handleChildSlotChange; private _updateChildren; private getProgressValue; } declare global { interface HTMLElementTagNameMap { 'kyn-stepper-item': StepperItem; } } //# sourceMappingURL=stepperItem.d.ts.map