@m3e/web 2.0.0

package/dist/src/stepper/StepElement.d.ts

@@ -0,0 +1,161 @@
+import { CSSResultGroup, LitElement, PropertyValues } from "lit";
+import type { M3eStepperElement } from "./StepperElement";
+import { M3eStepPanelElement } from "./StepPanelElement";
+declare const M3eStepElement_base: import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").SelectedMixin> & import("../core/shared/mixins/Constructor").Constructor & import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").HtmlForMixin> & import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").DisabledMixin> & import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").AttachInternalsMixin> & typeof LitElement;
+/**
+ * A step in a wizard-like workflow.
+ *
+ * @description
+ * The `m3e-step` component represents a single step in a structured, wizard-like workflow.
+ * It supports semantic labeling, stateful styling, and optional interaction for completed,
+ * selected, invalid, or disabled states. It aligns with Material Design guidance for progressive
+ * disclosure, accessible navigation, and visual continuity across horizontal and vertical layouts.
+ *
+ * @example
+ * The following example demonstrates a linear multi-step form flow using the `m3e-stepper`
+ * component. Each `m3e-step` defines a navigable step label, linked to its corresponding
+ * `m3e-step-panel` via the `for` attribute. Navigation is orchestrated using the
+ * `m3e-stepper-next`, `m3e-stepper-previous`, and `m3e-stepper-reset` components.
+ *
+ * <m3e-stepper>
+ *  <m3e-step for="step1">Fill out your name</m3e-step>
+ *  <m3e-step for="step2">Fill out your address</m3e-step>
+ *  <m3e-step for="step3">Done</m3e-step>
+ *  <m3e-step-panel id="step1">
+ *    <form>
+ *      <m3e-form-field>
+ *        <label slot="label" for="name">Name</label>
+ *        <input name="name" id="name" required />
+ *      </m3e-form-field>
+ *    </form>
+ *    <div slot="actions">
+ *      <m3e-button><m3e-stepper-next>Next</m3e-stepper-next></m3e-button>
+ *    </div>
+ *  </m3e-step-panel>
+ *  <m3e-step-panel id="step2">
+ *    <form>
+ *      <m3e-form-field>
+ *        <label slot="label" for="address">Address</label>
+ *        <input name="address" id="address" required />
+ *      </m3e-form-field>
+ *    </form>
+ *    <div slot="actions">
+ *      <m3e-button><m3e-stepper-previous>Back</m3e-stepper-previous></m3e-button>
+ *      <m3e-button><m3e-stepper-next>Next</m3e-stepper-next></m3e-button>
+ *    </div>
+ *  </m3e-step-panel>
+ *  <m3e-step-panel id="step3">Done
+ *    <div slot="actions">
+ *      <m3e-button><m3e-stepper-previous>Back</m3e-stepper-previous></m3e-button>
+ *      <m3e-button><m3e-stepper-reset>Reset</m3e-stepper-reset></m3e-button>
+ *    </div>
+ *  </m3e-step-panel>
+ * </m3e-stepper>
+ *
+ * @tag m3e-step
+ *
+ * @slot - Renders the label of the step.
+ * @slot icon - Renders the icon of the step.
+ * @slot done-icon - Renders the icon of a completed step.
+ * @slot edit-icon - Renders the icon of a completed editable step.
+ * @slot error-icon - Renders icon of an invalid step.
+ * @slot hint - Renders the hint text of the step.
+ * @slot error - Renders the error message for an invalid step.
+ *
+ * @attr completed - Whether the step has been completed.
+ * @attr disabled - Whether the element is disabled.
+ * @attr editable - Whether the step is editable and users can return to it after completion.
+ * @attr for - The identifier of the interactive control to which this element is attached.
+ * @attr optional - Whether the step is optional.
+ * @attr selected - Whether the element is selected.
+ *
+ * @fires input - Emitted when the selected state changes.
+ * @fires change - Emitted when the selected state changes.
+ * @fires click - Emitted when the element is clicked.
+ *
+ * @cssprop --m3e-step-shape - Border radius of the step container, defining its visual shape.
+ * @cssprop --m3e-step-padding - Internal padding of the step container, used for layout spacing.
+ * @cssprop --m3e-step-icon-shape - Border radius of the icon container, controlling its geometric form.
+ * @cssprop --m3e-step-icon-size - Width and height of the icon container and icon glyph.
+ * @cssprop --m3e-step-selected-icon-container-color - Background color of the icon when the step is selected.
+ * @cssprop --m3e-step-selected-icon-color - Foreground color of the icon when the step is selected.
+ * @cssprop --m3e-step-completed-icon-container-color - Background color of the icon when the step is completed.
+ * @cssprop --m3e-step-completed-icon-color - Foreground color of the icon when the step is completed.
+ * @cssprop --m3e-step-unselected-icon-container-color - Background color of the icon when the step is inactive.
+ * @cssprop --m3e-step-unselected-icon-color - Foreground color of the icon when the step is inactive.
+ * @cssprop --m3e-step-icon-error-color - Foreground color of the icon when the step is invalid.
+ * @cssprop --m3e-step-disabled-icon-container-color - Base color used to mix the disabled icon background.
+ * @cssprop --m3e-step-disabled-icon-color - Base color used to mix the disabled icon foreground.
+ * @cssprop --m3e-step-label-color - Text color of the step label in its default state.
+ * @cssprop --m3e-step-label-error-color - Text color of the step label when the step is invalid.
+ * @cssprop --m3e-step-disabled-label-color - Base color used to mix the disabled label foreground.
+ * @cssprop --m3e-step-font-size - Font size of the step label.
+ * @cssprop --m3e-step-font-weight - Font weight of the step label.
+ * @cssprop --m3e-step-line-height - Line height of the step label.
+ * @cssprop --m3e-step-tracking - Letter spacing of the step label.
+ * @cssprop --m3e-step-icon-label-space - Gap between icon and label.
+ * @cssprop --m3e-step-hint-font-size - Font size of hint and error messages.
+ * @cssprop --m3e-step-hint-font-weight - Font weight of hint and error messages.
+ * @cssprop --m3e-step-hint-line-height - Line height of hint and error messages.
+ * @cssprop --m3e-step-hint-tracking - Letter spacing of hint and error messages.
+ * @cssprop --m3e-step-hint-color - Text color of hint messages in valid state.
+ * @cssprop --m3e-step-disabled-hint-color - Base color used to mix the disabled hint foreground.
+ */
+export declare class M3eStepElement extends M3eStepElement_base {
+    #private;
+    /** The styles of the element. */
+    static styles: CSSResultGroup;
+    /** @private */ private static __nextId;
+    /** @private */ private readonly _focusRing?;
+    /** @private */ private readonly _stateLayer?;
+    /** @private */ private readonly _ripple?;
+    /**
+     * Whether the step is optional.
+     * @default false
+     */
+    optional: boolean;
+    /**
+     * Whether the step is editable and users can return to it after completion.
+     * @default false
+     */
+    editable: boolean;
+    /**
+     * Whether the step has been completed.
+     * @default false
+     */
+    completed: boolean;
+    /**
+     * Whether the step has an error.
+     * @default false
+     */
+    invalid: boolean;
+    /** @internal */
+    index: number;
+    /** A reference to the panel controlled by the step. */
+    get panel(): M3eStepPanelElement | null;
+    /** The stepper to which this step belongs. */
+    get stepper(): M3eStepperElement | null;
+    /** Resets the step to its initial state, clearing any form data. */
+    reset(): void;
+    /** @inheritdoc */
+    attach(control: HTMLElement): void;
+    /** @inheritdoc */
+    detach(): void;
+    /** @inheritdoc */
+    connectedCallback(): void;
+    /** @inheritdoc */
+    disconnectedCallback(): void;
+    /** @inheritdoc */
+    protected update(changedProperties: PropertyValues<this>): void;
+    /** @inheritdoc */
+    protected firstUpdated(_changedProperties: PropertyValues<this>): void;
+    /** @inheritdoc */
+    protected render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-step": M3eStepElement;
+    }
+}
+export {};
+//# sourceMappingURL=StepElement.d.ts.map

