@fluentui/web-components 3.0.0-beta.1 → 3.0.0-beta.100

package/dist/esm/menu/menu.js

@@ -0,0 +1,375 @@
+import { __decorate } from "tslib";
+import { attr, FASTElement, observable, Updates } from '@microsoft/fast-element';
+import { keyEnter, keyEscape, keySpace, keyTab } from '@microsoft/fast-web-utilities';
+import { MenuItem } from '../menu-item/menu-item.js';
+import { MenuItemRole } from '../menu-item/menu-item.options.js';
+/**
+ * A Menu component that provides a customizable menu element.
+ *
+ * @tag fluent-menu
+ *
+ * @class Menu
+ * @extends FASTElement
+ *
+ * @attr open-on-hover - Determines if the menu should open on hover.
+ * @attr open-on-context - Determines if the menu should open on right click.
+ * @attr close-on-scroll - Determines if the menu should close on scroll.
+ * @attr persist-on-item-click - Determines if the menu open state should persist on click of menu item.
+ * @attr split - Determines if the menu is in split state.
+ *
+ * @cssproperty --menu-max-height - The max-height of the menu.
+ *
+ * @slot primary-action - Slot for the primary action elements. Used when in `split` state.
+ * @slot trigger - Slot for the trigger elements.
+ * @slot - Default slot for the menu list.
+ *
+ * @method connectedCallback - Called when the element is connected to the DOM. Sets up the component.
+ * @method disconnectedCallback - Called when the element is disconnected from the DOM. Removes event listeners.
+ * @method setComponent - Sets the component state.
+ * @method toggleMenu - Toggles the open state of the menu.
+ * @method closeMenu - Closes the menu.
+ * @method openMenu - Opens the menu.
+ * @method focusMenuList - Focuses on the menu list.
+ * @method focusTrigger - Focuses on the menu trigger.
+ * @method openOnHoverChanged - Called whenever the 'openOnHover' property changes.
+ * @method persistOnItemClickChanged - Called whenever the 'persistOnItemClick' property changes.
+ * @method openOnContextChanged - Called whenever the 'openOnContext' property changes.
+ * @method closeOnScrollChanged - Called whenever the 'closeOnScroll' property changes.
+ * @method addListeners - Adds event listeners.
+ * @method removeListeners - Removes event listeners.
+ * @method menuKeydownHandler - Handles keyboard interaction for the menu.
+ * @method triggerKeydownHandler - Handles keyboard interaction for the trigger.
+ * @method documentClickHandler - Handles document click events to close the menu when a click occurs outside of the menu or the trigger.
+ *
+ * @summary The Menu component functions as a customizable menu element.
+ *
+ * @tag fluent-menu
+ *
+ * @public
+ */
+export class Menu extends FASTElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Holds the slotted menu list.
+         * @public
+         */
+        this.slottedMenuList = [];
+        /**
+         * Holds the slotted triggers.
+         * @public
+         */
+        this.slottedTriggers = [];
+        /**
+         * Defines whether the menu is open or not.
+         * @internal
+         */
+        this._open = false;
+        /**
+         * Toggles the open state of the menu.
+         * @public
+         */
+        this.toggleMenu = () => {
+            this._menuList?.togglePopover(!this._open);
+        };
+        /**
+         * Closes the menu.
+         * @public
+         */
+        this.closeMenu = (event) => {
+            // Keep menu open if the event target is a menu item checkbox or radio
+            if (event?.target instanceof MenuItem &&
+                (event.target.getAttribute('role') === MenuItemRole.menuitemcheckbox ||
+                    event.target.getAttribute('role') === MenuItemRole.menuitemradio)) {
+                return;
+            }
+            this._menuList?.togglePopover(false);
+            if (this.closeOnScroll) {
+                document.removeEventListener('scroll', this.closeMenu);
+            }
+        };
+        /**
+         * Opens the menu.
+         * @public
+         */
+        this.openMenu = (e) => {
+            this._menuList?.togglePopover(true);
+            if (e && this.openOnContext) {
+                e.preventDefault();
+            }
+            if (this.closeOnScroll) {
+                document.addEventListener('scroll', this.closeMenu);
+            }
+        };
+        /**
+         * Handles the 'toggle' event on the popover.
+         * @public
+         * @param e - the event
+         * @returns void
+         */
+        this.toggleHandler = (e) => {
+            // @ts-expect-error - Baseline 2024
+            if (e.type === 'toggle' && e.newState) {
+                // @ts-expect-error - Baseline 2024
+                const newState = e.newState === 'open' ? true : false;
+                this._trigger?.setAttribute('aria-expanded', `${newState}`);
+                this._open = newState;
+                this.focusMenuList();
+            }
+        };
+        /**
+         * Handles keyboard interaction for the trigger. Toggles the menu when the Space or Enter key is pressed. If the menu
+         * is open, focuses on the menu list.
+         *
+         * @param e - the keyboard event
+         * @public
+         */
+        this.triggerKeydownHandler = (e) => {
+            if (e.defaultPrevented) {
+                return;
+            }
+            const key = e.key;
+            switch (key) {
+                case keySpace:
+                case keyEnter:
+                    e.preventDefault();
+                    this.toggleMenu();
+                    break;
+                default:
+                    return true;
+            }
+        };
+        /**
+         * Handles document click events to close a menu opened with contextmenu in popover="manual" mode.
+         * @internal
+         * @param e - The event triggered on document click.
+         */
+        this.documentClickHandler = (e) => {
+            if (!e.composedPath().some((el) => el === this._trigger || el === this._menuList)) {
+                this.closeMenu();
+            }
+        };
+    }
+    /**
+     * Called when the element is connected to the DOM.
+     * Sets up the component.
+     * @public
+     */
+    connectedCallback() {
+        super.connectedCallback();
+        Updates.enqueue(() => this.setComponent());
+    }
+    /**
+     * Called when the element is disconnected from the DOM.
+     * Removes event listeners.
+     * @public
+     */
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeListeners();
+    }
+    /**
+     * Sets the component.
+     * Sets the trigger and menu list elements and adds event listeners.
+     * @public
+     */
+    setComponent() {
+        if (this.$fastController.isConnected && this.slottedMenuList.length && this.slottedTriggers.length) {
+            this._trigger = this.slottedTriggers[0];
+            this._menuList = this.slottedMenuList[0];
+            this._trigger.setAttribute('aria-haspopup', 'true');
+            this._trigger.setAttribute('aria-expanded', `${this._open}`);
+            this._menuList.setAttribute('popover', this.openOnContext ? 'manual' : '');
+            this.addListeners();
+        }
+    }
+    /**
+     * Focuses on the menu list.
+     * @public
+     */
+    focusMenuList() {
+        Updates.enqueue(() => {
+            this._menuList.focus();
+        });
+    }
+    /**
+     * Focuses on the menu trigger.
+     * @public
+     */
+    focusTrigger() {
+        Updates.enqueue(() => {
+            this._trigger.focus();
+        });
+    }
+    /**
+     * Called whenever the 'openOnHover' property changes.
+     * Adds or removes a 'mouseover' event listener to the trigger based on the new value.
+     *
+     * @param oldValue - The previous value of 'openOnHover'.
+     * @param newValue - The new value of 'openOnHover'.
+     * @public
+     */
+    openOnHoverChanged(oldValue, newValue) {
+        if (newValue) {
+            this._trigger?.addEventListener('mouseover', this.openMenu);
+        }
+        else {
+            this._trigger?.removeEventListener('mouseover', this.openMenu);
+        }
+    }
+    /**
+     * Called whenever the 'persistOnItemClick' property changes.
+     * Adds or removes a 'click' event listener to the menu list based on the new value.
+     * @public
+     * @param oldValue - The previous value of 'persistOnItemClick'.
+     * @param newValue - The new value of 'persistOnItemClick'.
+     */
+    persistOnItemClickChanged(oldValue, newValue) {
+        if (!newValue) {
+            this._menuList?.addEventListener('change', this.closeMenu);
+        }
+        else {
+            this._menuList?.removeEventListener('change', this.closeMenu);
+        }
+    }
+    /**
+     * Called whenever the 'openOnContext' property changes.
+     * Adds or removes a 'contextmenu' event listener to the trigger based on the new value.
+     * @public
+     * @param oldValue - The previous value of 'openOnContext'.
+     * @param newValue - The new value of 'openOnContext'.
+     */
+    openOnContextChanged(oldValue, newValue) {
+        if (newValue) {
+            this._trigger?.addEventListener('contextmenu', this.openMenu);
+        }
+        else {
+            this._trigger?.removeEventListener('contextmenu', this.openMenu);
+        }
+    }
+    /**
+     * Called whenever the 'closeOnScroll' property changes.
+     * Adds or removes a 'closeOnScroll' event listener to the trigger based on the new value.
+     * @public
+     * @param oldValue - The previous value of 'closeOnScroll'.
+     * @param newValue - The new value of 'closeOnScroll'.
+     */
+    closeOnScrollChanged(oldValue, newValue) {
+        if (newValue) {
+            document.addEventListener('scroll', this.closeMenu);
+        }
+        else {
+            document.removeEventListener('scroll', this.closeMenu);
+        }
+    }
+    /**
+     * Adds event listeners.
+     * Adds click and keydown event listeners to the trigger.
+     * Adds a 'toggle' event listener to the menu list.
+     * If 'openOnHover' is true, adds a 'mouseover' event listener to the trigger.
+     * If 'openOnContext' is true, adds a 'contextmenu' event listener to the trigger and a document 'click' event listener.
+     * @internal
+     */
+    addListeners() {
+        this._menuList?.addEventListener('toggle', this.toggleHandler);
+        this._trigger?.addEventListener('keydown', this.triggerKeydownHandler);
+        if (!this.persistOnItemClick) {
+            this._menuList?.addEventListener('change', this.closeMenu);
+        }
+        if (this.openOnHover) {
+            this._trigger?.addEventListener('mouseover', this.openMenu);
+        }
+        else if (this.openOnContext) {
+            this._trigger?.addEventListener('contextmenu', this.openMenu);
+            document.addEventListener('click', this.documentClickHandler);
+        }
+        else {
+            this._trigger?.addEventListener('click', this.toggleMenu);
+        }
+    }
+    /**
+     * Removes event listeners.
+     * Removes click and keydown event listeners from the trigger.
+     * Also removes toggle event listener from the menu list.
+     * Also removes 'mouseover' event listeners from the trigger.
+     * Also removes 'contextmenu' event listeners from the trigger and document 'click' event listeners.
+     * @internal
+     */
+    removeListeners() {
+        this._menuList?.removeEventListener('toggle', this.toggleHandler);
+        this._trigger?.removeEventListener('keydown', this.triggerKeydownHandler);
+        if (!this.persistOnItemClick) {
+            this._menuList?.removeEventListener('change', this.closeMenu);
+        }
+        if (this.openOnHover) {
+            this._trigger?.removeEventListener('mouseover', this.openMenu);
+        }
+        if (this.openOnContext) {
+            this._trigger?.removeEventListener('contextmenu', this.openMenu);
+            document.removeEventListener('click', this.documentClickHandler);
+        }
+        else {
+            this._trigger?.removeEventListener('click', this.toggleMenu);
+        }
+    }
+    /**
+     * Handles keyboard interaction for the menu. Closes the menu and focuses on the trigger when the Escape key is
+     * pressed. Closes the menu when the Tab key is pressed.
+     *
+     * @param e - the keyboard event
+     * @public
+     */
+    menuKeydownHandler(e) {
+        if (e.defaultPrevented) {
+            return;
+        }
+        const key = e.key;
+        switch (key) {
+            case keyEscape:
+                e.preventDefault();
+                if (this._open) {
+                    this.closeMenu();
+                    this.focusTrigger();
+                }
+                break;
+            case keyTab:
+                if (this._open)
+                    this.closeMenu();
+                if (e.shiftKey &&
+                    e.composedPath()[0] !== this._trigger &&
+                    e.composedPath()[0].assignedSlot !== this.primaryAction) {
+                    this.focusTrigger();
+                }
+                else if (e.shiftKey) {
+                    return true;
+                }
+            default:
+                return true;
+        }
+    }
+}
+__decorate([
+    attr({ attribute: 'open-on-hover', mode: 'boolean' })
+], Menu.prototype, "openOnHover", void 0);
+__decorate([
+    attr({ attribute: 'open-on-context', mode: 'boolean' })
+], Menu.prototype, "openOnContext", void 0);
+__decorate([
+    attr({ attribute: 'close-on-scroll', mode: 'boolean' })
+], Menu.prototype, "closeOnScroll", void 0);
+__decorate([
+    attr({ attribute: 'persist-on-item-click', mode: 'boolean' })
+], Menu.prototype, "persistOnItemClick", void 0);
+__decorate([
+    attr({ mode: 'boolean' })
+], Menu.prototype, "split", void 0);
+__decorate([
+    observable
+], Menu.prototype, "slottedMenuList", void 0);
+__decorate([
+    observable
+], Menu.prototype, "slottedTriggers", void 0);
+__decorate([
+    observable
+], Menu.prototype, "primaryAction", void 0);
+//# sourceMappingURL=menu.js.map

