@fabric-msft/fabric-web 0.1.0-beta

package/dts/components/wizard/wizard.d.ts

@@ -0,0 +1,381 @@
+import { FASTElement } from "@microsoft/fast-element";
+import { WizardPanel } from "../wizard-panel/wizard-panel.js";
+import { WizardStep } from "../wizard-step/wizard-step.js";
+/**
+ * A Wizard Custom HTML Element.
+ * @public
+ * @class
+ * @extends FASTElement
+ *
+ * @remarks
+ * HTML Element: \<fabric-wizard\>
+ * Roles: Implements {@link https://www.w3.org/TR/wai-aria-1.1/#tablist | ARIA tablist } on internal step container.
+ * Composition: Wizard, WizardStep, WizardPanel
+ *
+ * @slot start - Content which can be provided before the list element
+ * @slot end - Content which can be provided after the list element
+ * @slot step - The slot for steps
+ * @slot panel - The slot for panels
+ * @slot button - The slot for panel's elements buttons
+ * @slot title - The slot for title
+ *
+ * @attr {boolean} ordered - Determines whether the step state indicator should be labeled with the order of the steps.
+ * @attr {boolean} disable-on-complete - Determines whether the step state indicator should be labeled with the order of the steps.
+ * @attr {number} current-index - The current index
+ * @attr {string} aria-labelledby - The ID of the element that labels the wizard.
+ * @attr {string} aria-describedby - The ID of the element that describes the wizard.
+ * @attr {string} aria-label - The ID of the element that describes the wizard.
+ * @attr {boolean} hidden - Determines whether the wizard is hidden.
+ *
+ * @csspart wizard - The wizard element
+ * @csspart steps - The element container for the steps
+ * @csspart panels-container - The container for wizard panel section
+ * @csspart panel - The container element for the panels
+ * @csspart title - The container element for the title
+ *
+ * @fires wizardcomplete - Fires a custom 'wizardcomplete' event when all steps state are set to complete
+ * @fires wizardchange - Fires a custom 'wizardchange' event when steps change
+ *
+ * @public
+ */
+export declare class Wizard extends FASTElement {
+    /**
+     * Determines whether the step state indicator should be labeled with the order of the steps.
+     * @public
+     * @remarks
+     * HTML Attribute: ordered
+     */
+    ordered?: boolean;
+    /**
+     * Determines whether the step state indicator should be labeled with the order of the steps.
+     * @public
+     * @remarks
+     * HTML Attribute: disable-on-complete
+     */
+    disableOnComplete?: boolean;
+    /**
+     * The current index
+     * @public
+     * @remarks
+     * HTML Attribute: current-index
+     */
+    currentIndex: number;
+    /**
+     * The ID of the element that labels the wizard.
+     * @public
+     * @remarks
+     * HTML Attribute: aria-labelledby
+     */
+    ariaLabelledby?: string;
+    /**
+     * The ID of the element that describes the wizard.
+     * @public
+     * @remarks
+     * HTML Attribute: aria-describedby
+     */
+    ariaDescribedby?: string;
+    /**
+     * The reference to the step container element
+     * @public
+     */
+    stepcontainer: HTMLElement;
+    /**
+     * The reference to the panel container element
+     * @public
+     */
+    panelcontainer: HTMLElement;
+    /**
+     * An array to hold the slotted WizardStep components.
+     * @type {WizardStep[]}
+     *
+     * @public
+     */
+    slottedsteps: WizardStep[];
+    /**
+     * Array of HTMLButtonElement representing the slotted buttons in the wizard component.
+     * @type {HTMLButtonElement[]}
+     *
+     * @public
+     */
+    slottedbuttons: HTMLButtonElement[];
+    /**
+     * An array to hold the slotted Wizard Panel components.
+     * @type {WizardPanel[]}
+     *
+     * @public
+     */
+    slottedpanels: WizardPanel[];
+    /**
+     * The id of the active step
+     * @private
+     */
+    private activeid?;
+    /**
+     * The currently active WizardStep component.
+     * @type {HTMLElement | undefined}
+     *
+     * @private
+     */
+    private activestep?;
+    /**
+     * The index of the previously active WizardStep component.
+     * @type {number | undefined}
+     *
+     * @private
+     */
+    private prevActiveStepIndex?;
+    /**
+     * An array to hold the IDs of the WizardStep components.
+     * @type {string[]}
+     *
+     * @private
+     */
+    private stepIds;
+    /**
+     * An array to hold the IDs of the WizardPanel components.
+     * @type {string[]}
+     *
+     * @private
+     */
+    private panelIds;
+    /**
+     * Called when the component is connected to the DOM.
+     * @public
+     */
+    connectedCallback(): void;
+    /**
+     * Called when the component is disconnected from the DOM.
+     * @public
+     */
+    disconnectedCallback(): void;
+    /**
+     * Handles changes to the `activeid` property.
+     * @public
+     */
+    activeidChanged(oldValue: string, newValue: string): void;
+    /**
+     * Handles changes to the `slottedpanels` property.
+     * @public
+     */
+    slottedpanelsChanged(): void;
+    /**
+     * Handles changes to the `slottedsteps` property.
+     * @public
+     */
+    slottedstepsChanged(): void;
+    /**
+     * Handles changes to the `currentIndex` property.
+     * @public
+     */
+    currentIndexChanged(oldValue: number, newValue: number): void;
+    /**
+     * Shows the wizard component
+     * @public
+     */
+    show(): void;
+    /**
+     * Hides the wizard component
+     * @public
+     */
+    hide(): void;
+    /**
+     * Enables a specific step in the wizard.
+     * If no index is provided, the current step will be enabled.
+     * @param index - The index of the step to enable.
+     *
+     * @public
+     */
+    enableStep(index?: number): void;
+    /**
+     * Disables a step in the wizard.
+     * @param index - The index of the step to disable. If not provided, the current step will be disabled.
+     *
+     * @public
+     */
+    disableStep(index?: number): void;
+    /**
+     * Sets the state of the step to error.
+     * @param index - The index of the step.
+     *
+     * @public
+     */
+    errorStep(index?: number): void;
+    /**
+     * Sets the state of the step to complete.
+     * @param index - The index of the step.
+     *
+     * @public
+     */
+    completeStep(index?: number): void;
+    /**
+     * Sets the state of the step to incomplete.
+     * @param index - The index of the step.
+     *
+     * @public
+     */
+    incompleteStep(index?: number): void;
+    /**
+     * Retrieves the status of each step in the wizard.
+     * @returns An array of step status objects, each containing the step ID, state, and index.
+     *
+     * @public
+     */
+    getStepStatus(): {
+        id: string;
+        state: string;
+        index: number;
+        active: boolean;
+    }[];
+    /**
+     * Resets the Wizard to its initial state.
+     * @public
+     */
+    reset(): void;
+    /**
+     * Moves to the next step in the wizard.
+     * @public
+     */
+    next: () => void;
+    /**
+     * Moves to the previous step in the wizard.
+     * @public
+     */
+    previous: () => void;
+    /**
+     * Sets the active step of the wizard.
+     *
+     * @param step - The step to set as active.
+     * @param event - Optional custom event that triggered the step change.
+     *
+     * @public
+     */
+    setActiveStep(step: WizardStep): void;
+    /**
+     * Moves the focus to the next step in the wizard.
+     *
+     * @param setActive - Whether to set the next step as the active step.
+     *
+     * @public
+     */
+    focusNextStep: (setActive?: boolean) => void;
+    /**
+     * Moves the focus to the previous step in the wizard.
+     * @param setActive - Whether to set the previous step as the active step.
+     *
+     * @public
+     */
+    focusPreviousStep: (setActive?: boolean) => void;
+    /**
+     * Moves to a specific step in the Wizard by its index.
+     * @param index - The index of the step to move to.
+     * @public
+     */
+    moveToStepByIndex: (index: number) => void;
+    /**
+     * Handles the keydown event on the step container.
+     *
+     * @param event - The keydown event.
+     *
+     * @public
+     */
+    handleStepContainerKeydown: (event: KeyboardEvent) => void;
+    /**
+     * Handles the keydown event on a step.
+     *
+     * @param event - The keydown event.
+     *
+     * @public
+     */
+    handleStepKeyDown: (event: KeyboardEvent) => void;
+    /**
+     * Sets the steps for the wizard.
+     * @protected
+     */
+    protected setSteps: () => void;
+    /**
+     * Sets the panels of the wizard component.
+     * @protected
+     */
+    protected setPanels: () => void;
+    /**
+     * Adds event listeners to each step in the wizard.
+     * @protected
+     */
+    protected addListeners(): void;
+    /**
+     * Removes event listeners to each step in the wizard.
+     * @protected
+     */
+    protected removeListeners(): void;
+    /**
+     * Sets the component's active step based on the current index.
+     * @private
+     */
+    private setComponent;
+    /**
+     * Gets the index of the active step.
+     * @returns The index of the active step, or -1 if no step is active.
+     *
+     * @private
+     */
+    private getActiveIndex;
+    /**
+     * Gets the IDs of all steps in the wizard.
+     *
+     * @private
+     */
+    private getStepIds;
+    /**
+     * Gets the IDs of all steps in the wizard.
+     * @private
+     */
+    private getPanelIds;
+    /**
+     * Checks if the given element is disabled.
+     * @private
+     */
+    private isDisabledElement;
+    /**
+     * Checks if the given element is hidden.
+     * @private
+     */
+    private isHiddenElement;
+    /**
+     * Checks if the given element is focusable.
+     * @private
+     */
+    private isFocusableElement;
+    /**
+     * Handles the state change of a step.
+     * @param e - The custom event that contains the index and state of the step.
+     *
+     * @private
+     */
+    private handleWizardStepStateChange;
+    /**
+     * Handles the state change of a panel.
+     * @param e - The custom event that contains the index and state of the panel.
+     *
+     * @private
+     */
+    private handlePanelStateChange;
+    /**
+     * Handles the selection of a step in the wizard.
+     *
+     * @param event - The event object representing the step selection.
+     *
+     * @private
+     */
+    private handleStepSelect;
+    /**
+     * Emits a custom event "wizardchange" whenever there is a change in the wizard.
+     * @private
+     */
+    private emitChange;
+    /**
+     * Checks if all steps are complete. If they are, it dispatches a "wizardcomplete" event.
+     * @private
+     */
+    private emitComplete;
+}
+//# sourceMappingURL=wizard.d.ts.map

