@angular/aria 21.0.2 → 21.0.4

package/fesm2022/_list-navigation-chunk.mjs

@@ -0,0 +1,116 @@
+import { signal, computed } from './_signal-like-chunk.mjs';
+
+class ListFocus {
+  inputs;
+  prevActiveItem = signal(undefined);
+  prevActiveIndex = computed(() => {
+    return this.prevActiveItem() ? this.inputs.items().indexOf(this.prevActiveItem()) : -1;
+  });
+  activeIndex = computed(() => {
+    return this.inputs.activeItem() ? this.inputs.items().indexOf(this.inputs.activeItem()) : -1;
+  });
+  constructor(inputs) {
+    this.inputs = inputs;
+  }
+  isListDisabled() {
+    return this.inputs.disabled() || this.inputs.items().every(i => i.disabled());
+  }
+  getActiveDescendant() {
+    if (this.isListDisabled()) {
+      return undefined;
+    }
+    if (this.inputs.focusMode() === 'roving') {
+      return undefined;
+    }
+    return this.inputs.activeItem()?.id() ?? undefined;
+  }
+  getListTabIndex() {
+    if (this.isListDisabled()) {
+      return 0;
+    }
+    return this.inputs.focusMode() === 'activedescendant' ? 0 : -1;
+  }
+  getItemTabIndex(item) {
+    if (this.isListDisabled()) {
+      return -1;
+    }
+    if (this.inputs.focusMode() === 'activedescendant') {
+      return -1;
+    }
+    return this.inputs.activeItem() === item ? 0 : -1;
+  }
+  focus(item, opts) {
+    if (this.isListDisabled() || !this.isFocusable(item)) {
+      return false;
+    }
+    this.prevActiveItem.set(this.inputs.activeItem());
+    this.inputs.activeItem.set(item);
+    if (opts?.focusElement || opts?.focusElement === undefined) {
+      this.inputs.focusMode() === 'roving' ? item.element()?.focus() : this.inputs.element()?.focus();
+    }
+    return true;
+  }
+  isFocusable(item) {
+    return !item.disabled() || this.inputs.softDisabled();
+  }
+}
+
+class ListNavigation {
+  inputs;
+  constructor(inputs) {
+    this.inputs = inputs;
+  }
+  goto(item, opts) {
+    return item ? this.inputs.focusManager.focus(item, opts) : false;
+  }
+  next(opts) {
+    return this._advance(1, opts);
+  }
+  peekNext() {
+    return this._peek(1);
+  }
+  prev(opts) {
+    return this._advance(-1, opts);
+  }
+  peekPrev() {
+    return this._peek(-1);
+  }
+  first(opts) {
+    const item = this.peekFirst();
+    return item ? this.goto(item, opts) : false;
+  }
+  last(opts) {
+    const item = this.peekLast();
+    return item ? this.goto(item, opts) : false;
+  }
+  peekFirst(items = this.inputs.items()) {
+    return items.find(i => this.inputs.focusManager.isFocusable(i));
+  }
+  peekLast(items = this.inputs.items()) {
+    for (let i = items.length - 1; i >= 0; i--) {
+      if (this.inputs.focusManager.isFocusable(items[i])) {
+        return items[i];
+      }
+    }
+    return;
+  }
+  _advance(delta, opts) {
+    const item = this._peek(delta);
+    return item ? this.goto(item, opts) : false;
+  }
+  _peek(delta) {
+    const items = this.inputs.items();
+    const itemCount = items.length;
+    const startIndex = this.inputs.focusManager.activeIndex();
+    const step = i => this.inputs.wrap() ? (i + delta + itemCount) % itemCount : i + delta;
+    for (let i = step(startIndex); i !== startIndex && i < itemCount && i >= 0; i = step(i)) {
+      if (this.inputs.focusManager.isFocusable(items[i])) {
+        return items[i];
+      }
+    }
+    return;
+  }
+}
+
+export { ListFocus, ListNavigation };
+//# sourceMappingURL=_list-navigation-chunk.mjs.map

