@fabric-msft/fabric-web 5.0.1 → 7.0.0

package/dist/esm/components/menu/menu.positioning.js

@@ -1,118 +0,0 @@
-import { MenuPositions } from './menu.options.js';
-import { FlexiblePositionStrategy } from '../../util/positioning/flexible-position-strategy.js';
-
-/**
- * Convert a menu positioning shorthand to a ConnectedPosition.
- * @internal
- */
-function menuShorthandToPosition(shorthand) {
-  switch (shorthand) {
-    case MenuPositions.above:
-      return {
-        originX: "start",
-        originY: "top",
-        overlayX: "start",
-        overlayY: "bottom"
-      };
-    case MenuPositions.below:
-      return {
-        originX: "start",
-        originY: "bottom",
-        overlayX: "start",
-        overlayY: "top"
-      };
-    default:
-      return {
-        originX: "start",
-        originY: "bottom",
-        overlayX: "start",
-        overlayY: "top"
-      };
-  }
-}
-/**
- * Positioning manager for menu component.
- * Delegates all coordinate-based positioning to {@link FlexiblePositionStrategy}.
- * @internal
- */
-class MenuPositioning {
-  set position(value) {
-    this._position = value;
-  }
-  get position() {
-    return this._position;
-  }
-  /**
-   * Updates the overflow boundary reference used for collision detection.
-   */
-  setOverflowBoundaryReference(boundary) {
-    this.overflowBoundaryReference = boundary !== null && boundary !== void 0 ? boundary : null;
-  }
-  constructor(options) {
-    var _a;
-    this.positionStrategy = null;
-    this._position = MenuPositions.below;
-    this.menuReference = options.menuReference;
-    this.anchorReference = options.anchorReference;
-    this.overflowBoundaryReference = (_a = options.overflowBoundaryReference) !== null && _a !== void 0 ? _a : null;
-  }
-  /**
-   * Build the ordered list of candidate positions.
-   * The original position is always the first entry, followed by fallbacks.
-   */
-  buildPositionCandidates() {
-    const original = this._position;
-    const allPositionValues = Object.values(MenuPositions);
-    return [menuShorthandToPosition(original), ...allPositionValues.filter(s => s !== original).map(s => menuShorthandToPosition(s))];
-  }
-  /**
-   * Create a new immutable FlexiblePositionStrategy from current state.
-   * Returns null if required element references are not available.
-   */
-  createPositionStrategy() {
-    var _a;
-    if (!this.menuReference || !this.anchorReference) {
-      return null;
-    }
-    const offsetParent = (_a = this.menuReference.parentElement) !== null && _a !== void 0 ? _a : null;
-    return new FlexiblePositionStrategy({
-      origin: this.anchorReference,
-      overlay: this.menuReference,
-      positions: this.buildPositionCandidates(),
-      boundaryElement: this.overflowBoundaryReference,
-      viewportMargin: 15,
-      offsetParent,
-      resize: true
-    });
-  }
-  /**
-   * Performs a combined resize + auto reposition.
-   *
-   * Delegates to the {@link FlexiblePositionStrategy}'s `reposition()` method,
-   * which selects the best-fitting position from the original + fallbacks.
-   * Converts the selected `ConnectedPosition` back to a menu shorthand.
-   *
-   * After repositioning, updates the internal position shorthand.
-   *
-   * @returns The reposition result, or `null` if not configured.
-   */
-  reposition() {
-    this.positionStrategy = null;
-    this.positionStrategy = this.createPositionStrategy();
-    if (!this.positionStrategy) {
-      return null;
-    }
-    const result = this.positionStrategy.reposition();
-    if (!result) {
-      return null;
-    }
-    // Determine whether the selected position is "above" by checking
-    // the overlay attachment point directly.
-    const selectedPos = result.positionResult.position;
-    const isAbove = selectedPos.originY === "top" && selectedPos.overlayY === "bottom";
-    this._position = isAbove ? MenuPositions.above : MenuPositions.below;
-    return result;
-  }
-}
-
-export { MenuPositioning };

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

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

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

