@fabric-msft/fabric-web 0.1.0-beta

package/dts/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/dts/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/dts/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/dts/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/dts/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/dts/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/dts/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/dts/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/dts/util/debounce.d.ts

@@ -0,0 +1,7 @@
+/**
+ * debounce function
+ * @param func - function to be debounced
+ * @param delay - delay in milliseconds
+ */
+export declare function debounce(func: (...args: any[]) => void, delay: number): (this: any, ...args: any[]) => void;
+//# sourceMappingURL=debounce.d.ts.map

package/dts/util/debounce.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"debounce.d.ts","sourceRoot":"","sources":["../../../src/util/debounce.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,EAAE,KAAK,EAAE,MAAM,UAE7C,GAAG,WAAW,GAAG,EAAE,UAK3C"}

package/dts/util/render.d.ts

@@ -0,0 +1,15 @@
+import { ViewTemplate } from "@microsoft/fast-element";
+import { StoryContext } from "@storybook/csf";
+export declare type Args = {
+    [name: string]: any;
+};
+/**
+ * A helper that returns a function to bind a Storybook story to a ViewTemplate.
+ *
+ * @param template - The ViewTemplate to render
+ * @returns - a function to bind a Storybook story
+ */
+export declare function renderComponent<TArgs = Args>(template: ViewTemplate): (args: TArgs, context: StoryContext) => Element | DocumentFragment | null;
+/** Renders html to target using css selector string */
+export declare function renderHtmlTemplate(template: string, selector: string): void;
+//# sourceMappingURL=render.d.ts.map

package/dts/util/render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/util/render.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,CAAC,OAAO,MAAM,IAAI,GAAG;IACzB,CAAC,IAAI,EAAE,MAAM,GAAG,GAAG,CAAC;CACrB,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,KAAK,GAAG,IAAI,EAC1C,QAAQ,EAAE,YAAY,GACrB,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,KAAK,OAAO,GAAG,gBAAgB,GAAG,IAAI,CAS3E;AAED,uDAAuD;AACvD,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,QAKpE"}

package/esm/components/component-utilities/accessibility-utilities.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Checks whether the specified element is disabled.
+ * @param {Element} el The element to check.
+ */
+export declare function isDisabledElement(el: Element): el is HTMLElement;
+/**
+ * Checks whether the specified element is hidden.
+ * @param {Element} el The element to check.
+ */
+export declare function isHiddenElement(el: Element): el is HTMLElement;
+/**
+ * Checks whether the specified element is focusable.
+ * @param {Element} el The element to check.
+ */
+export declare function isFocusableElement(el: Element): el is HTMLElement;
+//# sourceMappingURL=accessibility-utilities.d.ts.map

package/esm/components/component-utilities/accessibility-utilities.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accessibility-utilities.d.ts","sourceRoot":"","sources":["../../../../src/components/component-utilities/accessibility-utilities.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,OAAO,GAAG,EAAE,IAAI,WAAW,CAEhE;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAAE,EAAE,OAAO,GAAG,EAAE,IAAI,WAAW,CAE9D;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,OAAO,GAAG,EAAE,IAAI,WAAW,CAMjE"}

package/esm/components/component-utilities/accessibility-utilities.js

@@ -0,0 +1,24 @@
+/**
+ * Checks whether the specified element is disabled.
+ * @param {Element} el The element to check.
+ */
+export function isDisabledElement(el) {
+    return el.getAttribute("aria-disabled") === "true";
+}
+/**
+ * Checks whether the specified element is hidden.
+ * @param {Element} el The element to check.
+ */
+export function isHiddenElement(el) {
+    return el.getAttribute("aria-hidden") === "true";
+}
+/**
+ * Checks whether the specified element is focusable.
+ * @param {Element} el The element to check.
+ */
+export function isFocusableElement(el) {
+    return (!isDisabledElement(el) &&
+        !isHiddenElement(el) &&
+        el.offsetParent !== null);
+}
+//# sourceMappingURL=accessibility-utilities.js.map

