@fabric-msft/fabric-web 4.0.0-beta.1 → 5.0.0

package/dist/esm/components/wizard-step/wizard-step.js

@@ -1,16 +1,55 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
+import { attr, observable, nullableNumberConverter, FASTElement } from '@microsoft/fast-element';
+import { keyEnter } from '@microsoft/fast-web-utilities';
+import { WizardStepStates, WizardStepEvents } from './wizard-step.options.js';
+
+var __decorate = globalThis && globalThis.__decorate || function (decorators, target, key, desc) {
+  var c = arguments.length,
+    r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+    d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { FASTElement, attr, observable } from "@microsoft/fast-element";
-import { keyEnter } from "@microsoft/fast-web-utilities";
-import { WizardStepState } from "./wizard-step.options";
 /**
  * WizardStep
+ * @summary A customizable step component for a wizard-style interface.
  *
- * @extends FASTElement
+ * @example
+ * ```html
+ * <fabric-wizard-step
+ *   numbered
+ *   active
+ *   state="complete"
+ *   aria-describedby="step1-details"
+ *   aria-labelledby="step1-title"
+ * >
+ *   <span slot="start">Start Content</span>
+ *   <span slot="end">End Content</span>
+ *   <span slot="title" id="step1-title">Step 1: Title</span>
+ *   <span slot="details" id="step1-details">Details about Step 1</span>
+ *   <span slot="complete">Complete</span>
+ *   <span slot="incomplete">Incomplete</span>
+ *   <span slot="error">Error</span>
+ * </fabric-wizard-step>
+ * ```
+ *
+ * @attr {boolean | undefined} numbered - Indicates whether the step is numbered.
+ * @attr {boolean | undefined} hideConnector - Indicates whether the connector is hidden.
+ * @attr {boolean} active - Indicates whether the step is active.
+ * @attr {boolean} disabled - Indicates whether the step is disabled.
+ * @attr {string | undefined} ariaDescribedby - The aria-describedby attribute for accessibility.
+ * @attr {string | undefined} ariaLabelledby - The aria-labelledby attribute for accessibility.
+ * @attr {WizardStepState} state - The current state of the wizard step.
+ *
+ * @prop {number} index - The index of the step in the wizard sequence.
+ * @prop {string} details - The details of the step.
+ * @prop {string} title - The title of the step.
+ * @prop {boolean | undefined} numbered - Indicates whether the step is numbered.
+ * @prop {boolean | undefined} hideConnector - Indicates whether the connector is hidden.
+ * @prop {boolean} active - Indicates whether the step is active.
+ * @prop {boolean} disabled - Indicates whether the step is disabled.
+ * @prop {string | undefined} ariaDescribedby - The aria-describedby attribute for accessibility.
+ * @prop {string | undefined} ariaLabelledby - The aria-labelledby attribute for accessibility.
+ * @prop {WizardStepState} state - The current state of the wizard step.
  *
  * @slot start - The content to display at the start of the step.
  * @slot end - The content to display at the end of the step.
@@ -20,195 +59,224 @@ import { WizardStepState } from "./wizard-step.options";
  * @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} aria-describedby - The ID of the element that describes the step.
- * @attr {string} aria-labelledby - The ID of the element that labels the step.
- * @attr {boolean} active - Indicates whether the step is active.
- * @attr {WizardStepState} 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 order - The ordinal number indicator displayed inside the step circle when the step is numbered.
  * @csspart summary - The summary.
  * @csspart title - The title.
  * @csspart details - The details.
- * @csspart connector - The connector.
+ * @csspart step-connector - The visual connector line that links this step to the next step in the wizard sequence.
+ *
+ * @method stateChanged - Handles changes to the state attribute.
+ * @method activeChanged - Handles changes to the active attribute.
+ * @method toggleActive - Toggles the active state of the step.
+ * @method setComplete - Sets the step to a complete state.
+ * @method setIncomplete - Sets the step to an incomplete state.
+ * @method setError - Sets the step to an error state.
+ * @method emitChange - Emits a custom event indicating a change in the step's state.
+ * @method emitSelect - Emits a custom event indicating a selection of the step.
+ * @method clickHandler - Handles click events on the step.
+ * @method keydownHandler - Handles keydown events on the step.
  *
- * @fires stepchange - Dispatched when the step state changes.
+ * @fires step-change - Dispatched when the step state changes.
+ * @fires step-select - Dispatched when the user selects (clicks or activates via keyboard) this wizard step to navigate to it.
  *
- * @summary  A customizable step component for a wizard-style interface.
+ * @cssprop --borderRadiusCircular - The border radius used for the circular state indicator.
+ * @cssprop --colorNeutralBackground4 - The background color of the state indicator in the default state.
+ * @cssprop --colorNeutralForeground2 - The border color of the state indicator in the default state.
+ * @cssprop --colorNeutralForegroundDisabled - The foreground color applied when the step is disabled.
+ * @cssprop --fontSizeBase200 - The font size used for the order label and step details.
+ * @cssprop --fontWeightRegular - The regular font weight used for the step title and details.
+ * @cssprop --fontWeightSemibold - The semibold font weight used for the active step title.
+ * @cssprop --lineHeightBase100 - The line height used for the order label.
+ * @cssprop --lineHeightBase200 - The line height used for the step details text.
  *
+ * @extends FASTElement
  * @tagname fabric-wizard-step
- */
-/**
- * Represents a step within a wizard component.
  * @public
- * @extends {FASTElement}
  */
-export class WizardStep extends FASTElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * Indicates whether the step is active.
-         * @public
-         * @attr
-         * @type {boolean}
-         * @default false
-         */
-        this.active = false;
-        /**
-         * Indicates whether the step is disabled.
-         * @public
-         * @attr
-         * @type {boolean}
-         * @default false
-         */
-        this.disabled = false;
-        /**
-         * The current state of the wizard step.
-         * @public
-         * @attr state
-         * @type {WizardStepState}
-         * @default incomplete
-         */
-        this.state = WizardStepState.incomplete;
-        /**
-         * The index of the step in the wizard sequence.
-         * @public
-         * @observable
-         * @type {number}
-         * @default 0
-         */
-        this.index = 0;
-        /**
-         * The details of the step.
-         * @public
-         * @observable
-         * @type {string}
-         * @default ""
-         */
-        this.details = "";
-        /**
-         * The title of the step.
-         * @public
-         * @observable
-         * @type {string}
-         * @default ""
-         */
-        this.title = "";
-    }
+class WizardStep extends FASTElement {
+  constructor() {
+    super(...arguments);
     /**
-     * Handles changes to the state attribute.
+     * Indicates whether the step is active.
      * @public
-     * @param {WizardStepState} oldValue - The previous state value.
-     * @param {WizardStepState} newValue - The new state value.
+     * @attr
+     * @type {boolean}
+     * @default false
      */
-    stateChanged(oldValue, newValue) {
-        if (oldValue !== newValue) {
-            this.emitChange();
-        }
-    }
+    this.active = false;
     /**
-     * Handles changes to the active attribute.
+     * Indicates whether the step is disabled.
      * @public
-     * @param {boolean} oldValue - The previous active value.
-     * @param {boolean} newValue - The new active value.
+     * @attr
+     * @type {boolean}
+     * @default false
      */
-    activeChanged(oldValue, newValue) {
-        if (oldValue !== newValue) {
-            this.emitChange();
-        }
-    }
+    this.disabled = false;
     /**
-     * Toggles the active state of the step.
+     * The current state of the wizard step.
      * @public
+     * @attr state
+     * @type {WizardStepState}
+     * @default incomplete
      */
-    toggleActive() {
-        this.active = !this.active;
-    }
+    this.state = WizardStepStates.incomplete;
     /**
-     * Sets the step to a complete state.
+     * The index of the step in the wizard sequence.
      * @public
+     * @attr
+     * @type {number}
+     * @default 0
      */
-    setComplete() {
-        this.state = WizardStepState.complete;
-    }
+    this.index = 0;
     /**
-     * Sets the step to an incomplete state.
+     * The details of the step.
      * @public
+     * @observable
+     * @type {string}
+     * @default ""
      */
-    setIncomplete() {
-        this.state = WizardStepState.incomplete;
-    }
+    this.details = "";
     /**
-     * Sets the step to an error state.
+     * The title of the step.
      * @public
+     * @observable
+     * @type {string}
+     * @default ""
      */
-    setError() {
-        this.state = WizardStepState.error;
+    this.title = "";
+  }
+  /**
+   * Handles changes to the state attribute.
+   * @public
+   * @param {WizardStepState} oldValue - The previous state value.
+   * @param {WizardStepState} newValue - The new state value.
+   */
+  stateChanged(oldValue, newValue) {
+    if (oldValue !== newValue) {
+      this.emitChange();
     }
-    /**
-     * Emits a custom event indicating a change in the step's state.
-     * @public
-     */
-    emitChange() {
-        this.$emit("stepchange", {
-            id: this.id,
-            state: this.state,
-            active: this.active,
-            index: this.index
-        });
+  }
+  /**
+   * Handles changes to the active attribute.
+   * @public
+   * @param {boolean} oldValue - The previous active value.
+   * @param {boolean} newValue - The new active value.
+   */
+  activeChanged(oldValue, newValue) {
+    if (oldValue !== newValue) {
+      this.emitChange();
     }
-    /**
-     * Handles keydown events on the step.
-     * @public
-     * @param {KeyboardEvent} event - The keyboard event.
-     */
-    keydownHandler(event) {
-        switch (event.key) {
-            case keyEnter:
-                if (this.disabled) {
-                    event.preventDefault();
-                    event.stopImmediatePropagation();
-                }
-                else {
-                    this.active = !this.active;
-                }
-                break;
-            default:
-                break;
+  }
+  /**
+   * Toggles the active state of the step.
+   * @public
+   */
+  toggleActive(event) {
+    this.active = !this.active;
+  }
+  /**
+   * Sets the step to a complete state.
+   * @public
+   */
+  setComplete() {
+    this.state = WizardStepStates.complete;
+  }
+  /**
+   * Sets the step to an incomplete state.
+   * @public
+   */
+  setIncomplete() {
+    this.state = WizardStepStates.incomplete;
+  }
+  /**
+   * Sets the step to an error state.
+   * @public
+   */
+  setError() {
+    this.state = WizardStepStates.error;
+  }
+  /**
+   * Emits a custom event indicating a change in the step's state.
+   * @public
+   */
+  emitChange() {
+    this.$emit(WizardStepEvents.stepChange, {
+      id: this.id,
+      state: this.state,
+      active: this.active,
+      index: this.index
+    });
+  }
+  /**
+   * Emits a custom event indicating a selection of the step.
+   * @public
+   */
+  emitSelect() {
+    this.$emit(WizardStepEvents.stepSelect, {
+      id: this.id,
+      state: this.state,
+      active: this.active,
+      index: this.index
+    });
+  }
+  /**
+   * Handles click events on the step.
+   * @public
+   * @param {MouseEvent} event - The mouse event.
+   */
+  clickHandler(event) {
+    if (this.disabled) {
+      event === null || event === void 0 ? void 0 : event.preventDefault();
+      event === null || event === void 0 ? void 0 : event.stopImmediatePropagation();
+    } else {
+      this.emitSelect();
+    }
+  }
+  /**
+   * Handles keydown events on the step.
+   * @public
+   * @param {KeyboardEvent} event - The keyboard event.
+   */
+  keydownHandler(event) {
+    switch (event.key) {
+      case keyEnter:
+        if (this.disabled) {
+          event.preventDefault();
+          event.stopImmediatePropagation();
+        } else {
+          this.emitSelect();
         }
+        break;
     }
+  }
 }
-__decorate([
-    attr({ mode: "boolean" })
-], WizardStep.prototype, "ordered", void 0);
-__decorate([
-    attr({ mode: "boolean", attribute: "hide-connector" })
-], WizardStep.prototype, "hideConnector", void 0);
-__decorate([
-    attr({ mode: "boolean" })
-], WizardStep.prototype, "active", void 0);
-__decorate([
-    attr({ mode: "boolean" })
-], WizardStep.prototype, "disabled", void 0);
-__decorate([
-    attr({ attribute: "aria-describedby" })
-], WizardStep.prototype, "ariaDescribedby", void 0);
-__decorate([
-    attr({ attribute: "aria-labelledby" })
-], WizardStep.prototype, "ariaLabelledby", void 0);
-__decorate([
-    attr
-], WizardStep.prototype, "state", void 0);
-__decorate([
-    observable
-], WizardStep.prototype, "index", void 0);
-__decorate([
-    observable
-], WizardStep.prototype, "details", void 0);
-__decorate([
-    observable
-], WizardStep.prototype, "title", void 0);
-//# sourceMappingURL=wizard-step.js.map
+__decorate([attr({
+  mode: "boolean"
+})], WizardStep.prototype, "numbered", void 0);
+__decorate([attr({
+  mode: "boolean",
+  attribute: "hide-connector"
+})], WizardStep.prototype, "hideConnector", void 0);
+__decorate([attr({
+  mode: "boolean"
+})], WizardStep.prototype, "active", void 0);
+__decorate([attr({
+  mode: "boolean"
+})], WizardStep.prototype, "disabled", void 0);
+__decorate([attr({
+  attribute: "aria-describedby"
+})], WizardStep.prototype, "ariaDescribedby", void 0);
+__decorate([attr({
+  attribute: "aria-labelledby"
+})], WizardStep.prototype, "ariaLabelledby", void 0);
+__decorate([attr], WizardStep.prototype, "state", void 0);
+__decorate([observable], WizardStep.prototype, "button", void 0);
+__decorate([attr({
+  converter: nullableNumberConverter
+})], WizardStep.prototype, "index", void 0);
+__decorate([observable], WizardStep.prototype, "details", void 0);
+__decorate([observable], WizardStep.prototype, "title", void 0);
+
+export { WizardStep };

package/dist/esm/components/wizard-step/wizard-step.js.map

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

package/dist/esm/components/wizard-step/wizard-step.options.js

@@ -2,9 +2,14 @@
  * The state variations for the WizardStep component
  * @public
  */
-export const WizardStepState = {
-    incomplete: "incomplete",
-    complete: "complete",
-    error: "error"
+const WizardStepStates = {
+  incomplete: "incomplete",
+  complete: "complete",
+  error: "error"
 };
-//# sourceMappingURL=wizard-step.options.js.map
+const WizardStepEvents = {
+  stepChange: "step-change",
+  stepSelect: "step-select"
+};
+
+export { WizardStepEvents, WizardStepStates };

package/dist/esm/components/wizard-step/wizard-step.options.js.map

@@ -1 +1 @@
-{"version":3,"file":"wizard-step.options.js","sourceRoot":"","sources":["../../../../../../../src/components/wizard-step/wizard-step.options.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,UAAU,EAAE,YAAY;IACxB,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;CACN,CAAC"}
+{"version":3,"file":"wizard-step.options.js","sourceRoot":"","sources":["../../../../../../../src/components/wizard-step/wizard-step.options.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,UAAU,EAAE,YAAY;IACxB,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;CACN,CAAC;AAQX,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,UAAU,EAAE,aAAa;IACzB,UAAU,EAAE,aAAa;CACjB,CAAC"}