package/fesm2022/_list-navigation-chunk.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"_list-navigation-chunk.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/private/behaviors/list-focus/list-focus.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/private/behaviors/list-navigation/list-navigation.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {computed, signal, SignalLike, WritableSignalLike} from '../signal-like/signal-like';\n\n/** Represents an item in a collection, such as a listbox option, than may receive focus. */\nexport interface ListFocusItem {\n  /** A unique identifier for the item. */\n  id: SignalLike<string>;\n\n  /** The html element that should receive focus. */\n  element: SignalLike<HTMLElement | undefined>;\n\n  /** Whether an item is disabled. */\n  disabled: SignalLike<boolean>;\n\n  /** The index of the item in the list. */\n  index: SignalLike<number>;\n}\n\n/** Represents the required inputs for a collection that contains focusable items. */\nexport interface ListFocusInputs<T extends ListFocusItem> {\n  /** The focus strategy used by the list. */\n  focusMode: SignalLike<'roving' | 'activedescendant'>;\n\n  /** Whether the list is disabled. */\n  disabled: SignalLike<boolean>;\n\n  /** The items in the list. */\n  items: SignalLike<T[]>;\n\n  /** The active item. */\n  activeItem: WritableSignalLike<T | undefined>;\n\n  /** Whether disabled items in the list should be focusable. */\n  softDisabled: SignalLike<boolean>;\n\n  element: SignalLike<HTMLElement | undefined>;\n}\n\n/** Controls focus for a list of items. */\nexport class ListFocus<T extends ListFocusItem> {\n  /** The last item that was active. */\n  prevActiveItem = signal<T | undefined>(undefined);\n\n  /** The index of the last item that was active. */\n  prevActiveIndex = computed(() => {\n    return this.prevActiveItem() ? this.inputs.items().indexOf(this.prevActiveItem()!) : -1;\n  });\n\n  /** The current active index in the list. */\n  activeIndex = computed(() => {\n    return this.inputs.activeItem() ? this.inputs.items().indexOf(this.inputs.activeItem()!) : -1;\n  });\n\n  constructor(readonly inputs: ListFocusInputs<T>) {}\n\n  /** Whether the list is in a disabled state. */\n  isListDisabled(): boolean {\n    return this.inputs.disabled() || this.inputs.items().every(i => i.disabled());\n  }\n\n  /** The id of the current active item. */\n  getActiveDescendant(): string | undefined {\n    if (this.isListDisabled()) {\n      return undefined;\n    }\n    if (this.inputs.focusMode() === 'roving') {\n      return undefined;\n    }\n    return this.inputs.activeItem()?.id() ?? undefined;\n  }\n\n  /** The tab index for the list. */\n  getListTabIndex(): -1 | 0 {\n    if (this.isListDisabled()) {\n      return 0;\n    }\n    return this.inputs.focusMode() === 'activedescendant' ? 0 : -1;\n  }\n\n  /** Returns the tab index for the given item. */\n  getItemTabIndex(item: T): -1 | 0 {\n    if (this.isListDisabled()) {\n      return -1;\n    }\n    if (this.inputs.focusMode() === 'activedescendant') {\n      return -1;\n    }\n    return this.inputs.activeItem() === item ? 0 : -1;\n  }\n\n  /** Moves focus to the given item if it is focusable. */\n  focus(item: T, opts?: {focusElement?: boolean}): boolean {\n    if (this.isListDisabled() || !this.isFocusable(item)) {\n      return false;\n    }\n\n    this.prevActiveItem.set(this.inputs.activeItem());\n    this.inputs.activeItem.set(item);\n\n    if (opts?.focusElement || opts?.focusElement === undefined) {\n      this.inputs.focusMode() === 'roving'\n        ? item.element()?.focus()\n        : this.inputs.element()?.focus();\n    }\n\n    return true;\n  }\n\n  /** Returns true if the given item can be navigated to. */\n  isFocusable(item: T): boolean {\n    return !item.disabled() || this.inputs.softDisabled();\n  }\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {SignalLike} from '../signal-like/signal-like';\nimport {ListFocus, ListFocusInputs, ListFocusItem} from '../list-focus/list-focus';\n\n/** Represents an item in a collection, such as a listbox option, than can be navigated to. */\nexport interface ListNavigationItem extends ListFocusItem {}\n\n/** Represents the required inputs for a collection that has navigable items. */\nexport interface ListNavigationInputs<T extends ListNavigationItem> extends ListFocusInputs<T> {\n  /** Whether focus should wrap when navigating. */\n  wrap: SignalLike<boolean>;\n\n  /** Whether the list is vertically or horizontally oriented. */\n  orientation: SignalLike<'vertical' | 'horizontal'>;\n\n  /** The direction that text is read based on the users locale. */\n  textDirection: SignalLike<'rtl' | 'ltr'>;\n}\n\n/** Controls navigation for a list of items. */\nexport class ListNavigation<T extends ListNavigationItem> {\n  constructor(readonly inputs: ListNavigationInputs<T> & {focusManager: ListFocus<T>}) {}\n\n  /** Navigates to the given item. */\n  goto(item?: T, opts?: {focusElement?: boolean}): boolean {\n    return item ? this.inputs.focusManager.focus(item, opts) : false;\n  }\n\n  /** Navigates to the next item in the list. */\n  next(opts?: {focusElement?: boolean}): boolean {\n    return this._advance(1, opts);\n  }\n\n  /** Peeks the next item in the list. */\n  peekNext(): T | undefined {\n    return this._peek(1);\n  }\n\n  /** Navigates to the previous item in the list. */\n  prev(opts?: {focusElement?: boolean}): boolean {\n    return this._advance(-1, opts);\n  }\n\n  /** Peeks the previous item in the list. */\n  peekPrev(): T | undefined {\n    return this._peek(-1);\n  }\n\n  /** Navigates to the first item in the list. */\n  first(opts?: {focusElement?: boolean}): boolean {\n    const item = this.peekFirst();\n    return item ? this.goto(item, opts) : false;\n  }\n\n  /** Navigates to the last item in the list. */\n  last(opts?: {focusElement?: boolean}): boolean {\n    const item = this.peekLast();\n    return item ? this.goto(item, opts) : false;\n  }\n\n  /** Gets the first focusable item from the given list of items. */\n  peekFirst(items: T[] = this.inputs.items()): T | undefined {\n    return items.find(i => this.inputs.focusManager.isFocusable(i));\n  }\n\n  /** Gets the last focusable item from the given list of items. */\n  peekLast(items: T[] = this.inputs.items()): T | undefined {\n    for (let i = items.length - 1; i >= 0; i--) {\n      if (this.inputs.focusManager.isFocusable(items[i])) {\n        return items[i];\n      }\n    }\n    return;\n  }\n\n  /** Advances to the next or previous focusable item in the list based on the given delta. */\n  private _advance(delta: 1 | -1, opts?: {focusElement?: boolean}): boolean {\n    const item = this._peek(delta);\n    return item ? this.goto(item, opts) : false;\n  }\n\n  /** Peeks the next or previous focusable item in the list based on the given delta. */\n  private _peek(delta: 1 | -1): T | undefined {\n    const items = this.inputs.items();\n    const itemCount = items.length;\n    const startIndex = this.inputs.focusManager.activeIndex();\n    const step = (i: number) =>\n      this.inputs.wrap() ? (i + delta + itemCount) % itemCount : i + delta;\n\n    // If wrapping is enabled, this loop ultimately terminates when `i` gets back to `startIndex`\n    // in the case that all options are disabled. If wrapping is disabled, the loop terminates\n    // when the index goes out of bounds.\n    for (let i = step(startIndex); i !== startIndex && i < itemCount && i >= 0; i = step(i)) {\n      if (this.inputs.focusManager.isFocusable(items[i])) {\n        return items[i];\n      }\n    }\n\n    return;\n  }\n}\n"],"names":["ListFocus","inputs","prevActiveItem","signal","undefined","prevActiveIndex","computed","items","indexOf","activeIndex","activeItem","constructor","isListDisabled","disabled","every","i","getActiveDescendant","focusMode","id","getListTabIndex","getItemTabIndex","item","focus","opts","isFocusable","set","focusElement","element","softDisabled","ListNavigation","goto","focusManager","next","_advance","peekNext","_peek","prev","peekPrev","first","peekFirst","last","peekLast","find","length","delta","itemCount","startIndex","step","wrap"],"mappings":"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"}