package/dist/esm/menu/menu.js.map

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

package/dist/esm/menu/menu.styles.js

@@ -0,0 +1,61 @@
+import { css } from '@microsoft/fast-element';
+import { display } from '../utils/index.js';
+import { colorNeutralStroke1, strokeWidthThin } from '../theme/design-tokens.js';
+/** Menu styles
+ * @public
+ */
+export const styles = css `
+  ${display('inline-block')}
+
+  ::slotted([slot='trigger']) {
+    anchor-name: --menu-trigger;
+  }
+
+  ::slotted([popover]) {
+    margin: 0;
+    max-height: var(--menu-max-height, auto);
+    position-anchor: --menu-trigger;
+    position-area: block-end span-inline-end;
+    position-try-fallbacks: flip-block;
+    position: absolute;
+    z-index: 1;
+  }
+
+  :host([split]) ::slotted([popover]) {
+    position-area: block-end span-inline-start;
+  }
+
+  ::slotted([popover]:popover-open) {
+    inset: unset;
+  }
+
+  ::slotted([popover]:not(:popover-open)) {
+    display: none;
+  }
+
+  :host([split]) {
+    display: inline-flex;
+  }
+
+  :host([split]) ::slotted([slot='primary-action']) {
+    border-inline-end: ${strokeWidthThin} solid ${colorNeutralStroke1};
+    border-start-end-radius: 0;
+    border-end-end-radius: 0;
+  }
+
+  /* Keeps focus visible visuals above trigger slot*/
+  :host([split]) ::slotted([slot='primary-action']:focus-visible) {
+    z-index: 1;
+  }
+
+  :host([split]) ::slotted([slot='primary-action'][appearance='primary']) {
+    border-inline-end: ${strokeWidthThin} solid white;
+  }
+
+  :host([split]) ::slotted([slot='trigger']) {
+    border-inline-start: 0;
+    border-start-start-radius: 0;
+    border-end-start-radius: 0;
+  }
+`;
+//# sourceMappingURL=menu.styles.js.map

