@fabric-msft/fabric-web 0.1.0-beta

package/esm/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/esm/components/wizard-step/index.js

@@ -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.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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/esm/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/esm/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/esm/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/esm/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"}

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

@@ -0,0 +1,19 @@
+import { DesignSystem } from "../design-system";
+import { WizardStep } from "./wizard-step";
+import { styles } from "./wizard-step.styles";
+import { template } from "./wizard-step.template";
+/**
+ *
+ * @public
+ * @remarks
+ * HTML Element: <fabric-wizard-step>
+ */
+export const definition = WizardStep.compose({
+    name: `${DesignSystem.prefix}-wizard-step`,
+    template,
+    styles,
+    shadowOptions: {
+        mode: DesignSystem.shadowRootMode,
+    },
+});
+//# sourceMappingURL=wizard-step.definition.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wizard-step.definition.js","sourceRoot":"","sources":["../../../../src/components/wizard-step/wizard-step.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElD;;;;;GAKG;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC;IAC3C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,cAAc;IAC1C,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,60 @@
+import { keyEnter } from "@microsoft/fast-web-utilities";
+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 class WizardStep extends Step {
+    /**
+     * Handles the keydown event for the wizard step.
+     * @param {KeyboardEvent} event - The keyboard event object.
+     * @returns {void}
+     */
+    keydownHandler(event) {
+        switch (event.key) {
+            case keyEnter:
+                if (this.disabled) {
+                    event.preventDefault();
+                    event.stopImmediatePropagation();
+                }
+                else {
+                    this.active !== this.active;
+                }
+        }
+    }
+}
+//# sourceMappingURL=wizard-step.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wizard-step.js","sourceRoot":"","sources":["../../../../src/components/wizard-step/wizard-step.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AAEH,MAAM,OAAO,UAAW,SAAQ,IAAI;IAClC;;;;OAIG;IACI,cAAc,CAAC,KAAoB;QACxC,QAAQ,KAAK,CAAC,GAAG,EAAE;YACjB,KAAK,QAAQ;gBACX,IAAI,IAAI,CAAC,QAAQ,EAAE;oBACjB,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,KAAK,CAAC,wBAAwB,EAAE,CAAC;iBAClC;qBAAM;oBACL,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,CAAC;iBAC7B;SACJ;IACH,CAAC;CACF"}

package/esm/components/wizard-step/wizard-step.options.d.ts

@@ -0,0 +1,16 @@
+import { ValuesOf } from "@microsoft/fast-foundation";
+/**
+ * The state variations for the WizardStep component
+ * @public
+ */
+export declare const WizardStepState: {
+    readonly incomplete: "incomplete";
+    readonly complete: "complete";
+    readonly error: "error";
+};
+/**
+ * The state types for the WizardStep component
+ * @public
+ */
+export declare type WizardStepState = ValuesOf<typeof WizardStepState>;
+//# sourceMappingURL=wizard-step.options.d.ts.map

package/esm/components/wizard-step/wizard-step.options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizard-step.options.d.ts","sourceRoot":"","sources":["../../../../src/components/wizard-step/wizard-step.options.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAEtD;;;GAGG;AACH,eAAO,MAAM,eAAe;;;;CAIlB,CAAC;AAEX;;;GAGG;AACH,oBAAY,eAAe,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAC"}

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

@@ -0,0 +1,10 @@
+/**
+ * The state variations for the WizardStep component
+ * @public
+ */
+export const WizardStepState = {
+    incomplete: "incomplete",
+    complete: "complete",
+    error: "error"
+};
+//# sourceMappingURL=wizard-step.options.js.map

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

@@ -0,0 +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"}

package/esm/components/wizard-step/wizard-step.styles.d.ts

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

package/esm/components/wizard-step/wizard-step.styles.d.ts.map

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

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

@@ -0,0 +1,15 @@
+import { css } from "@microsoft/fast-element";
+import { styles as stepStyles } from "../step/step.styles";
+/** Wizard Step styles
+ * @public
+ */
+export const styles = css `
+  ${stepStyles}
+  :host(:hover) {
+    cursor: pointer;
+  }
+  :host([disabled]) {
+    cursor: not-allowed;
+  }
+`;
+//# sourceMappingURL=wizard-step.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wizard-step.styles.js","sourceRoot":"","sources":["../../../../src/components/wizard-step/wizard-step.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAE3D;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,UAAU;;;;;;;CAOb,CAAC"}

package/esm/components/wizard-step/wizard-step.template.d.ts

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

package/esm/components/wizard-step/wizard-step.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizard-step.template.d.ts","sourceRoot":"","sources":["../../../../src/components/wizard-step/wizard-step.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,UAAU,CAAsB,CAAC"}

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

@@ -0,0 +1,7 @@
+import { baseStepTemplate } from "../step/step.template";
+/**
+ * The template for the {@link @fabric-msft/fabric-web#(WizardStep:class)} component.
+ * @public
+ */
+export const template = baseStepTemplate();
+//# sourceMappingURL=wizard-step.template.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wizard-step.template.js","sourceRoot":"","sources":["../../../../src/components/wizard-step/wizard-step.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGzD;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAoC,gBAAgB,EAAE,CAAC"}

package/esm/index.d.ts

@@ -0,0 +1,12 @@
+export * from "./components/multi-view";
+export * from "./components/multi-view-controller";
+export * from "./components/multi-view-group";
+export * from "./components/popover";
+export * from "./components/step";
+export * from "./components/stepper";
+export * from "./components/svg-icon";
+export * from "./components/teaching-bubble";
+export * from "./components/wizard";
+export * from "./components/wizard-panel";
+export * from "./components/wizard-step";
+//# sourceMappingURL=index.d.ts.map

package/esm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,oCAAoC,CAAC;AACnD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC"}

package/esm/index.js

@@ -0,0 +1,12 @@
+export * from "./components/multi-view";
+export * from "./components/multi-view-controller";
+export * from "./components/multi-view-group";
+export * from "./components/popover";
+export * from "./components/step";
+export * from "./components/stepper";
+export * from "./components/svg-icon";
+export * from "./components/teaching-bubble";
+export * from "./components/wizard";
+export * from "./components/wizard-panel";
+export * from "./components/wizard-step";
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,oCAAoC,CAAC;AACnD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC"}