@fluentui/web-components 3.0.0-beta.2 → 3.0.0-beta.21

package/dist/esm/index.js

@@ -1,30 +1,37 @@
-export * from './accordion/index.js';
-export * from './accordion-item/index.js';
-export * from './anchor-button/index.js';
-export * from './avatar/index.js';
-export * from './badge/index.js';
-export * from './button/index.js';
-export * from './checkbox/index.js';
-export * from './compound-button/index.js';
-export * from './counter-badge/index.js';
-export * from './divider/index.js';
-export * from './image/index.js';
-export * from './label/index.js';
-export * from './menu-button/index.js';
-export * from './menu-item/index.js';
-export * from './menu-list/index.js';
-export * from './progress-bar/index.js';
-export * from './radio/index.js';
-export * from './radio-group/index.js';
-export * from './slider/index.js';
-export * from './spinner/index.js';
-export * from './switch/index.js';
-export * from './tabs/index.js';
-export * from './tab/index.js';
-export * from './tab-panel/index.js';
-export * from './text/index.js';
-export * from './text-input/index.js';
-export * from './toggle-button/index.js';
-export * from './fluent-design-system.js';
-export * from './theme/index.js';
+export { Accordion, AccordionExpandMode, accordionTemplate, accordionStyles, accordionDefinition, } from './accordion/index.js';
+export { AccordionItem, AccordionItemSize, AccordionItemExpandIconPosition, accordionItemTemplate, accordionItemStyles, accordionItemDefinition, } from './accordion-item/index.js';
+export { AnchorButton, AnchorButtonAppearance, AnchorButtonShape, AnchorButtonSize, AnchorTarget, AnchorButtonTemplate, AnchorButtonDefinition, } from './anchor-button/index.js';
+export { Avatar, AvatarActive, AvatarAppearance, AvatarColor, AvatarNamedColor, AvatarShape, AvatarSize, AvatarTemplate, AvatarStyles, AvatarDefinition, } from './avatar/index.js';
+export { Badge, BadgeAppearance, BadgeColor, BadgeShape, BadgeSize, BadgeTemplate, BadgeStyles, BadgeDefinition, } from './badge/index.js';
+export { Button, ButtonAppearance, ButtonFormTarget, ButtonShape, ButtonSize, ButtonType, ButtonTemplate, ButtonStyles, ButtonDefinition, } from './button/index.js';
+export { Checkbox, CheckboxLabelPosition, CheckboxShape, CheckboxSize, CheckboxDefinition, CheckboxTemplate, CheckboxStyles, } from './checkbox/index.js';
+export { CompoundButton, CompoundButtonAppearance, CompoundButtonShape, CompoundButtonSize, CompoundButtonTemplate, CompoundButtonStyles, CompoundButtonDefinition, } from './compound-button/index.js';
+export { CounterBadge, CounterBadgeAppearance, CounterBadgeColor, CounterBadgeShape, CounterBadgeSize, CounterBadgeTemplate, CounterBadgeStyles, CounterBadgeDefinition, } from './counter-badge/index.js';
+export { Dialog, DialogModalType, DialogDefinition, DialogTemplate, DialogStyles } from './dialog/index.js';
+export { Divider, DividerAlignContent, DividerAppearance, DividerOrientation, DividerRole, DividerDefinition, DividerTemplate, DividerStyles, } from './divider/index.js';
+export { Image, ImageFit, ImageShape, ImageDefinition, ImageTemplate, ImageStyles } from './image/index.js';
+export { Label, LabelSize, LabelWeight, LabelDefinition, LabelStyles, LabelTemplate } from './label/index.js';
+export { Menu, MenuTemplate, MenuStyles, MenuDefinition } from './menu/index.js';
+export { MenuButton, MenuButtonAppearance, MenuButtonShape, MenuButtonSize, MenuButtonTemplate, MenuButtonStyles, MenuButtonDefinition, } from './menu-button/index.js';
+export { MenuItem, MenuItemRole, roleForMenuItem, MenuItemTemplate, MenuItemStyles, MenuItemDefinition, } from './menu-item/index.js';
+export { MenuList, MenuListTemplate, MenuListStyles, MenuListDefinition } from './menu-list/index.js';
+export { ProgressBar, ProgressBarShape, ProgressBarThickness, ProgressBarValidationState, ProgressBarDefinition, ProgressBarStyles, ProgressBarTemplate, } from './progress-bar/index.js';
+export { Radio, RadioDefinition, RadioStyles, RadioTemplate } from './radio/index.js';
+export { RadioGroup, RadioGroupOrientation, RadioGroupDefinition, RadioGroupStyles, RadioGroupTemplate, } from './radio-group/index.js';
+export { Slider, SliderMode, SliderOrientation, SliderSize, SliderDefinition, SliderStyles, SliderTemplate, } from './slider/index.js';
+export { Spinner, SpinnerAppearance, SpinnerSize, SpinnerTemplate, SpinnerStyles, SpinnerDefinition, } from './spinner/index.js';
+export { Switch, SwitchLabelPosition, SwitchDefinition, SwitchStyles, SwitchTemplate, } from './switch/index.js';
+export { Tab, TabTemplate, TabStyles, TabDefinition } from './tab/index.js';
+export { TabPanel, TabPanelTemplate, TabPanelStyles, TabPanelDefinition } from './tab-panel/index.js';
+export { Tabs, TabsAppearance, TabsOrientation, TabsSize, TabsTemplate, TabsStyles, TabsDefinition, } from './tabs/index.js';
+export { Text, TextAlign, TextFont, TextSize, TextWeight, TextTemplate, TextStyles, TextDefinition, } from './text/index.js';
+export { TextInput, TextInputType, TextInputAppearance, TextInputControlSize, TextInputTemplate, TextInputStyles, TextInputDefinition, } from './text-input/index.js';
+export { ToggleButton, ToggleButtonAppearance, ToggleButtonShape, ToggleButtonSize, ToggleButtonTemplate, ToggleButtonStyles, ToggleButtonDefinition, } from './toggle-button/index.js';
+export { typographyBody1Styles, typographyBody1StrongStyles, typographyBody1StrongerStyles, typographyBody2Styles, typographyCaption1StrongStyles, typographyCaption1StrongerStyles, typographyCaption1Styles, typographyCaption2StrongStyles, typographyCaption2Styles, typographyDisplayStyles, typographyLargeTitleStyles, typographySubtitle1Styles, typographySubtitle2StrongerStyles, typographySubtitle2Styles, typographyTitle1Styles, typographyTitle2Styles, typographyTitle3Styles, } from './styles/partials/typography.partials.js';
+export { getDirection } from './utils/direction.js';
+export { display } from './utils/display.js';
+export { forcedColorsStylesheetBehavior, MatchMediaBehavior, MatchMediaStyleSheetBehavior, darkModeStylesheetBehavior, lightModeStylesheetBehavior, } from './utils/behaviors/match-media-stylesheet-behavior.js';
+export { FluentDesignSystem } from './fluent-design-system.js';
+export { setTheme, setThemeFor } from './theme/index.js';
+export * from './theme/design-tokens.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AAEzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/dist/esm/label/index.js