package/dist/esm/menu/menu.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.styles.js","sourceRoot":"","sources":["../../../src/menu/menu.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjF;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAiCF,eAAe,UAAU,mBAAmB;;;;;;;;;;;yBAW5C,eAAe;;;;;;;;CAQvC,CAAC"}

package/dist/esm/menu/menu.template.js

@@ -0,0 +1,18 @@
+import { elements, html, ref, slotted } from '@microsoft/fast-element';
+export function menuTemplate() {
+    return html `
+    <template
+      ?open-on-hover="${x => x.openOnHover}"
+      ?open-on-context="${x => x.openOnContext}"
+      ?close-on-scroll="${x => x.closeOnScroll}"
+      ?persist-on-item-click="${x => x.persistOnItemClick}"
+      @keydown="${(x, c) => x.menuKeydownHandler(c.event)}"
+    >
+      <slot name="primary-action" ${ref('primaryAction')}></slot>
+      <slot name="trigger" ${slotted({ property: 'slottedTriggers', filter: elements() })}></slot>
+      <slot ${slotted({ property: 'slottedMenuList', filter: elements() })}></slot>
+    </template>
+  `;
+}
+export const template = menuTemplate();
+//# sourceMappingURL=menu.template.js.map

package/dist/esm/menu/menu.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.template.js","sourceRoot":"","sources":["../../../src/menu/menu.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAA4B,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAGjG,MAAM,UAAU,YAAY;IAC1B,OAAO,IAAI,CAAG;;wBAEQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;0BAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa;0BACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa;gCACd,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB;kBACvC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,KAAsB,CAAC;;oCAEtC,GAAG,CAAC,eAAe,CAAC;6BAC3B,OAAO,CAAC,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,CAAC;cAC3E,OAAO,CAAC,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,CAAC;;GAEvE,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAA8B,YAAY,EAAE,CAAC"}

