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

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

@@ -1,150 +1,161 @@
-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 { observable, attr, FASTElement } from '@microsoft/fast-element';
+import { WizardPanelStates, WizardPanelEventNames } from './wizard-panel.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 { WizardStepState } from "../wizard-step/wizard-step.options";
 /**
  * WizardPanel
- * @extends FASTElement
+ * @summary A customizable panel component for a wizard-style interface.
+ *
+ * @example
+ * ```html
+ * <fabric-wizard-panel id="step1" state="incomplete" hidden>
+ *   <div slot="start">Start Content</div>
+ *   <div slot="title">Step 1: Title</div>
+ *   <div>Step Content</div>
+ *   <div slot="footer">Step Footer</div>
+ *   <div slot="end">End Content</div>
+ * </fabric-wizard-panel>
+ * ```
+ *
+ * @attr {boolean} hidden - Indicates whether the panel is hidden.
+ * @attr {WizardStepState} state - The state of the panel.
+ * @attr {boolean} active - Indicates whether the panel is active.
  *
+ * @prop {number | undefined} index - The index of the panel in the wizard sequence.
+ * @prop {boolean} hidden - Indicates whether the panel is hidden.
+ * @prop {WizardStepState} state - The current state of the wizard step.
+ * @prop {boolean} active - Indicates whether the panel is currently active.
  *
- * @slot - The default content of the step.
+ * @slot default - The default content of the 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.
  * @slot title - The content to display as the title 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 {WizardStepState} 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 panel - The root panel container element.
  * @csspart title - The title.
  * @csspart content - The content.
  * @csspart footer - The footer.
  *
- * @fires panelchange - Dispatched when the panel state changes.
+ * @method stateChanged - Handles changes to the state attribute.
+ * @method activeChanged - Handles changes to the active attribute.
+ * @method hiddenChanged - Handles changes to the hidden attribute.
+ * @method show - Shows the panel by setting the hidden attribute to false.
+ * @method hide - Hides the panel by setting the hidden attribute to true.
+ * @method emitChange - Emits a custom event indicating a change in the panel's state.
  *
- * @summary  A customizable panel component for a wizard-style interface.
+ * @fires panel-change - Dispatched when the panel state changes.
  *
+ * @extends FASTElement
  * @tagname fabric-wizard-panel
- */
-/**
- * Represents a panel within a wizard component.
  * @public
- * @extends {FASTElement}
  */
-export class WizardPanel extends FASTElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * Indicates whether the panel is hidden.
-         * @public
-         * @attr
-         * @type {boolean}
-         * @default true
-         */
-        this.hidden = true;
-        /**
-         * The current state of the wizard step.
-         * @public
-         * @attr
-         * @type {WizardStepState}
-         * @default incomplete
-         */
-        this.state = WizardStepState.incomplete;
-        /**
-         * Indicates whether the panel is currently active.
-         * @public
-         * @attr
-         * @type {boolean}
-         * @default false
-         */
-        this.active = false;
-    }
-    /**
-     * 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();
-        }
-    }
+class WizardPanel extends FASTElement {
+  constructor() {
+    super(...arguments);
     /**
-     * Handles changes to the active attribute.
+     * Indicates whether the panel is hidden.
      * @public
-     * @param {boolean} oldValue - The previous active value.
-     * @param {boolean} newValue - The new active value.
+     * @attr
+     * @type {boolean}
+     * @default true
      */
-    activeChanged(oldValue, newValue) {
-        if (oldValue !== newValue) {
-            if (newValue) {
-                this.show();
-            }
-            else {
-                this.hide();
-            }
-            this.emitChange();
-        }
-    }
+    this.hidden = true;
     /**
-     * Handles changes to the hidden attribute.
+     * The current state of the wizard step.
      * @public
-     * @param {boolean} oldValue - The previous hidden value.
-     * @param {boolean} newValue - The new hidden value.
+     * @attr
+     * @type {WizardPanelState}
+     * @default incomplete
      */