package/esm/components/component-utilities/accessibility-utilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accessibility-utilities.js","sourceRoot":"","sources":["../../../../src/components/component-utilities/accessibility-utilities.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAAW;IAC3C,OAAO,EAAE,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM,CAAC;AACrD,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,EAAW;IACzC,OAAO,EAAE,CAAC,YAAY,CAAC,aAAa,CAAC,KAAK,MAAM,CAAC;AACnD,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,kBAAkB,CAAC,EAAW;IAC5C,OAAO,CACL,CAAC,iBAAiB,CAAC,EAAE,CAAC;QACtB,CAAC,eAAe,CAAC,EAAE,CAAC;QACnB,EAAkB,CAAC,YAAY,KAAK,IAAI,CAC1C,CAAC;AACJ,CAAC"}

package/esm/components/component-utilities/attribute-utilities.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Sets the specified attributes on the given HTML element.
+ * @param {HTMLElement} element The HTML element on which to set attributes.
+ * @param {{[key: string]: string}} attributes An object mapping attribute names to values.
+ */
+export declare function setAttributes(element: HTMLElement, attributes: {
+    [key: string]: string;
+}): void;
+//# sourceMappingURL=attribute-utilities.d.ts.map

package/esm/components/component-utilities/attribute-utilities.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attribute-utilities.d.ts","sourceRoot":"","sources":["../../../../src/components/component-utilities/attribute-utilities.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,wBAAgB,aAAa,CAC3B,OAAO,EAAE,WAAW,EACpB,UAAU,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,GACpC,IAAI,CAIN"}

package/esm/components/component-utilities/attribute-utilities.js

@@ -0,0 +1,11 @@
+/**
+ * Sets the specified attributes on the given HTML element.
+ * @param {HTMLElement} element The HTML element on which to set attributes.
+ * @param {{[key: string]: string}} attributes An object mapping attribute names to values.
+ */
+export function setAttributes(element, attributes) {
+    Object.entries(attributes).forEach(([key, value]) => {
+        element.setAttribute(key, value);
+    });
+}
+//# sourceMappingURL=attribute-utilities.js.map

package/esm/components/component-utilities/attribute-utilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attribute-utilities.js","sourceRoot":"","sources":["../../../../src/components/component-utilities/attribute-utilities.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,UAAU,aAAa,CAC3B,OAAoB,EACpB,UAAqC;IAErC,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QAClD,OAAO,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;AACL,CAAC"}

package/esm/components/component-utilities/index.d.ts

@@ -0,0 +1,4 @@
+import { isDisabledElement, isHiddenElement, isFocusableElement } from './accessibility-utilities';
+import { setAttributes } from './attribute-utilities';
+export { isDisabledElement, isHiddenElement, isFocusableElement, setAttributes };
+//# sourceMappingURL=index.d.ts.map

package/esm/components/component-utilities/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/component-utilities/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACnG,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,OAAO,EACH,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EAClB,aAAa,EAChB,CAAA"}

package/esm/components/component-utilities/index.js

@@ -0,0 +1,4 @@
+import { isDisabledElement, isHiddenElement, isFocusableElement } from './accessibility-utilities';
+import { setAttributes } from './attribute-utilities';
+export { isDisabledElement, isHiddenElement, isFocusableElement, setAttributes };
+//# sourceMappingURL=index.js.map

package/esm/components/component-utilities/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/component-utilities/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACnG,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,OAAO,EACH,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EAClB,aAAa,EAChB,CAAA"}

package/esm/components/design-system.d.ts

@@ -0,0 +1,6 @@
+export declare const DesignSystem: Readonly<{
+    prefix: "fabric";
+    shadowRootMode: "open";
+    registry: CustomElementRegistry;
+}>;
+//# sourceMappingURL=design-system.d.ts.map

package/esm/components/design-system.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-system.d.ts","sourceRoot":"","sources":["../../../src/components/design-system.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;;;EAIvB,CAAC"}

package/esm/components/design-system.js

@@ -0,0 +1,6 @@
+export const DesignSystem = Object.freeze({
+    prefix: "fabric",
+    shadowRootMode: "open",
+    registry: customElements,
+});
+//# sourceMappingURL=design-system.js.map

package/esm/components/design-system.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-system.js","sourceRoot":"","sources":["../../../src/components/design-system.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC;IACxC,MAAM,EAAE,QAAQ;IAChB,cAAc,EAAE,MAAM;IACtB,QAAQ,EAAE,cAAc;CACzB,CAAC,CAAC"}

package/esm/components/multi-view/define.d.ts

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

package/esm/components/multi-view/define.d.ts.map

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

package/esm/components/multi-view/define.js

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

package/esm/components/multi-view/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../src/components/multi-view/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAExD,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