package/fesm2022/_menu-chunk.mjs

@@ -0,0 +1,515 @@
+import { computed, signal, KeyboardEventManager } from './_signal-like-chunk.mjs';
+import { List } from './_list-chunk.mjs';
+
+class MenuPattern {
+  inputs;
+  id;
+  role = () => 'menu';
+  disabled = () => this.inputs.disabled();
+  visible = computed(() => this.inputs.parent() ? !!this.inputs.parent()?.expanded() : true);
+  listBehavior;
+  isFocused = signal(false);
+  hasBeenFocused = signal(false);
+  hasBeenHovered = signal(false);
+  _openTimeout;
+  _closeTimeout;
+  tabIndex = () => this.listBehavior.tabIndex();
+  shouldFocus = computed(() => {
+    const root = this.root();
+    if (root instanceof MenuTriggerPattern) {
+      return true;
+    }
+    if (root instanceof MenuBarPattern || root instanceof MenuPattern) {
+      return root.isFocused();
+    }
+    return false;
+  });
+  _expandKey = computed(() => {
+    return this.inputs.textDirection() === 'rtl' ? 'ArrowLeft' : 'ArrowRight';
+  });
+  _collapseKey = computed(() => {
+    return this.inputs.textDirection() === 'rtl' ? 'ArrowRight' : 'ArrowLeft';
+  });
+  dynamicSpaceKey = computed(() => this.listBehavior.isTyping() ? '' : ' ');
+  typeaheadRegexp = /^.$/;
+  root = computed(() => {
+    const parent = this.inputs.parent();
+    if (!parent) {
+      return this;
+    }
+    if (parent instanceof MenuTriggerPattern) {
+      return parent;
+    }
+    const grandparent = parent.inputs.parent();
+    if (grandparent instanceof MenuBarPattern) {
+      return grandparent;
+    }
+    return grandparent?.root();
+  });
+  keydownManager = computed(() => {
+    return new KeyboardEventManager().on('ArrowDown', () => this.next()).on('ArrowUp', () => this.prev()).on('Home', () => this.first()).on('End', () => this.last()).on('Enter', () => this.trigger()).on('Escape', () => this.closeAll()).on(this._expandKey, () => this.expand()).on(this._collapseKey, () => this.collapse()).on(this.dynamicSpaceKey, () => this.trigger()).on(this.typeaheadRegexp, e => this.listBehavior.search(e.key));
+  });
+  constructor(inputs) {
+    this.inputs = inputs;
+    this.id = inputs.id;
+    this.listBehavior = new List({
+      ...inputs,
+      values: signal([])
+    });
+  }
+  setDefaultState() {
+    if (!this.inputs.parent()) {
+      this.listBehavior.goto(this.inputs.items()[0], {
+        focusElement: false
+      });
+    }
+  }
+  onKeydown(event) {
+    this.keydownManager().handle(event);
+  }
+  onMouseOver(event) {
+    if (!this.visible()) {
+      return;
+    }
+    this.hasBeenHovered.set(true);
+    const item = this.inputs.items().find(i => i.element()?.contains(event.target));
+    if (!item) {
+      return;
+    }
+    const parent = this.inputs.parent();
+    const activeItem = this?.inputs.activeItem();
+    if (parent instanceof MenuItemPattern) {
+      const grandparent = parent.inputs.parent();
+      if (grandparent instanceof MenuPattern) {
+        grandparent._clearTimeouts();
+        grandparent.listBehavior.goto(parent, {
+          focusElement: false
+        });
+      }
+    }
+    if (activeItem && activeItem !== item) {
+      this._closeItem(activeItem);
+    }
+    if (item.expanded()) {
+      this._clearCloseTimeout();
+    }
+    this._openItem(item);
+    this.listBehavior.goto(item, {
+      focusElement: this.shouldFocus()
+    });
+  }
+  _closeItem(item) {
+    this._clearOpenTimeout();
+    if (!this._closeTimeout) {
+      this._closeTimeout = setTimeout(() => {
+        item.close();
+        this._closeTimeout = undefined;
+      }, this.inputs.expansionDelay());
+    }
+  }
+  _openItem(item) {
+    this._clearOpenTimeout();
+    this._openTimeout = setTimeout(() => {
+      item.open();
+      this._openTimeout = undefined;
+    }, this.inputs.expansionDelay());
+  }
+  onMouseOut(event) {
+    this._clearOpenTimeout();
+    if (this.isFocused()) {
+      return;
+    }
+    const root = this.root();
+    const parent = this.inputs.parent();
+    const relatedTarget = event.relatedTarget;
+    if (!root || !parent || parent instanceof MenuTriggerPattern) {
+      return;
+    }
+    const grandparent = parent.inputs.parent();
+    if (!grandparent || grandparent instanceof MenuBarPattern) {
+      return;
+    }
+    if (!grandparent.inputs.element()?.contains(relatedTarget)) {
+      parent.close();
+    }
+  }
+  onClick(event) {
+    const relatedTarget = event.target;
+    const item = this.inputs.items().find(i => i.element()?.contains(relatedTarget));
+    if (item) {
+      item.open();
+      this.listBehavior.goto(item);
+      this.submit(item);
+    }
+  }
+  onFocusIn() {
+    this.isFocused.set(true);
+    this.hasBeenFocused.set(true);
+  }
+  onFocusOut(event) {
+    const parent = this.inputs.parent();
+    const parentEl = parent?.inputs.element();
+    const relatedTarget = event.relatedTarget;
+    if (!relatedTarget) {
+      this.isFocused.set(false);
+      this.inputs.parent()?.close({
+        refocus: true
+      });
+    }
+    if (parent instanceof MenuItemPattern) {
+      const grandparent = parent.inputs.parent();
+      const siblings = grandparent?.inputs.items().filter(i => i !== parent);
+      const item = siblings?.find(i => i.element()?.contains(relatedTarget));
+      if (item) {
+        return;
+      }
+    }
+    if (this.visible() && !parentEl?.contains(relatedTarget) && !this.inputs.element()?.contains(relatedTarget)) {
+      this.isFocused.set(false);
+      this.inputs.parent()?.close();
+    }
+  }
+  prev() {
+    this.inputs.activeItem()?.close();
+    this.listBehavior.prev();
+  }
+  next() {
+    this.inputs.activeItem()?.close();
+    this.listBehavior.next();
+  }
+  first() {
+    this.inputs.activeItem()?.close();
+    this.listBehavior.first();
+  }
+  last() {
+    this.inputs.activeItem()?.close();
+    this.listBehavior.last();
+  }
+  trigger() {
+    this.inputs.activeItem()?.hasPopup() ? this.inputs.activeItem()?.open({
+      first: true
+    }) : this.submit();
+  }
+  submit(item = this.inputs.activeItem()) {
+    const root = this.root();
+    if (item && !item.disabled()) {
+      const isMenu = root instanceof MenuPattern;
+      const isMenuBar = root instanceof MenuBarPattern;
+      const isMenuTrigger = root instanceof MenuTriggerPattern;
+      if (!item.submenu() && isMenuTrigger) {
+        root.close({
+          refocus: true
+        });
+      }
+      if (!item.submenu() && isMenuBar) {
+        root.close();
+        root?.inputs.onSelect?.(item.value());
+      }
+      if (!item.submenu() && isMenu) {
+        root.inputs.activeItem()?.close({
+          refocus: true
+        });
+        root?.inputs.onSelect?.(item.value());
+      }
+    }
+  }
+  collapse() {
+    const root = this.root();
+    const parent = this.inputs.parent();
+    if (parent instanceof MenuItemPattern && !(parent.inputs.parent() instanceof MenuBarPattern)) {
+      parent.close({
+        refocus: true
+      });
+    } else if (root instanceof MenuBarPattern) {
+      root.prev();
+    }
+  }
+  expand() {
+    const root = this.root();
+    const activeItem = this.inputs.activeItem();
+    if (activeItem?.submenu()) {
+      activeItem.open({
+        first: true
+      });
+    } else if (root instanceof MenuBarPattern) {
+      root.next();
+    }
+  }
+  close() {
+    this.inputs.parent()?.close();
+  }
+  closeAll() {
+    const root = this.root();
+    if (root instanceof MenuTriggerPattern) {
+      root.close({
+        refocus: true
+      });
+    }
+    if (root instanceof MenuBarPattern) {
+      root.close();
+    }
+    if (root instanceof MenuPattern) {
+      root.inputs.activeItem()?.close({
+        refocus: true
+      });
+    }
+  }
+  _clearTimeouts() {
+    this._clearOpenTimeout();
+    this._clearCloseTimeout();
+  }
+  _clearOpenTimeout() {
+    if (this._openTimeout) {
+      clearTimeout(this._openTimeout);
+      this._openTimeout = undefined;
+    }
+  }
+  _clearCloseTimeout() {
+    if (this._closeTimeout) {
+      clearTimeout(this._closeTimeout);
+      this._closeTimeout = undefined;
+    }
+  }
+}
+class MenuBarPattern {
+  inputs;
+  listBehavior;
+  tabIndex = () => this.listBehavior.tabIndex();
+  _nextKey = computed(() => {
+    return this.inputs.textDirection() === 'rtl' ? 'ArrowLeft' : 'ArrowRight';
+  });
+  _previousKey = computed(() => {
+    return this.inputs.textDirection() === 'rtl' ? 'ArrowRight' : 'ArrowLeft';
+  });
+  dynamicSpaceKey = computed(() => this.listBehavior.isTyping() ? '' : ' ');
+  typeaheadRegexp = /^.$/;
+  isFocused = signal(false);
+  hasBeenFocused = signal(false);
+  disabled = () => this.inputs.disabled();
+  keydownManager = computed(() => {
+    return new KeyboardEventManager().on(this._nextKey, () => this.next()).on(this._previousKey, () => this.prev()).on('End', () => this.listBehavior.last()).on('Home', () => this.listBehavior.first()).on('Enter', () => this.inputs.activeItem()?.open({
+      first: true
+    })).on('ArrowUp', () => this.inputs.activeItem()?.open({
+      last: true
+    })).on('ArrowDown', () => this.inputs.activeItem()?.open({
+      first: true
+    })).on(this.dynamicSpaceKey, () => this.inputs.activeItem()?.open({
+      first: true
+    })).on(this.typeaheadRegexp, e => this.listBehavior.search(e.key));
+  });
+  constructor(inputs) {
+    this.inputs = inputs;
+    this.listBehavior = new List(inputs);
+  }
+  setDefaultState() {
+    this.inputs.activeItem.set(this.inputs.items()[0]);
+  }
+  onKeydown(event) {
+    this.keydownManager().handle(event);
+  }
+  onClick(event) {
+    const item = this.inputs.items().find(i => i.element()?.contains(event.target));
+    if (!item) {
+      return;
+    }
+    this.goto(item);
+    item.expanded() ? item.close() : item.open();
+  }
+  onMouseOver(event) {
+    const item = this.inputs.items().find(i => i.element()?.contains(event.target));
+    if (item) {
+      this.goto(item, {
+        focusElement: this.isFocused()
+      });
+    }
+  }
+  onFocusIn() {
+    this.isFocused.set(true);
+    this.hasBeenFocused.set(true);
+  }
+  onFocusOut(event) {
+    const relatedTarget = event.relatedTarget;
+    if (!this.inputs.element()?.contains(relatedTarget)) {
+      this.isFocused.set(false);
+      this.close();
+    }
+  }
+  goto(item, opts) {
+    const prevItem = this.inputs.activeItem();
+    this.listBehavior.goto(item, opts);
+    if (prevItem?.expanded()) {
+      prevItem?.close();
+      this.inputs.activeItem()?.open();
+    }
+    if (item === prevItem) {
+      if (item.expanded() && item.submenu()?.inputs.activeItem()) {
+        item.submenu()?.inputs.activeItem()?.close();
+        item.submenu()?.listBehavior.unfocus();
+      }
+    }
+  }
+  next() {
+    const prevItem = this.inputs.activeItem();
+    this.listBehavior.next();
+    if (prevItem?.expanded()) {
+      prevItem?.close();
+      this.inputs.activeItem()?.open({
+        first: true
+      });
+    }
+  }
+  prev() {
+    const prevItem = this.inputs.activeItem();
+    this.listBehavior.prev();
+    if (prevItem?.expanded()) {
+      prevItem?.close();
+      this.inputs.activeItem()?.open({
+        first: true
+      });
+    }
+  }
+  close() {
+    this.inputs.activeItem()?.close({
+      refocus: this.isFocused()
+    });
+  }
+}
+class MenuTriggerPattern {
+  inputs;
+  expanded = signal(false);
+  hasBeenFocused = signal(false);
+  role = () => 'button';
+  hasPopup = () => true;
+  menu;
+  tabIndex = computed(() => this.expanded() && this.menu()?.inputs.activeItem() ? -1 : 0);
+  disabled = () => this.inputs.disabled();
+  keydownManager = computed(() => {
+    return new KeyboardEventManager().on(' ', () => this.open({
+      first: true
+    })).on('Enter', () => this.open({
+      first: true
+    })).on('ArrowDown', () => this.open({
+      first: true
+    })).on('ArrowUp', () => this.open({
+      last: true
+    })).on('Escape', () => this.close({
+      refocus: true
+    }));
+  });
+  constructor(inputs) {
+    this.inputs = inputs;
+    this.menu = this.inputs.menu;
+  }
+  onKeydown(event) {
+    if (!this.inputs.disabled()) {
+      this.keydownManager().handle(event);
+    }
+  }
+  onClick() {
+    if (!this.inputs.disabled()) {
+      this.expanded() ? this.close() : this.open({
+        first: true
+      });
+    }
+  }
+  onFocusIn() {
+    this.hasBeenFocused.set(true);
+  }
+  onFocusOut(event) {
+    const element = this.inputs.element();
+    const relatedTarget = event.relatedTarget;
+    if (this.expanded() && !element?.contains(relatedTarget) && !this.inputs.menu()?.inputs.element()?.contains(relatedTarget)) {
+      this.close();
+    }
+  }
+  open(opts) {
+    this.expanded.set(true);
+    if (opts?.first) {
+      this.inputs.menu()?.first();
+    } else if (opts?.last) {
+      this.inputs.menu()?.last();
+    }
+  }
+  close(opts = {}) {
+    this.expanded.set(false);
+    this.menu()?.listBehavior.unfocus();
+    if (opts.refocus) {
+      this.inputs.element()?.focus();
+    }
+    let menuitems = this.inputs.menu()?.inputs.items() ?? [];
+    while (menuitems.length) {
+      const menuitem = menuitems.pop();
+      menuitem?._expanded.set(false);
+      menuitem?.inputs.parent()?.listBehavior.unfocus();
+      menuitems = menuitems.concat(menuitem?.submenu()?.inputs.items() ?? []);
+    }
+  }
+}
+class MenuItemPattern {
+  inputs;
+  value;
+  id;
+  disabled = () => this.inputs.parent()?.disabled() || this.inputs.disabled();
+  searchTerm;
+  element;
+  active = computed(() => this.inputs.parent()?.inputs.activeItem() === this);
+  hasBeenFocused = signal(false);
+  tabIndex = computed(() => {
+    if (this.submenu() && this.submenu()?.inputs.activeItem()) {
+      return -1;
+    }
+    return this.inputs.parent()?.listBehavior.getItemTabindex(this) ?? -1;
+  });
+  index = computed(() => this.inputs.parent()?.inputs.items().indexOf(this) ?? -1);
+  expanded = computed(() => this.submenu() ? this._expanded() : null);
+  _expanded = signal(false);
+  controls = signal(undefined);
+  role = () => 'menuitem';
+  hasPopup = computed(() => !!this.submenu());
+  submenu;
+  selectable;
+  constructor(inputs) {
+    this.inputs = inputs;
+    this.id = inputs.id;
+    this.value = inputs.value;
+    this.element = inputs.element;
+    this.submenu = this.inputs.submenu;
+    this.searchTerm = inputs.searchTerm;
+    this.selectable = computed(() => !this.submenu());
+  }
+  open(opts) {
+    if (this.disabled()) {
+      return;
+    }
+    this._expanded.set(true);
+    if (opts?.first) {
+      this.submenu()?.first();
+    }
+    if (opts?.last) {
+      this.submenu()?.last();
+    }
+  }
+  close(opts = {}) {
+    this._expanded.set(false);
+    if (opts.refocus) {
+      this.inputs.parent()?.listBehavior.goto(this);
+    }
+    let menuitems = this.inputs.submenu()?.inputs.items() ?? [];
+    while (menuitems.length) {
+      const menuitem = menuitems.pop();
+      menuitem?._expanded.set(false);
+      menuitem?.inputs.parent()?.listBehavior.unfocus();
+      menuitems = menuitems.concat(menuitem?.submenu()?.inputs.items() ?? []);
+      const parent = menuitem?.inputs.parent();
+      if (parent instanceof MenuPattern) {
+        parent._clearTimeouts();
+      }
+    }
+  }
+  onFocusIn() {
+    this.hasBeenFocused.set(true);
+  }
+}
+
+export { MenuBarPattern, MenuItemPattern, MenuPattern, MenuTriggerPattern };
+//# sourceMappingURL=_menu-chunk.mjs.map