package/dts/components/wizard/wizard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizard.d.ts","sourceRoot":"","sources":["../../../../src/components/wizard/wizard.ts"],"names":[],"mappings":"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"}

package/dts/components/wizard/wizard.definition.d.ts

@@ -0,0 +1,9 @@
+import { Wizard } from "./wizard";
+/**
+ *
+ * @public
+ * @remarks
+ * HTML Element: <fabric-wizard>
+ */
+export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof Wizard>;
+//# sourceMappingURL=wizard.definition.d.ts.map

package/dts/components/wizard/wizard.definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizard.definition.d.ts","sourceRoot":"","sources":["../../../../src/components/wizard/wizard.definition.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAIlC;;;;;GAKG;AAEH,eAAO,MAAM,UAAU,wEAOrB,CAAC"}

package/dts/components/wizard/wizard.styles.d.ts

@@ -0,0 +1,5 @@
+/** Wizard styles
+ * @public
+ */
+export declare const styles: import("@microsoft/fast-element").ElementStyles;
+//# sourceMappingURL=wizard.styles.d.ts.map

package/dts/components/wizard/wizard.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizard.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/wizard/wizard.styles.ts"],"names":[],"mappings":"AAYA;;GAEG;AACH,eAAO,MAAM,MAAM,iDAgGlB,CAAC"}