package/esm/components/multi-view/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./multi-view";
+export { definition as MultiViewDefinition } from "./multi-view.definition";
+export { styles as multiViewStyles } from "./multi-view.styles";
+export { template as multiViewTemplate } from "./multi-view.template";
+//# sourceMappingURL=index.d.ts.map

package/esm/components/multi-view/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-view/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC"}

package/esm/components/multi-view/index.js

@@ -0,0 +1,5 @@
+export * from "./multi-view";
+export { definition as MultiViewDefinition } from "./multi-view.definition";
+export { styles as multiViewStyles } from "./multi-view.styles";
+export { template as multiViewTemplate } from "./multi-view.template";
+//# sourceMappingURL=index.js.map

package/esm/components/multi-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/multi-view/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC"}

package/esm/components/multi-view/multi-view.d.ts

@@ -0,0 +1,18 @@
+import { FASTElement } from "@microsoft/fast-element";
+/**
+ * A class representing a MultiView.
+ * @class
+ * @extends FASTElement
+ */
+export declare class MultiView extends FASTElement {
+    /**
+     * Determines the hidden state of the multi-view
+     * @public
+     * @remarks
+     * HTML Attribute: hidden
+     * @type {boolean}
+     */
+    hidden: boolean;
+    hiddenChanged(oldValue: string, newValue: string): void;
+}
+//# sourceMappingURL=multi-view.d.ts.map

package/esm/components/multi-view/multi-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-view.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-view/multi-view.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAQ,MAAM,yBAAyB,CAAC;AAE5D;;;;GAIG;AACH,qBAAa,SAAU,SAAQ,WAAW;IACxC;;;;;;OAMG;IAEI,MAAM,EAAE,OAAO,CAAQ;IAEvB,aAAa,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;CAK/D"}

package/esm/components/multi-view/multi-view.definition.d.ts

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

package/esm/components/multi-view/multi-view.definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-view.definition.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-view/multi-view.definition.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzC;;;;;GAKG;AAEH,eAAO,MAAM,UAAU,2EAOrB,CAAC"}

package/esm/components/multi-view/multi-view.definition.js

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

package/esm/components/multi-view/multi-view.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-view.definition.js","sourceRoot":"","sources":["../../../../src/components/multi-view/multi-view.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD;;;;;GAKG;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC,OAAO,CAAC;IAC1C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,aAAa;IACzC,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/esm/components/multi-view/multi-view.js

@@ -0,0 +1,34 @@
+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 { FASTElement, attr } from "@microsoft/fast-element";
+/**
+ * A class representing a MultiView.
+ * @class
+ * @extends FASTElement
+ */
+export class MultiView extends FASTElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Determines the hidden state of the multi-view
+         * @public
+         * @remarks
+         * HTML Attribute: hidden
+         * @type {boolean}
+         */
+        this.hidden = true;
+    }
+    hiddenChanged(oldValue, newValue) {
+        if (oldValue !== newValue) {
+            this.$emit("hiddenchanged", this.hidden);
+        }
+    }
+}
+__decorate([
+    attr({ mode: "boolean" })
+], MultiView.prototype, "hidden", void 0);
+//# sourceMappingURL=multi-view.js.map

package/esm/components/multi-view/multi-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-view.js","sourceRoot":"","sources":["../../../../src/components/multi-view/multi-view.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE5D;;;;GAIG;AACH,MAAM,OAAO,SAAU,SAAQ,WAAW;IAA1C;;QACE;;;;;;WAMG;QAEI,WAAM,GAAY,IAAI,CAAC;IAOhC,CAAC;IALQ,aAAa,CAAC,QAAgB,EAAE,QAAgB;QACrD,IAAG,QAAQ,KAAK,QAAQ,EAAE;YACxB,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;SAC1C;IACH,CAAC;CACF;AAPC;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;yCACI"}

package/esm/components/multi-view/multi-view.styles.d.ts

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

package/esm/components/multi-view/multi-view.styles.d.ts.map

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

package/esm/components/multi-view/multi-view.styles.js