@@ -1,4 +1,5 @@
-export * from './label.js';
+export { Label } from './label.js';
+export { LabelSize, LabelWeight } from './label.options.js';
 export { definition as LabelDefinition } from './label.definition.js';
 export { styles as LabelStyles } from './label.styles.js';
 export { template as LabelTemplate } from './label.template.js';

package/dist/esm/label/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/label/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,UAAU,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/label/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,UAAU,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/esm/label/label.js

@@ -1,9 +1,4 @@
-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 { __decorate } from "tslib";
 import { attr, FASTElement } from '@microsoft/fast-element';
 /**
  * The base class used for constructing a fluent-label custom element

package/dist/esm/label/label.js.map

@@ -1 +1 @@
-{"version":3,"file":"label.js","sourceRoot":"","sources":["../../../src/label/label.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAG5D;;;GAGG;AACH,MAAM,OAAO,KAAM,SAAQ,WAAW;IAAtC;;QAuBE;;;;;;WAMG;QAEI,aAAQ,GAAY,KAAK,CAAC;QAEjC;;;;;;WAMG;QAEI,aAAQ,GAAY,KAAK,CAAC;IACnC,CAAC;CAAA;AAhCC;IADC,IAAI;mCACmB;AAWxB;IADC,IAAI;qCACuB;AAU5B;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;uCACO;AAUjC;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;uCACO"}
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../../../src/label/label.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAG5D;;;GAGG;AACH,MAAM,OAAO,KAAM,SAAQ,WAAW;IAAtC;;QAuBE;;;;;;WAMG;QAEI,aAAQ,GAAY,KAAK,CAAC;QAEjC;;;;;;WAMG;QAEI,aAAQ,GAAY,KAAK,CAAC;IACnC,CAAC;CAAA;AAhCC;IADC,IAAI;mCACmB;AAWxB;IADC,IAAI;qCACuB;AAU5B;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;uCACO;AAUjC;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;uCACO"}

package/dist/esm/label/label.styles.js

@@ -1,5 +1,5 @@
 import { css } from '@microsoft/fast-element';
-import { display } from '@microsoft/fast-foundation/utilities.js';
+import { display } from '../utils/index.js';
 import { colorNeutralForeground1, colorNeutralForegroundDisabled, colorPaletteRedForeground1, fontFamilyBase, fontSizeBase200, fontSizeBase300, fontSizeBase400, fontWeightRegular, fontWeightSemibold, lineHeightBase200, lineHeightBase300, lineHeightBase400, spacingHorizontalXS, } from '../theme/design-tokens.js';
 /** Label styles
  * @public

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

@@ -1 +1 @@
-{"version":3,"file":"label.styles.js","sourceRoot":"","sources":["../../../src/label/label.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,yCAAyC,CAAC;AAClE,OAAO,EACL,uBAAuB,EACvB,8BAA8B,EAC9B,0BAA0B,EAC1B,cAAc,EACd,eAAe,EACf,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,GACpB,MAAM,2BAA2B,CAAC;AAEnC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;mBAGA,cAAc;iBAChB,eAAe;mBACb,iBAAiB;mBACjB,iBAAiB;aACvB,uBAAuB;;;aAGvB,0BAA0B;mBACpB,mBAAmB;;;iBAGrB,eAAe;mBACb,iBAAiB;;;iBAGnB,eAAe;mBACb,iBAAiB;mBACjB,kBAAkB;;;mBAGlB,kBAAkB;;;;aAIxB,8BAA8B;;CAE1C,CAAC"}
+{"version":3,"file":"label.styles.js","sourceRoot":"","sources":["../../../src/label/label.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EACL,uBAAuB,EACvB,8BAA8B,EAC9B,0BAA0B,EAC1B,cAAc,EACd,eAAe,EACf,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,GACpB,MAAM,2BAA2B,CAAC;AAEnC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;mBAGA,cAAc;iBAChB,eAAe;mBACb,iBAAiB;mBACjB,iBAAiB;aACvB,uBAAuB;;;aAGvB,0BAA0B;mBACpB,mBAAmB;;;iBAGrB,eAAe;mBACb,iBAAiB;;;iBAGnB,eAAe;mBACb,iBAAiB;mBACjB,kBAAkB;;;mBAGlB,kBAAkB;;;;aAIxB,8BAA8B;;CAE1C,CAAC"}

package/dist/esm/menu/define.js

@@ -0,0 +1,4 @@
+import { FluentDesignSystem } from '../fluent-design-system.js';
+import { definition } from './menu.definition.js';
+definition.define(FluentDesignSystem.registry);
+//# sourceMappingURL=define.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/menu/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,UAAU,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC"}

package/dist/esm/menu/index.js

@@ -0,0 +1,5 @@
+export { Menu } from './menu.js';
+export { template as MenuTemplate } from './menu.template.js';
+export { styles as MenuStyles } from './menu.styles.js';
+export { definition as MenuDefinition } from './menu.definition.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC"}

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

@@ -0,0 +1,17 @@
+import { FluentDesignSystem } from '../fluent-design-system.js';
+import { Menu } from './menu.js';
+import { styles } from './menu.styles.js';
+import { template } from './menu.template.js';
+/**
+ * The Fluent Menu Element.
+ *
+ * @public
+ * @remarks
+ * HTML Element: <fluent-menu>
+ */
+export const definition = Menu.compose({
+    name: `${FluentDesignSystem.prefix}-menu`,
+    template,
+    styles,
+});
+//# sourceMappingURL=menu.definition.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.definition.js","sourceRoot":"","sources":["../../../src/menu/menu.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC;IACrC,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,OAAO;IACzC,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}