package/dist/src/stepper/StepElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepElement.d.ts","sourceRoot":"","sources":["../../../src/stepper/StepElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAW,cAAc,EAAE,MAAM,KAAK,CAAC;AAmBrF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;;AAEzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkGG;AACH,qBACa,cAAe,SAAQ,mBAEnC;;IACC,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAsGpC;IAEF,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAK;IAC5C,eAAe,CAAuB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAsB;IACxF,eAAe,CAAwB,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAuB;IAC3F,eAAe,CAAmB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAmB;IAG9E;;;OAGG;IACyC,QAAQ,UAAS;IAE7D;;;OAGG;IACyC,QAAQ,UAAS;IAE7D;;;OAGG;IACyC,SAAS,UAAS;IAE9D;;;OAGG;IACyC,OAAO,UAAS;IAE5D,gBAAgB;IACP,KAAK,SAAM;IAEpB,uDAAuD;IACvD,IAAI,KAAK,IAAI,mBAAmB,GAAG,IAAI,CAEtC;IAED,8CAA8C;IAC9C,IAAI,OAAO,IAAI,iBAAiB,GAAG,IAAI,CAEtC;IAED,oEAAoE;IACpE,KAAK,IAAI,IAAI;IAMb,kBAAkB;IACT,MAAM,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI;IAS3C,kBAAkB;IACT,MAAM,IAAI,IAAI;IAWvB,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAOlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IAKrC,kBAAkB;cACC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQxE,kBAAkB;cACC,YAAY,CAAC,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAK/E,kBAAkB;cACC,MAAM,IAAI,OAAO;CAsErC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}