@@ -0,0 +1,29 @@
+import { colorStrokeFocus2, colorTransparentStroke, shadow4, strokeWidthThick, } from "@fluentui/web-components";
+import { css } from "@microsoft/fast-element";
+import { display } from "@microsoft/fast-foundation";
+/** MultiView styles
+ * @public
+ */
+export const styles = css `
+  ${display("block")}
+
+  :host {
+    display: block;
+    position: relative;
+  }
+  :host([hidden]) {
+    display: none;
+  }
+  :host([data-flexposition="2"]) {
+    order: 2;
+  }
+  :host(:focus-visible)::after {
+    content: "";
+    position: absolute;
+    inset: 1px;
+    border-color: ${colorTransparentStroke};
+    outline: ${strokeWidthThick} solid ${colorTransparentStroke};
+    box-shadow: ${shadow4}, 0 0 0 2px ${colorStrokeFocus2};
+  }
+`;
+//# sourceMappingURL=multi-view.styles.js.map

package/esm/components/multi-view/multi-view.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-view.styles.js","sourceRoot":"","sources":["../../../../src/components/multi-view/multi-view.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,sBAAsB,EACtB,OAAO,EACP,gBAAgB,GACjB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,OAAO,CAAC;;;;;;;;;;;;;;;;oBAgBA,sBAAsB;eAC3B,gBAAgB,UAAU,sBAAsB;kBAC7C,OAAO,eAAe,iBAAiB;;CAExD,CAAC"}

package/esm/components/multi-view/multi-view.template.d.ts

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

package/esm/components/multi-view/multi-view.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-view.template.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-view/multi-view.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAQ,MAAM,yBAAyB,CAAC;AAEpE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,CAAC,SAAS,SAAS,KAChB,mBAAmB,CAAC,CAAC,CAAC,CAgB1B;AAED,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,SAAS,CAAuB,CAAC"}

package/esm/components/multi-view/multi-view.template.js

@@ -0,0 +1,25 @@
+import { html } from "@microsoft/fast-element";
+import { endSlotTemplate, startSlotTemplate } from "@microsoft/fast-foundation";
+/**
+ * The template for the {@link @fabric-msft/fabric-web#(MultiView:class)} component.
+ * @public
+ */
+export function multiViewTemplate() {
+    return html `
+    <template
+      slot="multi-view"
+      role="tabpanel"
+      ?hidden="${(x) => x.hidden}"
+      tabindex="${(x) => (!x.hidden ? "0" : "-1")}"
+      role="region"
+    >
+      <div class="multi-view" part="multi-view">
+        ${startSlotTemplate({})}
+        <slot></slot>
+        ${endSlotTemplate({})}
+      </div>
+    </template>
+  `;
+}
+export const template = multiViewTemplate();
+//# sourceMappingURL=multi-view.template.js.map

package/esm/components/multi-view/multi-view.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-view.template.js","sourceRoot":"","sources":["../../../../src/components/multi-view/multi-view.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAGhF;;;GAGG;AACH,MAAM,UAAU,iBAAiB;IAG/B,OAAO,IAAI,CAAG;;;;iBAIC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM;kBACd,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;;;;UAIvC,iBAAiB,CAAC,EAAE,CAAC;;UAErB,eAAe,CAAC,EAAE,CAAC;;;GAG1B,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAmC,iBAAiB,EAAE,CAAC"}

package/esm/components/multi-view-controller/define.d.ts

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

package/esm/components/multi-view-controller/define.d.ts.map

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

package/esm/components/multi-view-controller/define.js

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

package/esm/components/multi-view-controller/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../src/components/multi-view-controller/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAEhE,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

package/esm/components/multi-view-controller/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./multi-view-controller";
+export { definition as MultiViewControllerDefinition } from "./multi-view-controller.definition";
+export { styles as multiViewControllerStyles } from "./multi-view-controller.styles";
+export { template as multiViewControllerTemplate } from "./multi-view-controller.template";
+//# sourceMappingURL=index.d.ts.map

package/esm/components/multi-view-controller/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-view-controller/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,UAAU,IAAI,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACjG,OAAO,EAAE,MAAM,IAAI,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AACrF,OAAO,EAAE,QAAQ,IAAI,2BAA2B,EAAE,MAAM,kCAAkC,CAAC"}

package/esm/components/multi-view-controller/index.js

@@ -0,0 +1,5 @@
+export * from "./multi-view-controller";
+export { definition as MultiViewControllerDefinition } from "./multi-view-controller.definition";
+export { styles as multiViewControllerStyles } from "./multi-view-controller.styles";
+export { template as multiViewControllerTemplate } from "./multi-view-controller.template";
+//# sourceMappingURL=index.js.map