package/dist/esm/menu-button/index.js

@@ -1,6 +1,6 @@
-export * from './menu-button.js';
-export * from './menu-button.options.js';
-export { template as MenuButtonTemplate } from './menu-button.template.js';
 export { styles as MenuButtonStyles } from '../button/button.styles.js';
 export { definition as MenuButtonDefinition } from './menu-button.definition.js';
+export { MenuButton } from './menu-button.js';
+export { MenuButtonAppearance, MenuButtonShape, MenuButtonSize } from './menu-button.options.js';
+export { template as MenuButtonTemplate } from './menu-button.template.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/menu-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/menu-button/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,QAAQ,IAAI,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACxE,OAAO,EAAE,UAAU,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/menu-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACxE,OAAO,EAAE,UAAU,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAEjG,OAAO,EAAE,QAAQ,IAAI,kBAAkB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/esm/menu-button/menu-button.bench.js

@@ -0,0 +1,11 @@
+import { FluentDesignSystem } from '../fluent-design-system.js';
+import { definition } from './menu-button.definition.js';
+definition.define(FluentDesignSystem.registry);
+const itemRenderer = () => {
+    const btn = document.createElement('fluent-menu-button');
+    btn.appendChild(document.createTextNode('Menu button'));
+    return btn;
+};
+export default itemRenderer;
+export { tests } from '../utils/benchmark-wrapper.js';
+//# sourceMappingURL=menu-button.bench.js.map