-    hiddenChanged(oldValue, newValue) {
-        if (oldValue !== newValue) {
-            this.emitChange();
-        }
-    }
+    this.state = WizardPanelStates.incomplete;
     /**
-     * Shows the panel by setting the hidden attribute to false.
+     * Indicates whether the panel is currently active.
      * @public
+     * @attr
+     * @type {boolean}
+     * @default false
      */
-    show() {
-        this.hidden = false;
+    this.active = false;
+  }
+  /**
+   * Handles changes to the state attribute.
+   * @public
+   * @param {WizardPanelState} oldValue - The previous state value.
+   * @param {WizardPanelState} newValue - The new state value.
+   */
+  stateChanged(oldValue, newValue) {
+    if (oldValue !== newValue) {
+      this.emitChange();
     }
-    /**
-     * Hides the panel by setting the hidden attribute to true.
-     * @public
-     */
-    hide() {
-        this.hidden = true;
+  }
+  /**
+   * 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) {
+      if (newValue) {
+        this.show();
+      } else {
+        this.hide();
+      }
+      this.emitChange();
     }
-    /**
-     * Emits a custom event indicating a change in the panel's state.
-     * @public
-     */
-    emitChange() {
-        this.$emit("panelchange", {
-            id: this.id,
-            state: this.state,
-            active: this.active,
-            index: this.index,
-        });
+  }
+  /**
+   * Handles changes to the hidden attribute.
+   * @public
+   * @param {boolean} oldValue - The previous hidden value.
+   * @param {boolean} newValue - The new hidden value.
+   */
+  hiddenChanged(oldValue, newValue) {
+    if (oldValue !== newValue) {
+      this.emitChange();
     }
+  }
+  /**
+   * Shows the panel by setting the hidden attribute to false.
+   * @public
+   */
+  show() {
+    this.hidden = false;
+  }
+  /**
+   * Hides the panel by setting the hidden attribute to true.
+   * @public
+   */
+  hide() {
+    this.hidden = true;
+  }
+  /**
+   * Emits a custom event indicating a change in the panel's state.
+   * @public
+   */
+  emitChange() {
+    this.$emit(WizardPanelEventNames.panelChange, {
+      id: this.id,
+      state: this.state,
+      active: this.active,
+      index: this.index
+    });
+  }
 }
-__decorate([
-    observable
-], WizardPanel.prototype, "index", void 0);
-__decorate([
-    attr({ mode: "boolean" })
-], WizardPanel.prototype, "hidden", void 0);
-__decorate([
-    attr
-], WizardPanel.prototype, "state", void 0);
-__decorate([
-    attr({ mode: "boolean" })
-], WizardPanel.prototype, "active", void 0);
-//# sourceMappingURL=wizard-panel.js.map
+__decorate([observable], WizardPanel.prototype, "index", void 0);
+__decorate([attr({
+  mode: "boolean"
+})], WizardPanel.prototype, "hidden", void 0);
+__decorate([attr], WizardPanel.prototype, "state", void 0);
+__decorate([attr({
+  mode: "boolean"
+})], WizardPanel.prototype, "active", void 0);
+
+export { WizardPanel };

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

