igniteui-webcomponents 5.3.0-beta.1 → 5.3.0-beta.3

package/components/slider/slider-base.d.ts

@@ -0,0 +1,165 @@
+import { LitElement, type TemplateResult } from 'lit';
+import { type StyleInfo } from 'lit/directives/style-map.js';
+export declare class IgcSliderBaseComponent extends LitElement {
+    static styles: import("lit").CSSResult[];
+    protected thumb: HTMLElement;
+    protected base: HTMLDivElement;
+    private labelElements;
+    private _min;
+    private _max;
+    private _lowerBound?;
+    private _upperBound?;
+    private _step;
+    private startValue?;
+    private pointerCaptured;
+    private thumbHoverTimer;
+    protected activeThumb?: HTMLElement;
+    protected thumbLabelsVisible: boolean;
+    protected labels: string[];
+    protected get hasLabels(): boolean;
+    protected get distance(): number;
+    /**
+     * The minimum value of the slider scale. Defaults to 0.
+     *
+     * If `min` is greater than `max` the call is a no-op.
+     *
+     * If `labels` are provided (projected), then `min` is always set to 0.
+     *
+     * If `lowerBound` ends up being less than than the current `min` value,
+     * it is automatically assigned the new `min` value.
+     * @attr
+     */
+    set min(value: number);
+    get min(): number;
+    /**
+     * The maximum value of the slider scale. Defaults to 100.
+     *
+     * If `max` is less than `min` the call is a no-op.
+     *
+     * If `labels` are provided (projected), then `max` is always set to
+     * the number of labels.
+     *
+     * If `upperBound` ends up being greater than than the current `max` value,
+     * it is automatically assigned the new `max` value.
+     * @attr
+     */
+    set max(value: number);
+    get max(): number;
+    /**
+     * The lower bound of the slider value. If not set, the `min` value is applied.
+     * @attr lower-bound
+     */
+    set lowerBound(value: number);
+    get lowerBound(): number;
+    /**
+     * The upper bound of the slider value. If not set, the `max` value is applied.
+     * @attr upper-bound
+     */
+    set upperBound(value: number);
+    get upperBound(): number;
+    /**
+     * Disables the UI interactions of the slider.
+     * @attr
+     */
+    disabled: boolean;
+    /**
+     * Marks the slider track as discrete so it displays the steps.
+     * If the `step` is 0, the slider will remain continuos even if `discreteTrack` is `true`.
+     * @attr discrete-track
+     */
+    discreteTrack: boolean;
+    /**
+     * Hides the thumb tooltip.
+     * @attr hide-tooltip
+     */
+    hideTooltip: boolean;
+    /**
+     * Specifies the granularity that the value must adhere to.
+     *
+     * If set to 0 no stepping is implied and any value in the range is allowed.
+     * If `labels` are provided (projected) then the step is always assumed to be 1 since it is a discrete slider.
+     *
+     * @attr
+     */
+    set step(value: number);
+    get step(): number;
+    /**
+     * The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.
+     * @attr primary-ticks
+     */
+    primaryTicks: number;
+    /**
+     * The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.
+     * @attr secondary-ticks
+     */
+    secondaryTicks: number;
+    /**
+     * Changes the orientation of the ticks.
+     * @attr tick-orientation
+     */
+    tickOrientation: 'mirror' | 'start' | 'end';
+    /**
+     * Hides the primary tick labels.
+     * @attr hide-primary-labels
+     */
+    hidePrimaryLabels: boolean;
+    /**
+     * Hides the secondary tick labels.
+     * @attr hide-secondary-labels
+     */
+    hideSecondaryLabels: boolean;
+    /**
+     * The locale used to format the thumb and tick label values in the slider.
+     * @attr
+     */
+    locale: string;
+    /**
+     * String format used for the thumb and tick label values in the slider.
+     * @attr value-format
+     */
+    valueFormat?: string;
+    /**
+     * Number format options used for the thumb and tick label values in the slider.
+     */
+    valueFormatOptions?: Intl.NumberFormatOptions;
+    /**
+     * The degrees for the rotation of the tick labels. Defaults to 0.
+     * @attr tick-label-rotation
+     */
+    tickLabelRotation: 0 | 90 | -90;
+    protected constraintsChange(): void;
+    constructor();
+    private handleArrowKeys;
+    private handlePageKeys;
+    private handleKeyboardIncrement;
+    private handleKeyUp;
+    protected handleSlotChange(): void;
+    protected get activeValue(): number;
+    protected normalizeValue(): void;
+    protected getTrackStyle(): StyleInfo;
+    protected updateValue(_increment: number): boolean;
+    protected renderThumbs(): TemplateResult<1>;
+    protected emitInputEvent(): void;
+    protected emitChangeEvent(): void;
+    protected validateValue(value: number): number;
+    protected formatValue(value: number): string;
+    private normalizeByStep;
+    protected closestHandle(_event: PointerEvent): HTMLElement;
+    private totalTickCount;
+    private tickValue;
+    private isPrimary;
+    protected showThumbLabels(): void;
+    protected hideThumbLabels(): void;
+    private calculateTrackUpdate;
+    private updateSlider;
+    private pointerDown;
+    private pointerMove;
+    private lostPointerCapture;
+    protected handleThumbFocus(event: FocusEvent): void;
+    protected handleThumbBlur(): void;
+    protected _renderTicks(): Generator<TemplateResult<1>, void, unknown>;
+    protected renderTicks(): TemplateResult<1>;
+    protected renderThumb(value: number, ariaLabel?: string, thumbId?: string): TemplateResult<1>;
+    private renderSteps;
+    protected render(): TemplateResult<1>;
+}