package/dist/src/stepper/StepHeaderPosition.d.ts

@@ -0,0 +1,3 @@
+/** Specifies the possible positions for the steps of a horizontal stepper. */
+export type StepHeaderPosition = "above" | "below";
+//# sourceMappingURL=StepHeaderPosition.d.ts.map

package/dist/src/stepper/StepHeaderPosition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepHeaderPosition.d.ts","sourceRoot":"","sources":["../../../src/stepper/StepHeaderPosition.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,OAAO,CAAC"}

package/dist/src/stepper/StepLabelPosition.d.ts

@@ -0,0 +1,3 @@
+/** Specifies the possible positions of a horizontal step's label. */
+export type StepLabelPosition = "below" | "end";
+//# sourceMappingURL=StepLabelPosition.d.ts.map

package/dist/src/stepper/StepLabelPosition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepLabelPosition.d.ts","sourceRoot":"","sources":["../../../src/stepper/StepLabelPosition.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,KAAK,CAAC"}

package/dist/src/stepper/StepPanelElement.d.ts

@@ -0,0 +1,76 @@
+import { CSSResultGroup, LitElement } from "lit";
+declare const M3eStepPanelElement_base: import("../core/shared/mixins/Constructor").Constructor & typeof LitElement;
+/**
+ * A panel presented for a step in a wizard-like workflow.
+ *
+ * @description
+ * The `m3e-step-panel` is a container for presenting contextual content and actions
+ * associated with a single step in a structured workflow.
+ *
+ * @example
+ * The following example demonstrates a linear multi-step form flow using the `m3e-stepper`
+ * component. Each `m3e-step` defines a navigable step label, linked to its corresponding
+ * `m3e-step-panel` via the `for` attribute. Navigation is orchestrated using the
+ * `m3e-stepper-next`, `m3e-stepper-previous`, and `m3e-stepper-reset` components.
+ *
+ * <m3e-stepper>
+ *  <m3e-step for="step1">Fill out your name</m3e-step>
+ *  <m3e-step for="step2">Fill out your address</m3e-step>
+ *  <m3e-step for="step3">Done</m3e-step>
+ *  <m3e-step-panel id="step1">
+ *    <form>
+ *      <m3e-form-field>
+ *        <label slot="label" for="name">Name</label>
+ *        <input name="name" id="name" required />
+ *      </m3e-form-field>
+ *    </form>
+ *    <div slot="actions">
+ *      <m3e-button><m3e-stepper-next>Next</m3e-stepper-next></m3e-button>
+ *    </div>
+ *  </m3e-step-panel>
+ *  <m3e-step-panel id="step2">
+ *    <form>
+ *      <m3e-form-field>
+ *        <label slot="label" for="address">Address</label>
+ *        <input name="address" id="address" required />
+ *      </m3e-form-field>
+ *    </form>
+ *    <div slot="actions">
+ *      <m3e-button><m3e-stepper-previous>Back</m3e-stepper-previous></m3e-button>
+ *      <m3e-button><m3e-stepper-next>Next</m3e-stepper-next></m3e-button>
+ *    </div>
+ *  </m3e-step-panel>
+ *  <m3e-step-panel id="step3">Done
+ *    <div slot="actions">
+ *      <m3e-button><m3e-stepper-previous>Back</m3e-stepper-previous></m3e-button>
+ *      <m3e-button><m3e-stepper-reset>Reset</m3e-stepper-reset></m3e-button>
+ *    </div>
+ *  </m3e-step-panel>
+ * </m3e-stepper>
+ *
+ * @tag m3e-step-panel
+ *
+ * @slot - Renders the content of the panel.
+ * @slot actions- Renders the actions bar of the panel.
+ *
+ * @cssprop --m3e-step-panel-padding - Padding inside the step panel container, defining internal spacing around content.
+ * @cssprop --m3e-step-panel-spacing - Vertical gap between stacked elements within the step panel.
+ * @cssprop --m3e-step-panel-actions-height - Minimum height of the slotted actions container.
+ */
+export declare class M3eStepPanelElement extends M3eStepPanelElement_base {
+    /** The styles of the element. */
+    static styles: CSSResultGroup;
+    /** @internal */
+    active: boolean;
+    /** @inheritdoc */
+    connectedCallback(): void;
+    /** @inheritdoc */
+    protected render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-step-panel": M3eStepPanelElement;
+    }
+}
+export {};
+//# sourceMappingURL=StepPanelElement.d.ts.map