package/dts/components/wizard/wizard.template.d.ts

@@ -0,0 +1,9 @@
+import { ElementViewTemplate } from "@microsoft/fast-element";
+import { Wizard } from "./wizard";
+/**
+ * The template for the {@link @fabric-msft/fabric-web#(Stepper:class)} component.
+ * @public
+ */
+export declare function wizardTemplate<T extends Wizard>(): ElementViewTemplate<T>;
+export declare const template: ElementViewTemplate<Wizard>;
+//# sourceMappingURL=wizard.template.d.ts.map

package/dts/components/wizard/wizard.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizard.template.d.ts","sourceRoot":"","sources":["../../../../src/components/wizard/wizard.template.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EAIpB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC;;;GAGG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,KAAK,mBAAmB,CAAC,CAAC,CAAC,CAwCzE;AAED,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,MAAM,CAAoB,CAAC"}

package/dts/components/wizard-panel/define.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=define.d.ts.map

package/dts/components/wizard-panel/define.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../../../../src/components/wizard-panel/define.ts"],"names":[],"mappings":""}

package/dts/components/wizard-panel/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./wizard-panel";
+export { definition as WizardPanelDefinition } from "./wizard-panel.definition";
+export { styles as wizardPanelStyles } from "./wizard-panel.styles";
+export { template as wizardPanelTemplate } from "./wizard-panel.template";
+//# sourceMappingURL=index.d.ts.map