package/components/slider/slider-label.d.ts

@@ -0,0 +1,12 @@
+import { LitElement } from 'lit';
+export default class IgcSliderLabelComponent extends LitElement {
+    static readonly tagName = "igc-slider-label";
+    static styles: import("lit").CSSResult;
+    static register(): void;
+    protected createRenderRoot(): this;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-slider-label': IgcSliderLabelComponent;
+    }
+}

package/components/slider/slider.d.ts

@@ -0,0 +1,74 @@
+import type { Constructor } from '../common/mixins/constructor.js';
+import { type FormValue } from '../common/mixins/forms/form-value.js';
+import { IgcSliderBaseComponent } from './slider-base.js';
+export interface IgcSliderComponentEventMap {
+    /**
+     * Emitted when a value is changed via thumb drag or keyboard interaction.
+     */
+    igcInput: CustomEvent<number>;
+    /**
+     * Emitted when a value change is committed on a thumb drag end or keyboard interaction.
+     */
+    igcChange: CustomEvent<number>;
+}
+declare const IgcSliderComponent_base: Constructor<import("../common/mixins/forms/types.js").FormAssociatedElementInterface> & Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcSliderComponentEventMap>> & Constructor<IgcSliderBaseComponent>;
+/**
+ * A slider component used to select numeric value within a range.
+ *
+ * @element igc-slider
+ *
+ * @fires igcInput - Emitted when a value is changed via thumb drag or keyboard interaction.
+ * @fires igcChange - Emitted when a value change is committed on a thumb drag end or keyboard interaction.
+ *
+ * @csspart base - The base wrapper of the slider.
+ * @csspart ticks - The ticks container.
+ * @csspart tick-group - The tick group container.
+ * @csspart tick - The tick element.
+ * @csspart tick-label - The tick label element.
+ * @csspart tick-label-inner - The inner element of the tick label.
+ * @csspart thumbs - The thumbs container.
+ * @csspart thumb - The thumb element.
+ * @csspart thumb-label - The thumb tooltip label container.
+ * @csspart thumb-label-inner - The thumb tooltip label inner element.
+ * @csspart track - The track container.
+ * @csspart steps - The track steps element.
+ * @csspart inactive - The inactive element of the track.
+ * @csspart fill - The filled part of the track.
+ */
+export default class IgcSliderComponent extends IgcSliderComponent_base {
+    static readonly tagName = "igc-slider";
+    static register(): void;
+    protected _formValue: FormValue<number>;
+    /**
+     * The current value of the component.
+     * @attr
+     */
+    set value(value: number);
+    get value(): number;
+    protected get activeValue(): number;
+    constructor();
+    protected normalizeValue(): void;
+    protected getTrackStyle(): {
+        width: string;
+    };
+    protected updateValue(increment: number): boolean;
+    protected emitInputEvent(): void;
+    protected emitChangeEvent(): void;
+    /**
+     * Increments the value of the slider by `stepIncrement * step`, where `stepIncrement` defaults to 1.
+     * @param stepIncrement Optional step increment. If no parameter is passed, it defaults to 1.
+     */
+    stepUp(stepIncrement?: number): void;
+    /**
+     * Decrements the value of the slider by `stepDecrement * step`, where `stepDecrement` defaults to 1.
+     * @param stepDecrement Optional step decrement. If no parameter is passed, it defaults to 1.
+     */
+    stepDown(stepDecrement?: number): void;
+    protected renderThumbs(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-slider': IgcSliderComponent;
+    }
+}
+export {};