package/dist/src/stepper/StepPanelElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepPanelElement.d.ts","sourceRoot":"","sources":["../../../src/stepper/StepPanelElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;;AAK5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwDG;AACH,qBACa,mBAAoB,SAAQ,wBAA4B;IACnE,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAmBpC;IAEF,gBAAgB;IACP,MAAM,UAAS;IAExB,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAMlC,kBAAkB;cACC,MAAM,IAAI,OAAO;CAQrC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}

package/dist/src/stepper/StepperButtonElementBase.d.ts

@@ -0,0 +1,9 @@
+import { ActionElementBase } from "@m3e/web/core";
+/** A base implementation for a button used to move to a step in a stepper. This class must be inherited. */
+export declare abstract class StepperButtonElementBase extends ActionElementBase {
+    #private;
+    constructor(action: "next" | "previous" | "reset");
+    /** @inheritdoc */
+    _onClick(): void;
+}
+//# sourceMappingURL=StepperButtonElementBase.d.ts.map

package/dist/src/stepper/StepperButtonElementBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperButtonElementBase.d.ts","sourceRoot":"","sources":["../../../src/stepper/StepperButtonElementBase.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD,4GAA4G;AAC5G,8BAAsB,wBAAyB,SAAQ,iBAAiB;;gBAG1D,MAAM,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO;IAKjD,kBAAkB;IACT,QAAQ,IAAI,IAAI;CAc1B"}