package/dts/components/wizard-panel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/wizard-panel/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,UAAU,IAAI,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,QAAQ,IAAI,mBAAmB,EAAE,MAAM,yBAAyB,CAAC"}

package/dts/components/wizard-panel/wizard-panel.d.ts

@@ -0,0 +1,85 @@
+import { FASTElement } from "@microsoft/fast-element";
+import { WizardStepState } from "../wizard-step";
+/**
+ * A WizardPanel Custom HTML Element.
+ * @public
+ * @class
+ * @extends FASTElement
+ *
+ * @remarks
+ * HTML Element: \<wizard-panel\>
+ * Role: {@link https://www.w3.org/TR/wai-aria-1.1/#tabpanel | ARIA tabpanel }.
+ *
+ * @slot start - The content to display at the start of the step.
+ * @slot end - The content to display at the end of the step.
+ * @slot title - The content to display as the title of the step.
+ * @slot - The default content of the step.
+ * @slot footer - The content to display as the footer of the step.
+ *
+ * @attr {boolean} active - Indicates whether the step is active.
+ * @attr {StepState} state - The state of the step.
+ * @attr {boolean} hidden - Indicates whether the step is hidden.
+ * @attr {string} id - The ID of the step.
+ * @attr {string} slot - The slot of the step.
+ * @attr {string} ariaLabel - The aria-label of the step.
+ * @attr {string} ariaDescribedby - The aria-describedby of the step.
+ * @attr {string} ariaLabelledby - The aria-labelledby of the step.
+ *
+ * @csspart title - The title.
+ * @csspart content - The content.
+ * @csspart footer - The footer.
+ *
+ * @fires panelchange - Dispatched when the panel state changes.
+ */
+export declare class WizardPanel extends FASTElement {
+    /**
+     * The index of the wizard panel.
+     */
+    index?: number;
+    /**
+     * Indicates whether the panel is hidden.
+     * @public
+     */
+    hidden: boolean;
+    /**
+     * The state of the step.
+     * @public
+     */
+    state: WizardStepState;
+    /**
+     * Indicates whether the step is active.
+     * @public
+     */
+    active?: boolean;
+    /**
+     * Handles the change in the state of the step.
+     * @public
+     */
+    stateChanged(oldValue: WizardStepState, newValue: WizardStepState): void;
+    /**
+     * Called when the `active` property changes.
+     * @public
+     */
+    activeChanged(oldValue: boolean, newValue: boolean): void;
+    /**
+     * Called when the `hidden` property changes.
+     * @public
+     */
+    hiddenChanged(oldValue: boolean, newValue: boolean): void;
+    /**
+     * Shows the wizard panel.
+     * @public
+     */
+    show(): void;
+    /**
+     * Hides the wizard panel.
+     * @public
+     */
+    hide(): void;
+    /**
+     * Emits a panelChange event with the current panel's details.
+     * @public
+     */
+    emitChange(): void;
+}
+//# sourceMappingURL=wizard-panel.d.ts.map