package/components/slider/themes/dark/slider.bootstrap.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/slider/themes/dark/slider.fluent.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/slider/themes/dark/slider.indigo.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/slider/themes/dark/slider.material.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/slider/themes/light/slider.bootstrap.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/slider/themes/light/slider.fluent.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/slider/themes/light/slider.indigo.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/slider/themes/light/slider.material.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/slider/themes/light/slider.shared.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/slider/themes/shared/slider.bootstrap.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/slider/themes/shared/slider.common.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/slider/themes/shared/slider.fluent.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/slider/themes/shared/slider.indigo.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/slider/themes/shared/slider.material.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/slider/themes/slider.base.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/slider/themes/themes.d.ts

@@ -0,0 +1,2 @@
+import type { Themes } from '../../../theming/types.js';
+export declare const all: Themes;

package/components/snackbar/snackbar.d.ts

@@ -0,0 +1,44 @@
+import { type Ref } from 'lit/directives/ref.js';
+import { addAnimationController } from '../../animations/player.js';
+import { IgcBaseAlertLikeComponent } from '../common/mixins/alert.js';
+import type { AbstractConstructor } from '../common/mixins/constructor.js';
+export interface IgcSnackbarComponentEventMap {
+    igcAction: CustomEvent<void>;
+}
+declare const IgcSnackbarComponent_base: import("../common/mixins/constructor.js").Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcSnackbarComponentEventMap>> & AbstractConstructor<IgcBaseAlertLikeComponent>;
+/**
+ * A snackbar component is used to provide feedback about an operation
+ * by showing a brief message at the bottom of the screen.
+ *
+ * @element igc-snackbar
+ *
+ * @slot - Default slot to render the snackbar content.
+ * @slot action - Renders the action part of the snackbar. Usually an interactive element (button)
+ *
+ * @fires igcAction - Emitted when the snackbar action button is clicked.
+ *
+ * @csspart base - The base wrapper of the snackbar component.
+ * @csspart message - The snackbar message.
+ * @csspart action - The default snackbar action button.
+ * @csspart action-container - The area holding the actions.
+ */
+export default class IgcSnackbarComponent extends IgcSnackbarComponent_base {
+    static readonly tagName = "igc-snackbar";
+    static styles: import("lit").CSSResult[];
+    static register(): void;
+    protected contentRef: Ref<HTMLElement>;
+    protected _animationPlayer: ReturnType<typeof addAnimationController>;
+    /**
+     * The snackbar action button.
+     * @attr action-text
+     */
+    actionText: string;
+    private handleClick;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-snackbar': IgcSnackbarComponent;
+    }
+}
+export {};

package/components/snackbar/themes/dark/snackbar.bootstrap.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/snackbar/themes/dark/snackbar.fluent.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/snackbar/themes/dark/snackbar.indigo.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/snackbar/themes/dark/snackbar.material.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/snackbar/themes/light/snackbar.bootstrap.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/snackbar/themes/light/snackbar.fluent.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/snackbar/themes/light/snackbar.indigo.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/snackbar/themes/light/snackbar.material.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/snackbar/themes/light/snackbar.shared.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/snackbar/themes/shared/snackbar.bootstrap.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/snackbar/themes/shared/snackbar.common.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/snackbar/themes/shared/snackbar.fluent.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/snackbar/themes/shared/snackbar.indigo.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/snackbar/themes/snackbar.base.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/snackbar/themes/themes.d.ts

@@ -0,0 +1,2 @@
+import type { Themes } from '../../../theming/types.js';
+export declare const all: Themes;

package/components/stepper/animations.d.ts

@@ -0,0 +1,8 @@
+import { type AnimationReferenceMetadata } from '../../animations/types.js';
+export type Animation = 'grow' | 'fade' | 'slide' | 'none';
+export type AnimationOptions = {
+    keyframe: KeyframeAnimationOptions;
+    step?: object;
+};
+export declare const bodyAnimations: Map<string, Map<string, ((options: AnimationOptions) => AnimationReferenceMetadata) | ((options: AnimationOptions) => AnimationReferenceMetadata)>>;
+export declare const contentAnimations: Map<string, Map<string, ((options: AnimationOptions) => AnimationReferenceMetadata) | ((options: AnimationOptions) => AnimationReferenceMetadata)>>;

package/components/stepper/step.d.ts