package/dist/src/stepper/StepperElement.d.ts

@@ -0,0 +1,139 @@
+import { CSSResultGroup, LitElement, PropertyValues } from "lit";
+import { SelectionManager, selectionManager } from "@m3e/web/core/a11y";
+import { M3eStepElement } from "./StepElement";
+import { StepLabelPosition } from "./StepLabelPosition";
+import { StepHeaderPosition } from "./StepHeaderPosition";
+import { StepperOrientation } from "./StepperOrientation";
+declare const M3eStepperElement_base: import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").AttachInternalsMixin> & typeof LitElement;
+/**
+ * Provides a wizard-like workflow by dividing content into logical steps.
+ *
+ * @description
+ * The `m3e-stepper` component orchestrates a structured, wizard-like workflow by dividing
+ * content into discrete, navigable steps. It supports horizontal and vertical orientations,
+ * linear progression, and configurable label and header positioning.
+ *
+ * @example
+ * The following example demonstrates a linear multi-step form flow using the `m3e-stepper`
+ * component. Each `m3e-step` defines a navigable step label, linked to its corresponding
+ * `m3e-step-panel` via the `for` attribute. Navigation is orchestrated using the
+ * `m3e-stepper-next`, `m3e-stepper-previous`, and `m3e-stepper-reset` components.
+ *
+ * <m3e-stepper>
+ *  <m3e-step for="step1">Fill out your name</m3e-step>
+ *  <m3e-step for="step2">Fill out your address</m3e-step>
+ *  <m3e-step for="step3">Done</m3e-step>
+ *  <m3e-step-panel id="step1">
+ *    <form>
+ *      <m3e-form-field>
+ *        <label slot="label" for="name">Name</label>
+ *        <input name="name" id="name" required />
+ *      </m3e-form-field>
+ *    </form>
+ *    <div slot="actions">
+ *      <m3e-button><m3e-stepper-next>Next</m3e-stepper-next></m3e-button>
+ *    </div>
+ *  </m3e-step-panel>
+ *  <m3e-step-panel id="step2">
+ *    <form>
+ *      <m3e-form-field>
+ *        <label slot="label" for="address">Address</label>
+ *        <input name="address" id="address" required />
+ *      </m3e-form-field>
+ *    </form>
+ *    <div slot="actions">
+ *      <m3e-button><m3e-stepper-previous>Back</m3e-stepper-previous></m3e-button>
+ *      <m3e-button><m3e-stepper-next>Next</m3e-stepper-next></m3e-button>
+ *    </div>
+ *  </m3e-step-panel>
+ *  <m3e-step-panel id="step3">Done
+ *    <div slot="actions">
+ *      <m3e-button><m3e-stepper-previous>Back</m3e-stepper-previous></m3e-button>
+ *      <m3e-button><m3e-stepper-reset>Reset</m3e-stepper-reset></m3e-button>
+ *    </div>
+ *  </m3e-step-panel>
+ * </m3e-stepper>
+ *
+ * @tag m3e-stepper
+ *
+ * @attr header-position - The position of the step header, when oriented horizontally.
+ * @attr label-position - The position of the step labels, when oriented horizontally.
+ * @attr linear - Whether the validity of previous steps should be checked or not.
+ * @attr orientation - The orientation of the stepper.
+ *
+ * @slot step - Renders a step.
+ * @slot panel - Renders a panel.
+ *
+ * @fires change - Emitted when the selected step changes.
+ *
+ * @cssprop --m3e-step-divider-thickness - Thickness of the divider line between steps.
+ * @cssprop --m3e-step-divider-color - Color of the divider line between steps.
+ * @cssprop --m3e-step-divider-inset - Inset offset for divider alignment within step layout.
+ */
+export declare class M3eStepperElement extends M3eStepperElement_base {
+    #private;
+    /** The styles of the element. */
+    static styles: CSSResultGroup;
+    /** @private */ private _orientation?;
+    /** @private */ private _selectedIndex;
+    /** @internal */ readonly [selectionManager]: SelectionManager<M3eStepElement>;
+    /**
+     * The position of the step header, when oriented horizontally.
+     * @default "above"
+     */
+    headerPosition: StepHeaderPosition;
+    /**
+     * The position of the step labels, when oriented horizontally.
+     * @default "end"
+     */
+    labelPosition: StepLabelPosition;
+    /**
+     * Whether the validity of previous steps should be checked or not.
+     * @default false
+     */
+    linear: boolean;
+    /**
+     * The orientation of the stepper.
+     * @default "horizontal"
+     */
+    orientation: StepperOrientation;
+    /** The steps. */
+    get steps(): readonly M3eStepElement[];
+    /** The selected step. */
+    get selectedStep(): M3eStepElement | null;
+    /** The zero-based index of the selected step. */
+    get selectedIndex(): number;
+    /**
+     * Moves the stepper to the previous step.
+     * @returns {boolean} Whether the stepper moved to the previous step.
+     */
+    movePrevious(): boolean;
+    /**
+     * Moves the stepper to the next step.
+     * @returns {boolean} Whether the stepper moved to the next step.
+     */
+    moveNext(): boolean;
+    /**
+     * Moves the stepper to the step with the specified index.
+     * @param index The zero-based index of the step to which to move.
+     * @returns {boolean} Whether the stepper moved to the specified `index`.
+     */
+    moveTo(index: number): boolean;
+    /** Resets the stepper to its initial state, clearing any form data. */
+    reset(): void;
+    /** @inheritdoc */
+    connectedCallback(): void;
+    /** @inheritdoc */
+    disconnectedCallback(): void;
+    /** @inheritdoc */
+    protected update(changedProperties: PropertyValues): void;
+    /** @inheritdoc */
+    protected render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-stepper": M3eStepperElement;
+    }
+}
+export {};
+//# sourceMappingURL=StepperElement.d.ts.map