package/esm/components/multi-view-controller/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/multi-view-controller/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,UAAU,IAAI,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACjG,OAAO,EAAE,MAAM,IAAI,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AACrF,OAAO,EAAE,QAAQ,IAAI,2BAA2B,EAAE,MAAM,kCAAkC,CAAC"}

package/esm/components/multi-view-controller/multi-view-controller.d.ts

@@ -0,0 +1,8 @@
+import { FASTElement } from "@microsoft/fast-element";
+/**
+ * A MultiViewController Component to be used with MultiViewGroup.
+ * @public
+ */
+export declare class MultiViewController extends FASTElement {
+}
+//# sourceMappingURL=multi-view-controller.d.ts.map

package/esm/components/multi-view-controller/multi-view-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-view-controller.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-view-controller/multi-view-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD;;;GAGG;AACH,qBAAa,mBAAoB,SAAQ,WAAW;CAAG"}

package/esm/components/multi-view-controller/multi-view-controller.definition.d.ts

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

package/esm/components/multi-view-controller/multi-view-controller.definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-view-controller.definition.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-view-controller/multi-view-controller.definition.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAI9D;;;;;GAKG;AAEH,eAAO,MAAM,UAAU,qFAIrB,CAAC"}

package/esm/components/multi-view-controller/multi-view-controller.definition.js

@@ -0,0 +1,16 @@
+import { DesignSystem } from "../design-system";
+import { MultiViewController } from "./multi-view-controller";
+import { styles } from "./multi-view-controller.styles";
+import { template } from "./multi-view-controller.template";
+/**
+ *
+ * @public
+ * @remarks
+ * HTML Element: <fluent-multi-view-controller>
+ */
+export const definition = MultiViewController.compose({
+    name: `${DesignSystem.prefix}-multi-view-controller`,
+    template,
+    styles
+});
+//# sourceMappingURL=multi-view-controller.definition.js.map

package/esm/components/multi-view-controller/multi-view-controller.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-view-controller.definition.js","sourceRoot":"","sources":["../../../../src/components/multi-view-controller/multi-view-controller.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAE5D;;;;;GAKG;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,mBAAmB,CAAC,OAAO,CAAC;IACpD,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,wBAAwB;IACpD,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}

package/esm/components/multi-view-controller/multi-view-controller.js

@@ -0,0 +1,8 @@
+import { FASTElement } from "@microsoft/fast-element";
+/**
+ * A MultiViewController Component to be used with MultiViewGroup.
+ * @public
+ */
+export class MultiViewController extends FASTElement {
+}
+//# sourceMappingURL=multi-view-controller.js.map

package/esm/components/multi-view-controller/multi-view-controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-view-controller.js","sourceRoot":"","sources":["../../../../src/components/multi-view-controller/multi-view-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD;;;GAGG;AACH,MAAM,OAAO,mBAAoB,SAAQ,WAAW;CAAG"}

package/esm/components/multi-view-controller/multi-view-controller.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("@microsoft/fast-element").ElementStyles;
+//# sourceMappingURL=multi-view-controller.styles.d.ts.map

package/esm/components/multi-view-controller/multi-view-controller.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-view-controller.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-view-controller/multi-view-controller.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,iDAuBlB,CAAC"}

package/esm/components/multi-view-controller/multi-view-controller.styles.js

@@ -0,0 +1,27 @@
+import { css } from "@microsoft/fast-element";
+// Need to support icon hover styles
+export const styles = css `
+  :host {
+    position: relative;
+  }
+  :host([aria-expanded="true"])::before {
+    content: "";
+    z-index: 3;
+    position: absolute;
+    left: 0;
+    height: 32px;
+    width: 3px;
+    background: var(--colorBrandBackground);
+  }
+
+  :host(:focus-visible)::after {
+    content: "";
+    position: absolute;
+    inset: 0px;
+    cursor: pointer;
+    border-radius: var(--borderRadiusSmall);
+    outline: none;
+    box-shadow: inset 0 0 0 1px var(--colorStrokeFocus2);
+  }
+`;
+//# sourceMappingURL=multi-view-controller.styles.js.map

package/esm/components/multi-view-controller/multi-view-controller.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-view-controller.styles.js","sourceRoot":"","sources":["../../../../src/components/multi-view-controller/multi-view-controller.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,oCAAoC;AACpC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;CAuBxB,CAAC"}

package/esm/components/multi-view-controller/multi-view-controller.template.d.ts

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