@@ -1 +1 @@
-{"version":3,"file":"wizard-panel.js","sourceRoot":"","sources":["../../../../../../../src/components/wizard-panel/wizard-panel.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAErE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH;;;;GAIG;AACH,MAAM,OAAO,WAAY,SAAQ,WAAW;IAA5C;;QAWE;;;;;;WAMG;QAEI,WAAM,GAAY,IAAI,CAAC;QAE9B;;;;;;WAMG;QAEI,UAAK,GAAoB,eAAe,CAAC,UAAU,CAAC;QAE3D;;;;;;WAMG;QAEI,WAAM,GAAY,KAAK,CAAC;IAuEjC,CAAC;IArEC;;;;;OAKG;IACI,YAAY,CAAC,QAAyB,EAAE,QAAyB;QACtE,IAAI,QAAQ,KAAK,QAAQ,EAAE;YACzB,IAAI,CAAC,UAAU,EAAE,CAAC;SACnB;IACH,CAAC;IAED;;;;;OAKG;IACI,aAAa,CAAC,QAAiB,EAAE,QAAiB;QACvD,IAAI,QAAQ,KAAK,QAAQ,EAAE;YACzB,IAAI,QAAQ,EAAE;gBACZ,IAAI,CAAC,IAAI,EAAE,CAAC;aACb;iBAAM;gBACL,IAAI,CAAC,IAAI,EAAE,CAAC;aACb;YACD,IAAI,CAAC,UAAU,EAAE,CAAC;SACnB;IACH,CAAC;IAED;;;;;OAKG;IACI,aAAa,CAAC,QAAiB,EAAE,QAAiB;QACvD,IAAI,QAAQ,KAAK,QAAQ,EAAE;YACzB,IAAI,CAAC,UAAU,EAAE,CAAC;SACnB;IACH,CAAC;IAED;;;OAGG;IACI,IAAI;QACT,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACtB,CAAC;IAED;;;OAGG;IACI,IAAI;QACT,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;IACrB,CAAC;IAED;;;OAGG;IACI,UAAU;QACf,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE;YACxB,EAAE,EAAE,IAAI,CAAC,EAAE;YACX,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,KAAK,EAAE,IAAI,CAAC,KAAK;SAClB,CAAC,CAAC;IACL,CAAC;CACF;AArGC;IADC,UAAU;0CACW;AAUtB;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;2CACI;AAU9B;IADC,IAAI;0CACsD;AAU3D;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;2CACK"}
+{"version":3,"file":"wizard-panel.js","sourceRoot":"","sources":["../../../../../../../src/components/wizard-panel/wizard-panel.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAE9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,MAAM,OAAO,WAAY,SAAQ,WAAW;IAA5C;;QAUE;;;;;;WAMG;QAEI,WAAM,GAAY,IAAI,CAAC;QAE9B;;;;;;WAMG;QAEI,UAAK,GAAqB,iBAAiB,CAAC,UAAU,CAAC;QAE9D;;;;;;WAMG;QAEI,WAAM,GAAY,KAAK,CAAC;IA0EjC,CAAC;IAxEC;;;;;OAKG;IACI,YAAY,CACjB,QAA0B,EAC1B,QAA0B;QAE1B,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;YAC1B,IAAI,CAAC,UAAU,EAAE,CAAC;QACpB,CAAC;IACH,CAAC;IAED;;;;;OAKG;IACI,aAAa,CAAC,QAAiB,EAAE,QAAiB;QACvD,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;YAC1B,IAAI,QAAQ,EAAE,CAAC;gBACb,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,CAAC;YACD,IAAI,CAAC,UAAU,EAAE,CAAC;QACpB,CAAC;IACH,CAAC;IAED;;;;;OAKG;IACI,aAAa,CAAC,QAAiB,EAAE,QAAiB;QACvD,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;YAC1B,IAAI,CAAC,UAAU,EAAE,CAAC;QACpB,CAAC;IACH,CAAC;IAED;;;OAGG;IACI,IAAI;QACT,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACtB,CAAC;IAED;;;OAGG;IACI,IAAI;QACT,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;IACrB,CAAC;IAED;;;OAGG;IACI,UAAU;QACf,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,WAAW,EAAE;YAC5C,EAAE,EAAE,IAAI,CAAC,EAAE;YACX,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,KAAK,EAAE,IAAI,CAAC,KAAK;SAClB,CAAC,CAAC;IACL,CAAC;CACF;AAxGQ;IADN,UAAU;0CACW;AAUf;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;2CACI;AAUvB;IADN,IAAI;0CACyD;AAUvD;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;2CACK"}

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

@@ -0,0 +1,10 @@
+import { WizardStepStates } from '../wizard-step/wizard-step.options.js';
+
+const WizardPanelEventNames = {
+  panelChange: "panel-change"
+};
+const WizardPanelStates = {
+  ...WizardStepStates
+};
+
+export { WizardPanelEventNames, WizardPanelStates };

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

@@ -0,0 +1 @@
+{"version":3,"file":"wizard-panel.options.js","sourceRoot":"","sources":["../../../../../../../src/components/wizard-panel/wizard-panel.options.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AAEzE,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,WAAW,EAAE,cAAc;CACnB,CAAC;AAEX,MAAM,CAAC,MAAM,iBAAiB,GAAG,EAAE,GAAG,gBAAgB,EAAW,CAAC"}

package/dist/esm/components/wizard-panel/wizard-panel.styles.js

@@ -1,30 +1,11 @@
-import { colorNeutralBackground2, colorNeutralForeground1, colorNeutralStroke1, display, spacingHorizontalXXL, spacingVerticalL, spacingVerticalXS, spacingVerticalXXL } from "@fluentui/web-components";
-import { css } from "@microsoft/fast-element";
+import { display, colorNeutralBackground2, spacingVerticalXXL, spacingHorizontalXXL, spacingVerticalXS, colorNeutralForeground1, spacingVerticalL, colorNeutralStroke1 } from '@fluentui/web-components';
+import { css } from '@microsoft/fast-element';
+
 /** Wizard Panel styles
  * @public
  */
-export const styles = css `
+const styles = css`
   ${display("block")}
-  :host {
-    height: 100%;
-    background: ${colorNeutralBackground2};
-  }
-
-  :host([active]) {
-    display: block;
-  }
-
-  .content {
-    padding: ${spacingVerticalXXL} ${spacingHorizontalXXL} 0;
-  }
+  :host{height:100%;background:${colorNeutralBackground2}}:host([active]){display:block}.content{padding-block-start:${spacingVerticalXXL};padding-inline:${spacingHorizontalXXL};padding-block-end:0}.title{padding-block-start:0;padding-inline:${spacingHorizontalXXL};padding-block-end:${spacingVerticalXS};color:${colorNeutralForeground1}}.footer{padding-block:${spacingVerticalL};padding-inline:${spacingHorizontalXXL};border-top:1px solid ${colorNeutralStroke1}}`;
 
-  .title {
-    padding: 0 ${spacingHorizontalXXL} ${spacingVerticalXS};
-    color: ${colorNeutralForeground1};
-  }
-  .footer {
-    padding: ${spacingVerticalL} ${spacingHorizontalXXL};
-    border-top: 1px solid ${colorNeutralStroke1};
-  }
-`;
-//# sourceMappingURL=wizard-panel.styles.js.map
+export { styles };

package/dist/esm/components/wizard-panel/wizard-panel.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"wizard-panel.styles.js","sourceRoot":"","sources":["../../../../../../../src/components/wizard-panel/wizard-panel.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,mBAAmB,EACnB,OAAO,EACP,oBAAoB,EACpB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,OAAO,CAAC;;;kBAGF,uBAAuB;;;;;;;;eAQ1B,kBAAkB,IAAI,oBAAoB;;;;iBAIxC,oBAAoB,IAAI,iBAAiB;aAC7C,uBAAuB;;;eAGrB,gBAAgB,IAAI,oBAAoB;4BAC3B,mBAAmB;;CAE9C,CAAC"}
+{"version":3,"file":"wizard-panel.styles.js","sourceRoot":"","sources":["../../../../../../../src/components/wizard-panel/wizard-panel.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,mBAAmB,EACnB,OAAO,EACP,oBAAoB,EACpB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,OAAO,CAAC;;;kBAGF,uBAAuB;;;;;;;;2BAQd,kBAAkB;sBACvB,oBAAoB;;;;;;sBAMpB,oBAAoB;yBACjB,iBAAiB;aAC7B,uBAAuB;;;qBAGf,gBAAgB;sBACf,oBAAoB;4BACd,mBAAmB;;CAE9C,CAAC"}

package/dist/esm/components/wizard-panel/wizard-panel.template.js

@@ -1,24 +1,13 @@
-import { html } from "@microsoft/fast-element";
+import { html } from '@microsoft/fast-element';
+import './wizard-panel.js';
+
 /**
  * The template for the {@link @fabric-msft/fabric-web#(WizardPanel:class)} component.
  * @public
  */
-export function wizardPanelTemplate() {
-    return html `
-    <template
-      aria-hidden="${(x) => x.hidden}"
-      state="${(x) => x.state}"
-      ?active="${(x) => x.active}"
-    >
-      <slot name="start"></slot>
-      <div class="title" part="title">
-        <slot name="title"></slot>
-      </div>
-      <div class="content" part="content"><slot></slot></div>
-      <div class="footer" part="footer"><slot name="footer"></slot></div>
-      <slot name="end"></slot>
-    </template>
-  `;
+function wizardPanelTemplate() {
+  return html`<template aria-hidden="${x => x.hidden}" state="${x => x.state}" ?active="${x => x.active}" ?hidden="${x => x.hidden}" slot="panel"><div class="panel" part="panel"><slot name="start"></slot><div class="title" part="title"><slot name="title"></slot></div><div class="content" part="content"><slot></slot></div><div class="footer" part="footer"><slot name="footer"></slot></div><slot name="end"></slot></div></template>`;
 }
-export const template = wizardPanelTemplate();
-//# sourceMappingURL=wizard-panel.template.js.map
+const template = wizardPanelTemplate();
+
+export { template, wizardPanelTemplate };

package/dist/esm/components/wizard-panel/wizard-panel.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"wizard-panel.template.js","sourceRoot":"","sources":["../../../../../../../src/components/wizard-panel/wizard-panel.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAGpE;;;GAGG;AACH,MAAM,UAAU,mBAAmB;IAGjC,OAAO,IAAI,CAAG;;qBAEK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM;eACrB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK;iBACZ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM;;;;;;;;;;GAU7B,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAqC,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"wizard-panel.template.js","sourceRoot":"","sources":["../../../../../../../src/components/wizard-panel/wizard-panel.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD;;;GAGG;AACH,MAAM,UAAU,mBAAmB;IAGjC,OAAO,IAAI,CAAG;;qBAEK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM;eACrB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK;iBACZ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM;iBACf,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM;;;;;;;;;;;;;GAa7B,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAqC,mBAAmB,EAAE,CAAC"}

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

@@ -1,4 +1,4 @@
-import { definition } from "./wizard-step.definition";
-import { DesignSystem } from "../design-system";
+import { definition } from "./wizard-step.definition.js";
+import { DesignSystem } from "../design-system.js";
 definition.define(DesignSystem.registry);
 //# sourceMappingURL=define.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../../../../src/components/wizard-step/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../../../../src/components/wizard-step/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

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

@@ -1,6 +1,4 @@
-export * from "./wizard-step";
-export { WizardStepState } from "./wizard-step.options";
-export { definition as WizardStepDefinition } from "./wizard-step.definition";
-export { styles as WizardStepStyles } from "./wizard-step.styles";
-export { template as WizardStepTemplate } from "./wizard-step.template";
+export { WizardStep } from "./wizard-step.js";
+export { definition as WizardStepDefinition } from "./wizard-step.definition.js";
+export { WizardStepStates, WizardStepEvents } from "./wizard-step.options.js";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/wizard-step/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,UAAU,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,QAAQ,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/wizard-step/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,UAAU,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC"}

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

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

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

@@ -1 +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;AACH,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"}
+{"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,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAErD;;;;;GAKG;AACH,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"}