package/dts/components/wizard-panel/wizard-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizard-panel.d.ts","sourceRoot":"","sources":["../../../../src/components/wizard-panel/wizard-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAoB,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,qBAAa,WAAY,SAAQ,WAAW;IAC1C;;OAEG;IAEI,KAAK,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IAEI,MAAM,EAAE,OAAO,CAAQ;IAE9B;;;OAGG;IAEI,KAAK,EAAE,eAAe,CAA8B;IAE3D;;;OAGG;IAEI,MAAM,CAAC,EAAE,OAAO,CAAS;IAEhC;;;OAGG;IACI,YAAY,CACjB,QAAQ,EAAE,eAAe,EACzB,QAAQ,EAAE,eAAe,GACxB,IAAI;IAMP;;;OAGG;IACI,aAAa,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI;IAWhE;;;OAGG;IACI,aAAa,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI;IAMhE;;;OAGG;IACI,IAAI,IAAI,IAAI;IAInB;;;OAGG;IACI,IAAI,IAAI,IAAI;IAInB;;;OAGG;IACI,UAAU,IAAI,IAAI;CAQ1B"}

package/dts/components/wizard-panel/wizard-panel.definition.d.ts

@@ -0,0 +1,9 @@
+import { WizardPanel } from "./wizard-panel";
+/**
+ *
+ * @public
+ * @remarks
+ * HTML Element: <fabric-wizard-panel>
+ */
+export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof WizardPanel>;
+//# sourceMappingURL=wizard-panel.definition.d.ts.map

package/dts/components/wizard-panel/wizard-panel.definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizard-panel.definition.d.ts","sourceRoot":"","sources":["../../../../src/components/wizard-panel/wizard-panel.definition.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAI7C;;;;;GAKG;AAEH,eAAO,MAAM,UAAU,6EAOrB,CAAC"}

package/dts/components/wizard-panel/wizard-panel.styles.d.ts

@@ -0,0 +1,5 @@
+/** Wizard Panel styles
+ * @public
+ */
+export declare const styles: import("@microsoft/fast-element").ElementStyles;
+//# sourceMappingURL=wizard-panel.styles.d.ts.map

package/dts/components/wizard-panel/wizard-panel.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizard-panel.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/wizard-panel/wizard-panel.styles.ts"],"names":[],"mappings":"AAYA;;GAEG;AACH,eAAO,MAAM,MAAM,iDAuBlB,CAAC"}

package/dts/components/wizard-panel/wizard-panel.template.d.ts

@@ -0,0 +1,9 @@
+import { ElementViewTemplate } from "@microsoft/fast-element";
+import { WizardPanel } from "./wizard-panel";
+/**
+ * The template for the {@link @fabric-msft/fabric-web#(WizardPanel:class)} component.
+ * @public
+ */
+export declare function wizardPanelTemplate<T extends WizardPanel>(): ElementViewTemplate<T>;
+export declare const template: ElementViewTemplate<WizardPanel>;
+//# sourceMappingURL=wizard-panel.template.d.ts.map

package/dts/components/wizard-panel/wizard-panel.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizard-panel.template.d.ts","sourceRoot":"","sources":["../../../../src/components/wizard-panel/wizard-panel.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAQ,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,CAAC,SAAS,WAAW,KAClB,mBAAmB,CAAC,CAAC,CAAC,CAgB1B;AAED,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,WAAW,CAAyB,CAAC"}