@@ -0,0 +1,104 @@
+import { LitElement, nothing } from 'lit';
+import { type Animation } from './animations.js';
+/**
+ * The step component is used within the `igc-stepper` element and it holds the content of each step.
+ * It also supports custom indicators, title and subtitle.
+ *
+ * @element igc-step
+ *
+ * @slot - Renders the content of the step.
+ * @slot indicator - Renders the indicator of the step. By default, it displays the step index + 1.
+ * @slot title - Renders the title of the step.
+ * @slot subtitle - Renders the subtitle of the step.
+ *
+ * @csspart header-container - Wrapper of the step's `header` and its separators.
+ * @csspart disabled - Indicates a disabled state. Applies to `header-container`.
+ * @csspart complete-start - Indicates a complete state of the current step. Applies to `header-container`.
+ * @csspart complete-end - Indicates a complete state of the previous step. Applies to `header-container`.
+ * @csspart optional - Indicates an optional state. Applies to `header-container`.
+ * @csspart invalid - Indicates an invalid state. Applies to `header-container`.
+ * @csspart top - Indicates that the title should be above the indicator. Applies to `header-container`.
+ * @csspart bottom - Indicates that the title should be below the indicator. Applies to `header-container`.
+ * @csspart start - Indicates that the title should be before the indicator. Applies to `header-container`.
+ * @csspart end - Indicates that the title should be after the indicator. Applies to `header-container`.
+ * @csspart header - Wrapper of the step's `indicator` and `text`.
+ * @csspart indicator - The indicator of the step.
+ * @csspart text - Wrapper of the step's `title` and `subtitle`.
+ * @csspart empty - Indicates that no title and subtitle has been provided to the step. Applies to `text`.
+ * @csspart title - The title of the step.
+ * @csspart subtitle - The subtitle of the step.
+ * @csspart body - Wrapper of the step's `content`.
+ * @csspart content - The steps `content`.
+ */
+export default class IgcStepComponent extends LitElement {
+    static readonly tagName = "igc-step";
+    static styles: import("lit").CSSResult[];
+    static register(): void;
+    private bodyRef;
+    private contentRef;
+    private bodyAnimationPlayer;
+    private contentAnimationPlayer;
+    private _titleChildren;
+    private _subTitleChildren;
+    header: HTMLElement;
+    contentBody: HTMLElement;
+    /** Gets/sets whether the step is invalid. */
+    invalid: boolean;
+    /** Gets/sets whether the step is activе. */
+    active: boolean;
+    /**
+     * Gets/sets whether the step is optional.
+     *
+     * @remarks
+     * Optional steps validity does not affect the default behavior when the stepper is in linear mode i.e.
+     * if optional step is invalid the user could still move to the next step.
+     */
+    optional: boolean;
+    /** Gets/sets whether the step is interactable. */
+    disabled: boolean;
+    /** Gets/sets whether the step is completed.
+     *
+     * @remarks
+     * When set to `true` the following separator is styled `solid`.
+     */
+    complete: boolean;
+    /** @hidden @internal @private */
+    previousComplete: boolean;
+    /** @hidden @internal @private */
+    stepType: 'indicator' | 'title' | 'full';
+    /** @hidden @internal @private */
+    titlePosition?: 'bottom' | 'top' | 'end' | 'start';
+    /** @hidden @internal @private */
+    orientation: 'horizontal' | 'vertical';
+    /** @hidden @internal @private */
+    index: number;
+    /** @hidden @internal @private */
+    contentTop: boolean;
+    /** @hidden @internal @private */
+    linearDisabled: boolean;
+    /** @hidden @internal @private */
+    visited: boolean;
+    /** @hidden @internal @private */
+    animation: Animation;
+    /** @hidden @internal @private */
+    animationDuration: number;
+    toggleAnimation(type: 'in' | 'out', direction?: 'normal' | 'reverse'): Promise<string>;
+    protected activeChange(): void;
+    protected disabledInvalidOptionalChange(): void;
+    protected completeChange(): void;
+    private handleClick;
+    private handleKeydown;
+    /** @hidden @internal */
+    get isAccessible(): boolean;
+    private get headerContainerParts();
+    private get textParts();
+    protected renderIndicator(): import("lit-html").TemplateResult<1> | typeof nothing;
+    protected renderTitleAndSubtitle(): import("lit-html").TemplateResult<1>;
+    protected renderContent(): import("lit-html").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-step': IgcStepComponent;
+    }
+}

package/components/stepper/stepper.common.d.ts

@@ -0,0 +1,11 @@
+export interface IgcActiveStepChangingArgs {
+    oldIndex: number;
+    newIndex: number;
+}
+export interface IgcActiveStepChangedArgs {
+    index: number;
+}
+export interface IgcStepperComponentEventMap {
+    igcActiveStepChanging: CustomEvent<IgcActiveStepChangingArgs>;
+    igcActiveStepChanged: CustomEvent<IgcActiveStepChangedArgs>;
+}