package/dist/src/stepper/StepperElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperElement.d.ts","sourceRoot":"","sources":["../../../src/stepper/StepperElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAW,cAAc,EAAE,MAAM,KAAK,CAAC;AAKrF,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGxE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgEG;AACH,qBACa,iBAAkB,SAAQ,sBAA2B;;IAiDhE,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAgHpC;IAGF,eAAe,CAAU,OAAO,CAAC,YAAY,CAAC,CAAsC;IACpF,eAAe,CAAU,OAAO,CAAC,cAAc,CAAuB;IACtE,gBAAgB,CAAC,QAAQ,CAAC,CAAC,gBAAgB,CAAC,mCAGiB;IAE7D;;;OAGG;IACwD,cAAc,EAAE,kBAAkB,CAAW;IAExG;;;OAGG;IACuD,aAAa,EAAE,iBAAiB,CAAS;IAEnG;;;OAGG;IACyC,MAAM,UAAS;IAE3D;;;OAGG;IAC0B,WAAW,EAAE,kBAAkB,CAAgB;IAE5E,iBAAiB;IACjB,IAAI,KAAK,IAAI,SAAS,cAAc,EAAE,CAErC;IAED,yBAAyB;IACzB,IAAI,YAAY,IAAI,cAAc,GAAG,IAAI,CAExC;IAED,iDAAiD;IACjD,IAAI,aAAa,IAAI,MAAM,CAE1B;IAED;;;OAGG;IACH,YAAY,IAAI,OAAO;IAIvB;;;OAGG;IACH,QAAQ,IAAI,OAAO;IAInB;;;;OAIG;IACH,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IA6C9B,uEAAuE;IACvE,KAAK,IAAI,IAAI;IAUb,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAKlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IAOrC,kBAAkB;cACC,MAAM,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAqBlE,kBAAkB;cACC,MAAM,IAAI,OAAO;CA8HrC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,iBAAiB,CAAC;KAClC;CACF"}