package/dist/esm/menu-button/menu-button.bench.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-button.bench.js","sourceRoot":"","sources":["../../../src/menu-button/menu-button.bench.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,UAAU,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;AAE/C,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;IACzD,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,CAAC;IACxD,OAAO,GAAG,CAAC;AACb,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/esm/menu-button/menu-button.definition.js

@@ -3,9 +3,6 @@ import { styles } from '../button/button.styles.js';
 import { MenuButton } from './menu-button.js';
 import { template } from './menu-button.template.js';
 /**
- * The Fluent Menu Button Element. Implements {@link @microsoft/fast-foundation#Button },
- * {@link @microsoft/fast-foundation#buttonTemplate}
- *
  * @public
  * @remarks
  * HTML Element: \<fluent-button\>
@@ -14,8 +11,5 @@ export const definition = MenuButton.compose({
     name: `${FluentDesignSystem.prefix}-menu-button`,
     template,
     styles,
-    shadowOptions: {
-        delegatesFocus: true,
-    },
 });
 //# sourceMappingURL=menu-button.definition.js.map

package/dist/esm/menu-button/menu-button.definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-button.definition.js","sourceRoot":"","sources":["../../../src/menu-button/menu-button.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAErD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC;IAC3C,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,cAAc;IAChD,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,cAAc,EAAE,IAAI;KACrB;CACF,CAAC,CAAC"}
+{"version":3,"file":"menu-button.definition.js","sourceRoot":"","sources":["../../../src/menu-button/menu-button.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAErD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC;IAC3C,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,cAAc;IAChD,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}

package/dist/esm/menu-button/menu-button.js

@@ -1,6 +1,9 @@
 import { Button } from '../button/button.js';
 /**
  * The base class used for constructing a fluent-menu-button custom element
+ *
+ * @tag fluent-menu-button
+ *
  * @public
  */
 export class MenuButton extends Button {

package/dist/esm/menu-button/menu-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-button.js","sourceRoot":"","sources":["../../../src/menu-button/menu-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C;;;GAGG;AACH,MAAM,OAAO,UAAW,SAAQ,MAAM;CAAG"}
+{"version":3,"file":"menu-button.js","sourceRoot":"","sources":["../../../src/menu-button/menu-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C;;;;;;GAMG;AACH,MAAM,OAAO,UAAW,SAAQ,MAAM;CAAG"}

package/dist/esm/menu-button/menu-button.options.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-button.options.js","sourceRoot":"","sources":["../../../src/menu-button/menu-button.options.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAExF;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,gBAAgB,CAAC;AAQrD;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,WAAW,CAAC;AAQ3C;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAC"}
+{"version":3,"file":"menu-button.options.js","sourceRoot":"","sources":["../../../src/menu-button/menu-button.options.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAGxF;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,gBAAgB,CAAC;AAQrD;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,WAAW,CAAC;AAQ3C;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAC"}

package/dist/esm/menu-button/menu-button.template.js

@@ -1,10 +1,14 @@
 import { html } from '@microsoft/fast-element';
-import { buttonTemplate } from '@microsoft/fast-foundation/button.js';
+import { buttonTemplate } from '../button/button.template.js';
 /**
  * The template for the Button component.
  * @public
  */
 export const template = buttonTemplate({
-    end: html.partial(`<svg slot="end" fill="currentColor" aria-hidden="true" width="1em" height="1em" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M15.85 7.65c.2.2.2.5 0 .7l-5.46 5.49a.55.55 0 0 1-.78 0L4.15 8.35a.5.5 0 1 1 .7-.7L10 12.8l5.15-5.16c.2-.2.5-.2.7 0Z" fill="currentColor"></path></svg>`),
+    end: html.partial(/* html */ `
+    <svg slot="end" fill="currentColor" aria-hidden="true" width="1em" height="1em" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+      <path d="M15.85 7.65c.2.2.2.5 0 .7l-5.46 5.49a.55.55 0 0 1-.78 0L4.15 8.35a.5.5 0 1 1 .7-.7L10 12.8l5.15-5.16c.2-.2.5-.2.7 0Z" fill="currentColor"></path>
+    </svg>
+  `),
 });
 //# sourceMappingURL=menu-button.template.js.map

package/dist/esm/menu-button/menu-button.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-button.template.js","sourceRoot":"","sources":["../../../src/menu-button/menu-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAGtE;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAoC,cAAc,CAAa;IAClF,GAAG,EAAE,IAAI,CAAC,OAAO,CACf,ySAAyS,CAC1S;CACF,CAAC,CAAC"}
+{"version":3,"file":"menu-button.template.js","sourceRoot":"","sources":["../../../src/menu-button/menu-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAG9D;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAoC,cAAc,CAAa;IAClF,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;;;;GAI5B,CAAC;CACH,CAAC,CAAC"}

package/dist/esm/menu-item/index.js

@@ -1,5 +1,6 @@
-export * from './menu-item.js';
-export { template as MenuItemTemplate } from './menu-item.template.js';
-export { styles as MenuItemStyles } from './menu-item.styles.js';
 export { definition as MenuItemDefinition } from './menu-item.definition.js';
+export { MenuItem } from './menu-item.js';
+export { MenuItemRole, roleForMenuItem } from './menu-item.options.js';
+export { styles as MenuItemStyles } from './menu-item.styles.js';
+export { template as MenuItemTemplate } from './menu-item.template.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/menu-item/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/menu-item/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,QAAQ,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/menu-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,QAAQ,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/esm/menu-item/menu-item.bench.js

@@ -0,0 +1,11 @@
+import { FluentDesignSystem } from '../fluent-design-system.js';
+import { definition } from './menu-item.definition.js';
+definition.define(FluentDesignSystem.registry);
+const itemRenderer = () => {
+    const menuItem = document.createElement('fluent-menu-item');
+    menuItem.appendChild(document.createTextNode('Menu item'));
+    return menuItem;
+};
+export default itemRenderer;
+export { tests } from '../utils/benchmark-wrapper.js';
+//# sourceMappingURL=menu-item.bench.js.map

package/dist/esm/menu-item/menu-item.bench.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.bench.js","sourceRoot":"","sources":["../../../src/menu-item/menu-item.bench.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;AAE/C,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC5D,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC;IAC3D,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/esm/menu-item/menu-item.definition.js

@@ -3,10 +3,6 @@ import { MenuItem } from './menu-item.js';
 import { styles } from './menu-item.styles.js';
 import { template } from './menu-item.template.js';
 /**
- * The Fluent Menu Item Element. Implements {@link @microsoft/fast-foundation#MenuItem },
- * {@link @microsoft/fast-foundation#menuItemTemplate}
- *
- *
  * @public
  * @remarks
  * HTML Element: <fluent-menu-item>

package/dist/esm/menu-item/menu-item.definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.definition.js","sourceRoot":"","sources":["../../../src/menu-item/menu-item.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC;IACzC,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,YAAY;IAC9C,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}
+{"version":3,"file":"menu-item.definition.js","sourceRoot":"","sources":["../../../src/menu-item/menu-item.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC;IACzC,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,YAAY;IAC9C,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}