package/components/stepper/stepper.d.ts

@@ -0,0 +1,125 @@
+import { LitElement } from 'lit';
+import type { Constructor } from '../common/mixins/constructor.js';
+import IgcStepComponent from './step.js';
+import type { IgcStepperComponentEventMap } from './stepper.common.js';
+declare const IgcStepperComponent_base: Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcStepperComponentEventMap>> & Constructor<LitElement>;
+/**
+ * IgxStepper provides a wizard-like workflow by dividing content into logical steps.
+ *
+ * @remarks
+ * The stepper component allows the user to navigate between multiple steps.
+ * It supports horizontal and vertical orientation as well as keyboard navigation and provides API methods to control the active step.
+ *
+ * @element igc-stepper
+ *
+ * @slot - Renders the step components inside default slot.
+ *
+ * @fires igcActiveStepChanging - Emitted when the active step is about to change.
+ * @fires igcActiveStepChanged - Emitted when the active step is changed.
+ */
+export default class IgcStepperComponent extends IgcStepperComponent_base {
+    static readonly tagName = "igc-stepper";
+    protected static styles: import("lit").CSSResult;
+    static register(): void;
+    private readonly keyDownHandlers;
+    private activeStep;
+    /** Returns all of the stepper's steps. */
+    steps: Array<IgcStepComponent>;
+    /** Gets/Sets the orientation of the stepper.
+     *
+     * @remarks
+     * Default value is `horizontal`.
+     */
+    orientation: 'horizontal' | 'vertical';
+    /** Get/Set the type of the steps.
+     *
+     * @remarks
+     * Default value is `full`.
+     */
+    stepType: 'indicator' | 'title' | 'full';
+    /**
+     * Get/Set whether the stepper is linear.
+     *
+     * @remarks
+     * If the stepper is in linear mode and if the active step is valid only then the user is able to move forward.
+     */
+    linear: boolean;
+    /**
+     * Get/Set whether the content is displayed above the steps.
+     *
+     * @remarks
+     * Default value is `false` and the content is below the steps.
+     */
+    contentTop: boolean;
+    /**
+     * The animation type when in vertical mode.
+     * @attr vertical-animation
+     */
+    verticalAnimation: 'grow' | 'fade' | 'none';
+    /**
+     * The animation type when in horizontal mode.
+     * @attr horizontal-animation
+     */
+    horizontalAnimation: 'slide' | 'fade' | 'none';
+    /**
+     * The animation duration in either vertical or horizontal mode.
+     * @attr animation-duration
+     */
+    animationDuration: number;
+    /**
+     * Get/Set the position of the steps title.
+     *
+     * @remarks
+     * The default value is undefined.
+     * When the stepper is horizontally orientated the title is positioned below the indicator.
+     * When the stepper is horizontally orientated the title is positioned on the right side of the indicator.
+     */
+    titlePosition?: 'bottom' | 'top' | 'end' | 'start';
+    protected orientationChange(): void;
+    protected stepTypeChange(): void;
+    protected titlePositionChange(): void;
+    protected contentTopChange(): void;
+    protected linearChange(): void;
+    protected animationTypeChange(): void;
+    protected animationDurationChange(): void;
+    constructor();
+    connectedCallback(): void;
+    private activateFirstStep;
+    private animateSteps;
+    private activateStep;
+    private changeActiveStep;
+    private moveToNextStep;
+    private handleKeydown;
+    private onHomeKey;
+    private onEndKey;
+    private onArrowDownKeyDown;
+    private onArrowUpKeyDown;
+    private onArrowRightKeyDown;
+    private onArrowLeftKeyDown;
+    private getNextStep;
+    private getPreviousStep;
+    private updateStepsLinearDisabled;
+    private updateAnimation;
+    private syncProperties;
+    private stepsChanged;
+    /** Activates the step at a given index. */
+    navigateTo(index: number): void;
+    /** Activates the next enabled step. */
+    next(): void;
+    /** Activates the previous enabled step. */
+    prev(): void;
+    /**
+     * Resets the stepper to its initial state i.e. activates the first step.
+     *
+     * @remarks
+     * The steps' content will not be automatically reset.
+     */
+    reset(): void;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-stepper': IgcStepperComponent;
+    }
+}
+export {};

package/components/stepper/themes/step/dark/step.bootstrap.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/stepper/themes/step/dark/step.fluent.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;