package/dist/src/stepper/StepperNextElement.d.ts

@@ -0,0 +1,16 @@
+import { StepperButtonElementBase } from "./StepperButtonElementBase";
+/**
+ * An element, nested within a clickable element, used to move a stepper to the next step.
+ * @tag m3e-stepper-previous
+ *
+ * @slot - Renders the content of the action.
+ */
+export declare class M3eStepperNextElement extends StepperButtonElementBase {
+    constructor();
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-stepper-next": M3eStepperNextElement;
+    }
+}
+//# sourceMappingURL=StepperNextElement.d.ts.map

package/dist/src/stepper/StepperNextElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperNextElement.d.ts","sourceRoot":"","sources":["../../../src/stepper/StepperNextElement.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE;;;;;GAKG;AACH,qBACa,qBAAsB,SAAQ,wBAAwB;;CAIlE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,qBAAqB,CAAC;KAC3C;CACF"}

package/dist/src/stepper/StepperOrientation.d.ts

@@ -0,0 +1,3 @@
+/** Specifies the possible layout orientations of a stepper. */
+export type StepperOrientation = "horizontal" | "vertical" | "auto";
+//# sourceMappingURL=StepperOrientation.d.ts.map

package/dist/src/stepper/StepperOrientation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperOrientation.d.ts","sourceRoot":"","sources":["../../../src/stepper/StepperOrientation.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC"}

package/dist/src/stepper/StepperPreviousElement.d.ts

@@ -0,0 +1,16 @@
+import { StepperButtonElementBase } from "./StepperButtonElementBase";
+/**
+ * An element, nested within a clickable element, used to move a stepper to the previous step.
+ * @tag m3e-stepper-previous
+ *
+ * @slot - Renders the content of the action.
+ */
+export declare class M3eStepperPreviousElement extends StepperButtonElementBase {
+    constructor();
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-stepper-previous": M3eStepperPreviousElement;
+    }
+}
+//# sourceMappingURL=StepperPreviousElement.d.ts.map

package/dist/src/stepper/StepperPreviousElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperPreviousElement.d.ts","sourceRoot":"","sources":["../../../src/stepper/StepperPreviousElement.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE;;;;;GAKG;AACH,qBACa,yBAA0B,SAAQ,wBAAwB;;CAItE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,yBAAyB,CAAC;KACnD;CACF"}

package/dist/src/stepper/StepperResetElement.d.ts

@@ -0,0 +1,16 @@
+import { StepperButtonElementBase } from "./StepperButtonElementBase";
+/**
+ * An element, nested within a clickable element, used to reset a stepper to its initial state.
+ * @tag m3e-stepper-reset
+ *
+ * @slot - Renders the content of the action.
+ */
+export declare class M3eStepperResetElement extends StepperButtonElementBase {
+    constructor();
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-stepper-reset": M3eStepperResetElement;
+    }
+}
+//# sourceMappingURL=StepperResetElement.d.ts.map

package/dist/src/stepper/StepperResetElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperResetElement.d.ts","sourceRoot":"","sources":["../../../src/stepper/StepperResetElement.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE;;;;;GAKG;AACH,qBACa,sBAAuB,SAAQ,wBAAwB;;CAInE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}

package/dist/src/stepper/index.d.ts

@@ -0,0 +1,11 @@
+export * from "./StepElement";
+export * from "./StepHeaderPosition";
+export * from "./StepLabelPosition";
+export * from "./StepPanelElement";
+export * from "./StepperButtonElementBase";
+export * from "./StepperElement";
+export * from "./StepperNextElement";
+export * from "./StepperOrientation";
+export * from "./StepperPreviousElement";
+export * from "./StepperResetElement";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/stepper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/stepper/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC"}