@@ -1,13 +0,0 @@
-import { strokeWidthThin, colorNeutralStroke1, colorNeutralForegroundInverted, display } from '@fluentui/web-components';
-import { css } from '@microsoft/fast-element';
-
-/** Menu styles
- * @public
- */
-const styles = css`
-  ${display("inline-block")}
-
-  :host{position:relative}::slotted([data-menu-list]){margin:0;max-height:var(--menu-max-height,auto);overflow-y:auto;position:absolute;inset-block-start:100%;inset-inline-start:0;z-index:1}::slotted([data-menu-list]:not(.menu-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;z-index:1}:host([split]) ::slotted([slot="primary-action"]:focus-visible){z-index:1}:host([split]) ::slotted([slot="primary-action"][appearance="primary"]){border-inline-end:${strokeWidthThin} solid
-      ${colorNeutralForegroundInverted}}:host([split]) ::slotted([slot="trigger"]){border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0}`;
-
-export { styles };

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

@@ -1 +0,0 @@
-{"version":3,"file":"menu.styles.js","sourceRoot":"","sources":["../../../../../../../src/components/menu/menu.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,8BAA8B,EAC9B,mBAAmB,EACnB,OAAO,EACP,eAAe,EAChB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;yBA0BF,eAAe,UAAU,mBAAmB;;;;;;;;;;;;yBAY5C,eAAe;QAChC,8BAA8B;;;;;;;;CAQrC,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"menu.template.js","sourceRoot":"","sources":["../../../../../../../src/components/menu/menu.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAIlE,MAAM,UAAU,YAAY;IAC1B,OAAO,IAAI,CAAG;;wBAEQ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW;0BAClB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa;0BACtB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa;gCAChB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,kBAAkB;gBAC3C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK;uBACP,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY;kBAC1B,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,KAAsB,CAAC;;;;;UAKhE,OAAO,CAAC,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,CAAC;;;UAG5D,OAAO,CAAC,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,CAAC;;;GAGnE,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAA8B,YAAY,EAAE,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../../../../src/components/menu-button/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/menu-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EACL,qBAAqB,EACrB,gBAAgB,EAChB,eAAe,EAIhB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,UAAU,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"menu-button.definition.js","sourceRoot":"","sources":["../../../../../../../src/components/menu-button/menu-button.definition.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC;IAC3C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,cAAc;IAC1C,QAAQ,EAAE,kBAAkB;IAC5B,MAAM,EAAE,gBAAgB;IACxB,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"menu-button.js","sourceRoot":"","sources":["../../../../../../../src/components/menu-button/menu-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8DG;AACH,MAAM,OAAO,UAAW,SAAQ,gBAAgB;CAAG"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"menu-button.options.js","sourceRoot":"","sources":["../../../../../../../src/components/menu-button/menu-button.options.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,UAAU,EACX,MAAM,0BAA0B,CAAC;AAGlC;;;GAGG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,gBAAgB,CAAC;AAQtD;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,WAAW,CAAC;AAQ5C;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CAAC"}

package/dist/esm/components/menu-item/define.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../../../../src/components/menu-item/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC7E,kBAAkB,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

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

@@ -1,6 +0,0 @@
-export { MenuItem } from "./menu-item.js";
-export { MenuItemRoles, roleForMenuItem, MenuGroupRoles, roleForMenuGroup } from "./menu-item.options.js";
-export { styles as MenuItemStyles } from "./menu-item.styles.js";
-export { template as MenuItemTemplate } from "./menu-item.template.js";
-export { definition as MenuItemDefinition } from "./menu-item.definition.js";
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/menu-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,OAAO,EACL,aAAa,EACb,eAAe,EACf,cAAc,EACd,gBAAgB,EACjB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,QAAQ,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,2BAA2B,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"menu-item.definition.js","sourceRoot":"","sources":["../../../../../../../src/components/menu-item/menu-item.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC;IACzC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,YAAY;IACxC,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC;AAEH,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

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

@@ -1,371 +0,0 @@
-import { attr, observable, FASTElement } from '@microsoft/fast-element';
-import { keyArrowLeft, keyArrowRight, keySpace, keyEnter } from '@microsoft/fast-web-utilities';
-import { toggleState } from '../../util/element-internals.js';
-import { MenuItemRoles } from './menu-item.options.js';
-
-var __decorate = globalThis && globalThis.__decorate || function (decorators, target, key, desc) {
-  var c = arguments.length,
-    r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
-    d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __classPrivateFieldGet = globalThis && globalThis.__classPrivateFieldGet || function (receiver, state, kind, f) {
-  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _MenuItem_instances, _MenuItem_attachListeners, _MenuItem_detachListeners;
-/**
- * MenuItem
- * @summary A MenuItem component that represents an item in a menu with various states and interactions.
- *
- * @example
- * ```html
- * <fabric-menu-item role="menuitem" disabled checked hidden>
- *   <span slot="start">Start content</span>
- *   Menu item content
- *   <span slot="end">End content</span>
- *   <span slot="submenu-glyph"></span>
- *   <div slot="submenu">Submenu content</div>
- * </fabric-menu-item>
- * ```
- *
- * @attr {boolean} disabled - The disabled state of the element.
- * @attr {MenuItemRole} role - The role of the element. Possible values: 'menuitem', 'menuitemcheckbox', 'menuitemradio'.
- * @attr {boolean} checked - The checked value of the element.
- * @attr {boolean} hidden - The hidden attribute.
- *
- * @prop {boolean} disabled - The disabled state of the element.
- * @prop {MenuItemRole} role - The role of the element.
- * @prop {boolean} checked - The checked value of the element.
- * @prop {boolean} hidden - The hidden attribute.
- * @prop {HTMLElement[]} slottedSubmenu - The submenu slotted content.
- * @prop {HTMLElement | undefined} submenu - The submenu element associated with this menu item.
- *
- * @slot - Default slot for menu item content.
- * @slot start - Slot for the start content.
- * @slot end - Slot for the end content.
- * @slot indicator - The checkbox or radio indicator.
- * @slot submenu-glyph - The submenu expand/collapse indicator.
- * @slot submenu - Slot for the submenu content.
- *
- * @csspart content - The main content of the menu item.
- *
- * @cssprop --indent - Custom property for indentation level (default: 0).
- * @cssprop --menu-max-height - Maximum height for submenu (default: auto).
- *
- * @internal connectedCallback - Called when the element is added to the document.
- * @internal disconnectedCallback - Called when the element is removed from the document.
- * @method disabledChanged - Handles changes to the disabled attribute.
- * @method roleChanged - Handles changes to the role attribute.
- * @method checkedChanged - Handles changes to the checked attribute.
- * @method slottedSubmenuChanged - Handles changes to the slotted submenu content.
- * @method handleMenuItemKeyDown - Handles keydown events for the menu item.
- * @method handleMenuItemClick - Handles click events for the menu item.
- * @method handleMouseOver - Handles mouse over events for the menu item.
- * @method handleMouseOut - Handles mouse out events for the menu item.
- * @method toggleHandler - Handles toggle events from submenu popover.
- *
- * @fires change - Fired when the checked state changes.
- *
- * @extends FASTElement
- * @tagname fabric-menu-item
- * @public
- */
-class MenuItem extends FASTElement {
-  constructor() {
-    super(...arguments);
-    _MenuItem_instances.add(this);
-    /**
-     * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
-     *
-     * @internal
-     */
-    this.elementInternals = this.attachInternals();
-    /**
-     * The role of the element.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: role
-     */
-    this.role = MenuItemRoles.menuitem;
-    /**
-     * The checked value of the element.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: checked
-     */
-    this.checked = false;
-    /**
-     * Handles keydown events for the menu item.
-     *
-     * @param e - The keyboard event
-     * @returns `false` if the event was handled and should not propagate, `true` otherwise
-     * @protected
-     */
-    this.handleMenuItemKeyDown = e => {
-      var _a;
-      if (e.defaultPrevented) {
-        return false;
-      }
-      switch (e.key) {
-        case keyEnter:
-        case keySpace:
-          {
-            this.invoke();
-            return false;
-          }
-        case keyArrowRight:
-          {
-            if (!this.disabled && hasTogglePopover(this.submenu)) {
-              this.submenu.togglePopover(true);
-              this.submenu.focus();
-            }
-            return false;
-          }
-        case keyArrowLeft:
-          {
-            const parent = this.parentElement;
-            if (hasTogglePopover(parent)) {
-              parent.togglePopover(false);
-              (_a = parent.parentElement) === null || _a === void 0 ? void 0 : _a.focus();
-            }
-            return false;
-          }
-      }
-      return true;
-    };
-    /**
-     * Handles click events for the menu item.
-     *
-     * @param e - The mouse event
-     * @returns `false` if the event was handled and should not propagate
-     * @protected
-     */
-    this.handleMenuItemClick = e => {
-      if (e.defaultPrevented || this.disabled) {
-        return false;
-      }
-      this.invoke();
-      return false;
-    };
-    /**
-     * Handles mouse over events for the menu item.
-     * Opens any associated submenu when hovering over the item.
-     *
-     * @param e - The mouse event (unused but required for event handler signature)
-     * @returns `false` if the event was handled and should not propagate
-     * @protected
-     */
-    this.handleMouseOver = () => {
-      var _a;
-      if (this.disabled) {
-        return false;
-      }
-      (_a = this.submenu) === null || _a === void 0 ? void 0 : _a.togglePopover(true);
-      return false;
-    };
-    /**
-     * Handles mouse out events for the menu item.
-     * Closes any associated submenu when the mouse leaves the item,
-     * unless the focus remains within the menu item.
-     *
-     * @param e - The mouse event (unused but required for event handler signature)
-     * @returns `false` if the event was handled and should not propagate
-     * @protected
-     */
-    this.handleMouseOut = () => {
-      var _a;
-      if (this.contains(document.activeElement)) {
-        return false;
-      }
-      (_a = this.submenu) === null || _a === void 0 ? void 0 : _a.togglePopover(false);
-      return false;
-    };
-    /**
-     * Handles toggle events from associated submenu popover.
-     * Sets up required ARIA attributes and tab navigation when submenu opens/closes.
-     *
-     * @param e - The toggle event from the submenu popover
-     * @protected
-     */
-    this.toggleHandler = e => {
-      if ("newState" in e && e.newState === "open") {
-        this.setAttribute("tabindex", "-1");
-        this.elementInternals.ariaExpanded = "true";
-        this.setSubmenuPosition();
-      }
-      if ("newState" in e && e.newState === "closed") {
-        this.elementInternals.ariaExpanded = "false";
-        this.setAttribute("tabindex", "0");
-      }
-    };
-    /**
-     * Invokes the appropriate action based on the menu item's role.
-     * For checkbox items, toggles the checked state.
-     * For radio items, sets the checked state to true if not already checked.
-     * For regular menu items, opens submenus or emits a change event.
-     *
-     * @internal
-     */
-    this.invoke = () => {
-      if (this.disabled) {
-        return;
-      }
-      switch (this.role) {
-        case MenuItemRoles.menuitemcheckbox:
-          this.checked = !this.checked;
-          break;
-        case MenuItemRoles.menuitem:
-          if (this.submenu) {
-            this.submenu.togglePopover(true);
-            this.submenu.focus();
-            break;
-          }
-          this.$emit("change");
-          break;
-        case MenuItemRoles.menuitemradio:
-          if (!this.checked) {
-            this.checked = true;
-          }
-          break;
-      }
-    };
-    /**
-     * Sets the fallback position of the submenu when CSS anchor positioning is not supported.
-     * Calculates optimal positioning to keep the submenu within the viewport bounds.
-     * Positions the submenu to the inline-end by default, but adjusts based on available space.
-     *
-     * @internal
-     */
-    this.setSubmenuPosition = () => {
-      if (!CSS.supports("anchor-name", "--anchor") && !!this.submenu) {
-        const thisRect = this.getBoundingClientRect();
-        const thisSubmenuRect = this.submenu.getBoundingClientRect();
-        const inlineEnd = getComputedStyle(this).direction === "ltr" ? "right" : "left";
-        // If an open submenu is too wide for the viewport, move it above.
-        if (thisRect.width + thisSubmenuRect.width > window.innerWidth * 0.75) {
-          this.submenu.style.translate = "0 -100%";
-          return;
-        }
-        // If the open submenu is overflows the inline-end of the window (e.g. justify-content: end),
-        // move to inline-start of menu item
-        if (thisRect[inlineEnd] + thisSubmenuRect.width > window.innerWidth) {
-          this.submenu.style.translate = "-100% 0";
-          return;
-        }
-        // Default to inline-end of menu item
-        this.submenu.style.translate = `${thisRect.width - 8}px 0`;
-      }
-    };
-  }
-  /**
-   * Handles changes to disabled attribute custom states and element internals
-   * @param prev - the previous state
-   * @param next - the next state
-   */
-  disabledChanged(_prev, next) {
-    this.elementInternals.ariaDisabled = next ? `${next}` : null;
-    toggleState(this.elementInternals, "disabled", next);
-  }
-  /**
-   * Handles changes to role attribute element internals properties
-   * @param prev - the previous state
-   * @param next - the next state
-   */
-  roleChanged(_prev, next) {
-    this.elementInternals.role = next !== null && next !== void 0 ? next : MenuItemRoles.menuitem;
-    const checkableMenuItem = (next !== null && next !== void 0 ? next : MenuItemRoles.menuitem) !== MenuItemRoles.menuitem;
-    // Initialize ariaChecked for checkable menu items
-    this.elementInternals.ariaChecked = checkableMenuItem ? `${!!this.checked}` : null;
-    toggleState(this.elementInternals, "checked", checkableMenuItem ? this.checked : false);
-  }
-  /**
-   * Handles changes to checked attribute custom states and element internals.
-   * @param prev - the previous state
-   * @param next - the next state
-   */
-  checkedChanged(_prev, next) {
-    const checkableMenuItem = this.role !== MenuItemRoles.menuitem;
-    this.elementInternals.ariaChecked = checkableMenuItem ? `${!!next}` : null;
-    toggleState(this.elementInternals, "checked", checkableMenuItem ? next : false);
-    if (this.$fastController.isConnected) {
-      this.$emit("change", next, {
-        bubbles: true
-      });
-    }
-  }
-  /**
-   * Sets the submenu and updates its position.
-   *
-   * @internal
-   */
-  slottedSubmenuChanged(_prev, next) {
-    var _a;
-    (_a = this.submenu) === null || _a === void 0 ? void 0 : _a.removeEventListener("toggle", this.toggleHandler);
-    if (next.length) {
-      this.submenu = next[0];
-      this.submenu.toggleAttribute("popover", true);
-      this.submenu.addEventListener("toggle", this.toggleHandler);
-      this.elementInternals.ariaHasPopup = "menu";
-      toggleState(this.elementInternals, "submenu", true);
-    } else {
-      this.elementInternals.ariaHasPopup = null;
-      toggleState(this.elementInternals, "submenu", false);
-    }
-  }
-  /**
-   * @public
-   * Sets the role and registers event listeners.
-   */
-  connectedCallback() {
-    var _a;
-    super.connectedCallback();
-    this.elementInternals.role = (_a = this.role) !== null && _a !== void 0 ? _a : MenuItemRoles.menuitem;
-    __classPrivateFieldGet(this, _MenuItem_instances, "m", _MenuItem_attachListeners).call(this);
-  }
-  /**
-   * Removes event listeners when component is disconnected.
-   */
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    __classPrivateFieldGet(this, _MenuItem_instances, "m", _MenuItem_detachListeners).call(this);
-  }
-}
-_MenuItem_instances = new WeakSet(), _MenuItem_attachListeners = function _MenuItem_attachListeners() {
-  this.addEventListener("keydown", this.handleMenuItemKeyDown);
-  this.addEventListener("click", this.handleMenuItemClick);
-  this.addEventListener("mouseover", this.handleMouseOver);
-  this.addEventListener("mouseout", this.handleMouseOut);
-  this.addEventListener("toggle", this.toggleHandler);
-}, _MenuItem_detachListeners = function _MenuItem_detachListeners() {
-  this.removeEventListener("keydown", this.handleMenuItemKeyDown);
-  this.removeEventListener("click", this.handleMenuItemClick);
-  this.removeEventListener("mouseover", this.handleMouseOver);
-  this.removeEventListener("mouseout", this.handleMouseOut);
-  this.removeEventListener("toggle", this.toggleHandler);
-};
-__decorate([attr({
-  mode: "boolean"
-})], MenuItem.prototype, "disabled", void 0);
-__decorate([attr], MenuItem.prototype, "role", void 0);
-__decorate([attr({
-  mode: "boolean"
-})], MenuItem.prototype, "checked", void 0);
-__decorate([attr({
-  mode: "boolean"
-})], MenuItem.prototype, "hidden", void 0);
-__decorate([observable], MenuItem.prototype, "slottedSubmenu", void 0);
-__decorate([observable], MenuItem.prototype, "submenu", void 0);
-/*
- * Runtime type-guard that returns true only if the given value is an HTMLElement
- * with a callable `togglePopover` method—preventing crashes in browsers that lack the Popover API.
- */
-function hasTogglePopover(el) {
-  return typeof el === "object" && el !== null && "togglePopover" in el && typeof el.togglePopover === "function";
-}
-
-export { MenuItem };

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

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

package/dist/esm/components/menu-item/menu-item.options.js

@@ -1,44 +0,0 @@
-/**
- * Menu items roles.
- * @public
- */
-const MenuItemRoles = {
-  /**
-   * The menu item has a "menuitem" role
-   */
-  menuitem: "menuitem",
-  /**
-   * The menu item has a "menuitemcheckbox" role
-   */
-  menuitemcheckbox: "menuitemcheckbox",
-  /**
-   * The menu item has a "menuitemradio" role
-   */
-  menuitemradio: "menuitemradio"
-};
-/**
- * @internal
- */
-const roleForMenuItem = {
-  [MenuItemRoles.menuitem]: "menuitem",
-  [MenuItemRoles.menuitemcheckbox]: "menuitemcheckbox",
-  [MenuItemRoles.menuitemradio]: "menuitemradio"
-};
-/**
- * Menu items roles.
- * @public
- */
-const MenuGroupRoles = {
-  /**
-   * The "group" role
-   */
-  group: "group"
-};
-/**
- * @internal
- */
-const roleForMenuGroup = {
-  group: MenuGroupRoles.group
-};
-
-export { MenuGroupRoles, MenuItemRoles, roleForMenuGroup, roleForMenuItem };

package/dist/esm/components/menu-item/menu-item.options.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-item.options.js","sourceRoot":"","sources":["../../../../../../../src/components/menu-item/menu-item.options.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B;;OAEG;IACH,QAAQ,EAAE,UAAU;IAEpB;;OAEG;IACH,gBAAgB,EAAE,kBAAkB;IAEpC;;OAEG;IACH,aAAa,EAAE,eAAe;CACtB,CAAC;AAQX;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAExB;IACF,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,UAAU;IACpC,CAAC,aAAa,CAAC,gBAAgB,CAAC,EAAE,kBAAkB;IACpD,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,eAAe;CAC/C,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B;;OAEG;IACH,KAAK,EAAE,OAAO;CACN,CAAC;AAQX;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAyC;IACpE,KAAK,EAAE,cAAc,CAAC,KAAK;CAC5B,CAAC"}

package/dist/esm/components/menu-item/menu-item.styles.js

@@ -1,17 +0,0 @@
-import { css } from '@microsoft/fast-element';
-import { colorNeutralBackground1, borderRadiusMedium, colorNeutralForeground2, fontWeightRegular, fontSizeBase300, lineHeightBase300, fontFamilyBase, spacingHorizontalXS, spacingHorizontalXL, spacingHorizontalMNudge, colorNeutralBackground1Hover, colorNeutralForeground2Hover, colorNeutralBackground1Selected, colorNeutralForeground2Pressed, colorCompoundBrandForeground1Pressed, colorNeutralBackgroundDisabled, colorNeutralForegroundDisabled, strokeWidthThick, colorStrokeFocus2, spacingHorizontalXXS, colorNeutralForeground3, fontSizeBase200, lineHeightBase200, display, forcedColorsStylesheetBehavior } from '@fluentui/web-components';
-import { sizeVerticalXXXL, sizeHorizontalXL } from '@fabric-msft/theme';
-import { disabledState, checkedState, submenuState } from '../styles/states/states.js';
-
-/** MenuItem styles
- * @public
- */
-const styles = css`
-  ${display("grid")}
-
-  :host{--indent:0;align-items:center;background:${colorNeutralBackground1};border-radius:${borderRadiusMedium};color:${colorNeutralForeground2};contain:layout;cursor:pointer;flex-shrink:0;font:${fontWeightRegular} ${fontSizeBase300} / ${lineHeightBase300}
-      ${fontFamilyBase};grid-gap:${spacingHorizontalXS};grid-template-columns:${spacingHorizontalXL} ${spacingHorizontalXL} auto ${spacingHorizontalXL};height:${sizeVerticalXXXL};overflow:visible;padding:0 ${spacingHorizontalMNudge}}:host(:hover){background:${colorNeutralBackground1Hover};color:${colorNeutralForeground2Hover}}:host(:active){background-color:${colorNeutralBackground1Selected};color:${colorNeutralForeground2Pressed}}:host(:active) ::slotted([slot="start"]){color:${colorCompoundBrandForeground1Pressed}}:host(${disabledState}){background-color:${colorNeutralBackgroundDisabled};color:${colorNeutralForegroundDisabled}}:host(${disabledState}) ::slotted([slot="start"]),:host(${disabledState}) ::slotted([slot="end"]){color:${colorNeutralForegroundDisabled}}:host(:focus-visible){border-radius:${borderRadiusMedium};outline:${strokeWidthThick} solid ${colorStrokeFocus2}}.content{white-space:nowrap;flex-grow:1;grid-column:auto / span 2;padding:0 ${spacingHorizontalXXS}}:host(:not(${checkedState})) .indicator,:host(:not(${checkedState})) ::slotted([slot="indicator"]),:host(:not(${submenuState})) .submenu-glyph,:host(:not(${submenuState})) ::slotted([slot="submenu-glyph"]){display:none}::slotted([slot="end"]){color:${colorNeutralForeground3};font:${fontWeightRegular} ${fontSizeBase200} / ${lineHeightBase200}
-      ${fontFamilyBase};white-space:nowrap;}:host([data-indent="1"]){--indent:1}:host([data-indent="2"]){--indent:2;grid-template-columns:${spacingHorizontalXL} ${spacingHorizontalXL} auto auto}:host(${submenuState}){grid-template-columns:${spacingHorizontalXL} auto auto ${spacingHorizontalXL}}:host([data-indent="2"]${submenuState}){grid-template-columns:${spacingHorizontalXL} ${spacingHorizontalXL} auto auto ${spacingHorizontalXL}}.indicator,::slotted([slot="indicator"]){grid-column:1 / span 1;width:${sizeHorizontalXL}}::slotted([slot="start"]){display:inline-flex;grid-column:calc(var(--indent)) / span 1}.content{grid-column:calc(var(--indent) + 1) / span 1}::slotted([slot="end"]){grid-column:calc(var(--indent) + 2) / span 1;justify-self:end}.submenu-glyph,::slotted([slot="submenu-glyph"]){grid-column:-2 / span 1;justify-self:end}@layer popover{:host{anchor-name:--menu-trigger;position:relative}::slotted([popover]){margin:0;max-height:var(--menu-max-height,auto);position:absolute;position-anchor:--menu-trigger;position-area:inline-end span-block-end;position-try-fallbacks:flip-inline;z-index:1}::slotted([popover]:not(:popover-open)){display:none}::slotted([popover]:popover-open){inset:unset}@supports not (anchor-name:--menu-trigger){::slotted([popover]){align-self:start}}}`.withBehaviors(forcedColorsStylesheetBehavior(css`
-    :host(${disabledState}),:host(${disabledState}) ::slotted([slot="start"]),:host(${disabledState}) ::slotted([slot="end"]){color:GrayText}`));
-
-export { styles };

package/dist/esm/components/menu-item/menu-item.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-item.styles.js","sourceRoot":"","sources":["../../../../../../../src/components/menu-item/menu-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,OAAO,EACP,8BAA8B,EAC9B,kBAAkB,EAClB,oCAAoC,EACpC,uBAAuB,EACvB,4BAA4B,EAC5B,+BAA+B,EAC/B,8BAA8B,EAC9B,uBAAuB,EACvB,4BAA4B,EAC5B,8BAA8B,EAC9B,uBAAuB,EACvB,8BAA8B,EAC9B,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,uBAAuB,EACvB,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,gBAAgB,EACjB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,EACL,YAAY,EACZ,aAAa,EACb,YAAY,EACb,MAAM,4BAA4B,CAAC;AAEpC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;kBAKD,uBAAuB;qBACpB,kBAAkB;aAC1B,uBAAuB;;;;;YAKxB,iBAAiB,IAAI,eAAe,MAAM,iBAAiB;QAC/D,cAAc;gBACN,mBAAmB;6BACN,mBAAmB,IAAI,mBAAmB,SAAS,mBAAmB;cACrF,gBAAgB;;iBAEb,uBAAuB;;;;kBAItB,4BAA4B;aACjC,4BAA4B;;;;wBAIjB,+BAA+B;aAC1C,8BAA8B;;;;aAI9B,oCAAoC;;;UAGvC,aAAa;wBACC,8BAA8B;aACzC,8BAA8B;;;UAGjC,aAAa;UACb,aAAa;aACV,8BAA8B;;;;qBAItB,kBAAkB;eACxB,gBAAgB,UAAU,iBAAiB;;;;;;;iBAOzC,oBAAoB;;;eAGtB,YAAY;eACZ,YAAY;eACZ,YAAY;eACZ,YAAY;;;;;aAKd,uBAAuB;YACxB,iBAAiB,IAAI,eAAe,MAAM,iBAAiB;QAC/D,cAAc;;;;;;;;;;6BAUO,mBAAmB,IAAI,mBAAmB;;;UAG7D,YAAY;6BACO,mBAAmB,cAAc,mBAAmB;;;2BAGtD,YAAY;6BACV,mBAAmB,IAAI,mBAAmB,cAAc,mBAAmB;;;;;;aAM3F,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsD5B,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;YACxB,aAAa;YACb,aAAa;YACb,aAAa;;;GAGtB,CAAC,CACH,CAAC"}

package/dist/esm/components/menu-item/menu-item.template.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-item.template.js","sourceRoot":"","sources":["../../../../../../../src/components/menu-item/menu-item.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAiB,MAAM,gBAAgB,CAAC;AAE/C,MAAM,iBAAiB,GAAG,IAAI,CAAC,OAAO,CACpC,8TAA8T,CAC/T,CAAC;AACF,MAAM,oBAAoB,GAAG,IAAI,CAAC,OAAO,CACvC,wTAAwT,CACzT,CAAC;AAEF,MAAM,UAAU,gBAAgB;IAC9B,OAAO,IAAI,CAAG;;+BAEe,iBAAiB;;;;;;mCAMb,oBAAoB;6BAC1B,OAAO,CAAC,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC;;GAEjE,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAkC,gBAAgB,EAAE,CAAC"}