package/dist/esm/menu/menu.js

@@ -0,0 +1,408 @@
+import { __decorate } from "tslib";
+import { attr, FASTElement, observable, Updates } from '@microsoft/fast-element';
+import { autoUpdate, computePosition, flip, hide, size } from '@floating-ui/dom';
+import { keyEnter, keyEscape, keySpace, keyTab } from '@microsoft/fast-web-utilities';
+/**
+ * The Menu class represents a menu component.
+ * @public
+ */
+export class Menu extends FASTElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Determines if the menu should open on hover.
+         * @public
+         */
+        this.openOnHover = false;
+        /**
+         * Determines if the menu should open on right click.
+         * @public
+         */
+        this.openOnContext = false;
+        /**
+         * Determines if the menu should close on scroll.
+         * @public
+         */
+        this.closeOnScroll = false;
+        /**
+         * Determines if the menu open state should persis on click of menu item
+         * @public
+         */
+        this.persistOnItemClick = false;
+        /**
+         * Defines whether the menu is open or not.
+         * @public
+         */
+        this.open = false;
+        /**
+         * Holds the slotted menu list.
+         * @public
+         */
+        this.slottedMenuList = [];
+        /**
+         * Holds the slotted triggers.
+         * @public
+         */
+        this.slottedTriggers = [];
+        /**
+         * Toggles the open state of the menu.
+         * @public
+         */
+        this.toggleMenu = () => {
+            if (this.open) {
+                this.closeMenu();
+            }
+            else {
+                this.openMenu();
+            }
+        };
+        /**
+         * Closes the menu.
+         * @public
+         */
+        this.closeMenu = () => {
+            this.open = false;
+            if (this.closeOnScroll) {
+                document.removeEventListener('scroll', this.closeMenu);
+            }
+        };
+        /**
+         * Opens the menu.
+         * @public
+         */
+        this.openMenu = (e) => {
+            this.open = true;
+            if (e && this.openOnContext) {
+                e.preventDefault();
+            }
+            if (this.closeOnScroll) {
+                document.addEventListener('scroll', this.closeMenu);
+            }
+        };
+        /**
+         * The task to set the positioning of the menu.
+         * @protected
+         */
+        this.setPositioningTask = () => {
+            this.setPositioning();
+        };
+        /**
+         * 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.
+         * @public
+         * @param {KeyboardEvent} e - the keyboard event
+         */
+        this.handleTriggerKeydown = (e) => {
+            if (e.defaultPrevented) {
+                return;
+            }
+            const key = e.key;
+            switch (key) {
+                case keySpace:
+                case keyEnter:
+                    e.preventDefault();
+                    this.toggleMenu();
+                    if (this.open) {
+                        this.focusMenuList();
+                    }
+                    break;
+                default:
+                    return true;
+            }
+        };
+        /**
+         * Handles document click events to close the menu when a click occurs outside of the menu or the trigger.
+         * @private
+         * @param {Event} e - The event triggered on document click.
+         */
+        this.handleDocumentClick = (e) => {
+            if (e && !e.composedPath().includes(this._menuList) && !e.composedPath().includes(this._trigger)) {
+                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() {
+        var _a;
+        super.disconnectedCallback();
+        (_a = this.cleanup) === null || _a === void 0 ? void 0 : _a.call(this);
+        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.addListeners();
+        }
+    }
+    /**
+     * Focuses on the menu list.
+     * @public
+     */
+    focusMenuList() {
+        if (this.open && this._menuList) {
+            Updates.enqueue(() => {
+                this._menuList.focus();
+            });
+        }
+    }
+    /**
+     * Focuses on the menu trigger.
+     * @public
+     */
+    focusTrigger() {
+        if (!this.open && this._trigger) {
+            Updates.enqueue(() => {
+                this._trigger.focus();
+            });
+        }
+    }
+    /**
+     * Called whenever the open state changes.
+     * Updates the 'aria-expanded' attribute and sets the positioning of the menu.
+     * Sets menu list position
+     * emits openChanged event
+     * @public
+     * @param {boolean} oldValue - The previous value of 'open'.
+     * @param {boolean} newValue - The new value of 'open'.
+     */
+    openChanged(oldValue, newValue) {
+        var _a;
+        if (this.$fastController.isConnected && this._trigger instanceof HTMLElement) {
+            this._trigger.setAttribute('aria-expanded', `${this.open}`);
+            if (this._menuList && this.open) {
+                Updates.enqueue(this.setPositioningTask);
+            }
+        }
+        (_a = this.cleanup) === null || _a === void 0 ? void 0 : _a.call(this);
+        this.$emit('onOpenChange', { open: newValue });
+    }
+    /**
+     * Called whenever the 'openOnHover' property changes.
+     * Adds or removes a 'mouseover' event listener to the trigger based on the new value.
+     * @public
+     * @param {boolean} oldValue - The previous value of 'openOnHover'.
+     * @param {boolean} newValue - The new value of 'openOnHover'.
+     */
+    openOnHoverChanged(oldValue, newValue) {
+        var _a, _b;
+        if (newValue) {
+            (_a = this._trigger) === null || _a === void 0 ? void 0 : _a.addEventListener('mouseover', this.openMenu);
+        }
+        else {
+            (_b = this._trigger) === null || _b === void 0 ? void 0 : _b.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 {boolean} oldValue - The previous value of 'persistOnItemClick'.
+     * @param {boolean} newValue - The new value of 'persistOnItemClick'.
+     */
+    persistOnItemClickChanged(oldValue, newValue) {
+        var _a, _b;
+        if (!newValue) {
+            (_a = this._menuList) === null || _a === void 0 ? void 0 : _a.addEventListener('click', this.closeMenu);
+        }
+        else {
+            (_b = this._menuList) === null || _b === void 0 ? void 0 : _b.removeEventListener('click', 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 {boolean} oldValue - The previous value of 'openOnContext'.
+     * @param {boolean} newValue - The new value of 'openOnContext'.
+     */
+    openOnContextChanged(oldValue, newValue) {
+        var _a, _b;
+        if (newValue) {
+            (_a = this._trigger) === null || _a === void 0 ? void 0 : _a.addEventListener('contextmenu', this.openMenu);
+        }
+        else {
+            (_b = this._trigger) === null || _b === void 0 ? void 0 : _b.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 {boolean} oldValue - The previous value of 'closeOnScroll'.
+     * @param {boolean} newValue - The new value of 'closeOnScroll'.
+     */
+    closeOnScrollChanged(oldValue, newValue) {
+        if (newValue) {
+            document.addEventListener('scroll', this.closeMenu);
+        }
+        else {
+            document.removeEventListener('scroll', this.closeMenu);
+        }
+    }
+    /**
+     * Sets the positioning of the menu.
+     * @protected
+     */
+    setPositioning() {
+        if (this.$fastController.isConnected && this._menuList && this.open && this._trigger) {
+            this.cleanup = autoUpdate(this, this.positioningContainer, async () => {
+                var _a, _b;
+                const { middlewareData, x, y } = await computePosition(this._trigger, this.positioningContainer, {
+                    placement: 'bottom',
+                    strategy: 'fixed',
+                    middleware: [
+                        flip(),
+                        size({
+                            apply: ({ availableHeight, rects }) => {
+                                var _a;
+                                ((_a = this.positioningContainer) === null || _a === void 0 ? void 0 : _a.style) &&
+                                    Object.assign(this.positioningContainer.style, {
+                                        maxHeight: `${availableHeight}px`,
+                                        width: `${rects.reference.width}px`,
+                                    });
+                            },
+                        }),
+                        hide(),
+                    ],
+                });
+                if ((_a = middlewareData.hide) === null || _a === void 0 ? void 0 : _a.referenceHidden) {
+                    this.open = false;
+                    return;
+                }
+                ((_b = this.positioningContainer) === null || _b === void 0 ? void 0 : _b.style) &&
+                    Object.assign(this.positioningContainer.style, {
+                        position: 'fixed',
+                        top: '0',
+                        left: '0',
+                        transform: `translate(${x}px, ${y}px)`,
+                    });
+            });
+        }
+    }
+    /**
+     * Adds event listeners.
+     * Adds click and keydown event listeners to the trigger and a click event listener to the document.
+     * If 'openOnHover' is true, adds a 'mouseover' event listener to the trigger.
+     * @public
+     */
+    addListeners() {
+        var _a, _b, _c, _d, _e;
+        document.addEventListener('click', this.handleDocumentClick);
+        (_a = this._trigger) === null || _a === void 0 ? void 0 : _a.addEventListener('keydown', this.handleTriggerKeydown);
+        if (!this.persistOnItemClick) {
+            (_b = this._menuList) === null || _b === void 0 ? void 0 : _b.addEventListener('click', this.closeMenu);
+        }
+        if (this.openOnHover) {
+            (_c = this._trigger) === null || _c === void 0 ? void 0 : _c.addEventListener('mouseover', this.openMenu);
+        }
+        else if (this.openOnContext) {
+            (_d = this._trigger) === null || _d === void 0 ? void 0 : _d.addEventListener('contextmenu', this.openMenu);
+        }
+        else {
+            (_e = this._trigger) === null || _e === void 0 ? void 0 : _e.addEventListener('click', this.toggleMenu);
+        }
+    }
+    /**
+     * Removes event listeners.
+     * Removes click and keydown event listeners from the trigger and a click event listener from the document.
+     * Also removes 'mouseover' event listeners from the trigger.
+     * @private
+     */
+    removeListeners() {
+        var _a, _b, _c, _d, _e;
+        document.removeEventListener('click', this.handleDocumentClick);
+        (_a = this._trigger) === null || _a === void 0 ? void 0 : _a.removeEventListener('keydown', this.handleTriggerKeydown);
+        if (!this.persistOnItemClick) {
+            (_b = this._menuList) === null || _b === void 0 ? void 0 : _b.removeEventListener('click', this.closeMenu);
+        }
+        if (this.openOnHover) {
+            (_c = this._trigger) === null || _c === void 0 ? void 0 : _c.removeEventListener('mouseover', this.openMenu);
+        }
+        if (this.openOnContext) {
+            (_d = this._trigger) === null || _d === void 0 ? void 0 : _d.removeEventListener('contextmenu', this.openMenu);
+        }
+        else {
+            (_e = this._trigger) === null || _e === void 0 ? void 0 : _e.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.
+     * @public
+     * @param {KeyboardEvent} e - the keyboard event
+     */
+    handleMenuKeydown(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) {
+                    this.focusTrigger();
+                }
+            default:
+                return true;
+        }
+    }
+}
+__decorate([
+    observable,
+    attr({ attribute: 'open-on-hover', mode: 'boolean' })
+], Menu.prototype, "openOnHover", void 0);
+__decorate([
+    observable,
+    attr({ attribute: 'open-on-context', mode: 'boolean' })
+], Menu.prototype, "openOnContext", void 0);
+__decorate([
+    observable,
+    attr({ attribute: 'close-on-scroll', mode: 'boolean' })
+], Menu.prototype, "closeOnScroll", void 0);
+__decorate([
+    observable,
+    attr({ attribute: 'persist-on-item-click', mode: 'boolean' })
+], Menu.prototype, "persistOnItemClick", void 0);
+__decorate([
+    observable,
+    attr({ mode: 'boolean' })
+], Menu.prototype, "open", void 0);
+__decorate([
+    observable
+], Menu.prototype, "slottedMenuList", void 0);
+__decorate([
+    observable
+], Menu.prototype, "slottedTriggers", 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,17 @@
+import { css } from '@microsoft/fast-element';
+/** Menu styles
+ * @public
+ */
+export const styles = css `
+  :host {
+    position: relative;
+    z-index: var(--z-index-menu, 1);
+  }
+  .positioning-container {
+    position: fixed;
+    top: 0;
+    left: 0;
+    transform: translate(0, 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;AAG9C;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;CAWxB,CAAC"}

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

@@ -0,0 +1,24 @@
+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.handleMenuKeydown(c.event)}"
+    >
+      <slot name="trigger" ${slotted({ property: 'slottedTriggers', filter: elements() })}></slot>
+      <span
+        ${ref('positioningContainer')}
+        part="positioning-container"
+        class="positioning-container"
+        ?hidden="${x => !x.open}"
+      >
+        <slot ${slotted({ property: 'slottedMenuList', filter: elements() })}></slot>
+      </span>
+    </template>
+  `;
+}
+export const template = menuTemplate();
+//# sourceMappingURL=menu.template.js.map