package/dts/components/wizard-step/define.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=define.d.ts.map

package/dts/components/wizard-step/define.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../../../../src/components/wizard-step/define.ts"],"names":[],"mappings":""}

package/dts/components/wizard-step/index.d.ts

@@ -0,0 +1,6 @@
+export { StepState as WizardStepState } from "../step/step.options";
+export * from "./wizard-step";
+export { definition as WizardStepDefinition } from "./wizard-step.definition";
+export { styles } from "./wizard-step.styles";
+export { template } from "./wizard-step.template";
+//# sourceMappingURL=index.d.ts.map

package/dts/components/wizard-step/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/wizard-step/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACpE,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,UAAU,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAC9E,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC"}

package/dts/components/wizard-step/wizard-step.d.ts

@@ -0,0 +1,48 @@
+import { Step } from "../step/step";
+/**
+ * An interactive WizardStep Custom HTML Element composed with the wizard and wizard panel.
+ *
+ * @public
+ * @class
+ * @extends FASTElement
+ *
+ * @remarks
+ * HTML Element: \<wizard-step\>
+ * Role: {@link https://www.w3.org/TR/wai-aria-1.1/#tab | ARIA tab }
+ * Composition: Wizard, WizardStep, WizardPanel
+ *
+ * @slot start - The content to display at the start of the step.
+ * @slot end - The content to display at the end of the step.
+ * @slot incomplete - The content to display when the step is incomplete.
+ * @slot complete - The content to display when the step is complete.
+ * @slot error - The content to display when the step has an error.
+ * @slot title - The content to display as the title of the step.
+ * @slot details - The content to display as the details of the step.
+ *
+ * @attr {string} ariaDescribedby - The ID of the element that describes the step.
+ * @attr {string} ariaLabelledby - The ID of the element that labels the step.
+ * @attr {boolean} ariaCompleted - Indicates whether the step is completed for accessibility purposes.
+ * @attr {boolean} active - Indicates whether the step is active.
+ * @attr {StepState} state - The state of the step.
+ * @attr {boolean} hideConnector - Indicates whether the connector should be hidden.
+ * @attr {boolean} ordered - Indicates whether the step is ordered.
+ * @attr {boolean} disabled - Indicates whether the step is disabled.
+ *
+ * @csspart state-indicator - The state indicator.
+ * @csspart icon - The icon.
+ * @csspart summary - The summary.
+ * @csspart title - The title.
+ * @csspart details - The details.
+ * @csspart connector - The connector.
+ *
+ * @fires stepchange - Dispatched when the step state changes.
+ */
+export declare class WizardStep extends Step {
+    /**
+     * Handles the keydown event for the wizard step.
+     * @param {KeyboardEvent} event - The keyboard event object.
+     * @returns {void}
+     */
+    keydownHandler(event: KeyboardEvent): void;
+}
+//# sourceMappingURL=wizard-step.d.ts.map

package/dts/components/wizard-step/wizard-step.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizard-step.d.ts","sourceRoot":"","sources":["../../../../src/components/wizard-step/wizard-step.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AAEH,qBAAa,UAAW,SAAQ,IAAI;IAClC;;;;OAIG;IACI,cAAc,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;CAWlD"}

package/dts/components/wizard-step/wizard-step.definition.d.ts

@@ -0,0 +1,9 @@
+import { WizardStep } from "./wizard-step";
+/**
+ *
+ * @public
+ * @remarks
+ * HTML Element: <fabric-wizard-step>
+ */
+export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof WizardStep>;
+//# sourceMappingURL=wizard-step.definition.d.ts.map

package/dts/components/wizard-step/wizard-step.definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizard-step.definition.d.ts","sourceRoot":"","sources":["../../../../src/components/wizard-step/wizard-step.definition.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAI3C;;;;;GAKG;AAEH,eAAO,MAAM,UAAU,4EAOrB,CAAC"}