/** * Copyright Aquera Inc 2023 * * This source code is licensed under the BSD-3-Clause license found in the * LICENSE file in the root directory of this source tree. */ import NileElement from '../internal/nile-element'; import type { CSSResultGroup, TemplateResult } from 'lit'; /** * Nile dot stepper component. * * @tag nile-dot-stepper * */ /** * @summary Dot steppers display a horizontal row of small dots indicating progress or position, with one active dot and the rest inactive. * @status stable * * @event nile-step-change - Emitted when a dot is selected via click or keyboard. The `detail` contains the 1-based `value` of the selected dot. * * @csspart base - The component's base wrapper (the dots container). * @csspart dot - An individual dot button. */ export declare class NileDotStepper extends NileElement { static styles: CSSResultGroup; connectedCallback(): void; /** The total number of dots. */ total: number; /** The 1-based index of the active dot. */ current: number; /** The size of each dot. */ size: 'sm' | 'md' | 'lg'; /** Disables click and keyboard interaction. */ disabled: boolean; /** Clamps the active value to the valid `[1, total]` range. */ private clamp; private selectStep; private handleDotClick; private focusDot; private handleKeyDown; render(): TemplateResult; } export default NileDotStepper; declare global { interface HTMLElementTagNameMap { 'nile-dot-stepper': NileDotStepper; } }