@angular/aria 22.0.0-next.5 → 22.0.0-next.7

package/fesm2022/_tabs-chunk.mjs

@@ -1,63 +1,37 @@
 import { ListExpansion } from './_expansion-chunk.mjs';
-import { computed, signal, KeyboardEventManager } from './_signal-like-chunk.mjs';
+import { signal, computed, linkedSignal, KeyboardEventManager } from './_signal-like-chunk.mjs';
 import { ListFocus, ListNavigation } from './_list-navigation-chunk.mjs';
 import { ClickEventManager } from './_click-event-manager-chunk.mjs';
 
-class LabelControl {
-  inputs;
-  label = computed(() => this.inputs.label?.());
-  labelledBy = computed(() => {
-    const label = this.label();
-    const labelledBy = this.inputs.labelledBy?.();
-    const defaultLabelledBy = this.inputs.defaultLabelledBy();
-    if (labelledBy && labelledBy.length > 0) {
-      return labelledBy;
-    }
-    if (label) {
-      return [];
-    }
-    return defaultLabelledBy;
-  });
-  constructor(inputs) {
-    this.inputs = inputs;
-  }
-}
-
 class TabPattern {
   inputs;
-  id = () => this.inputs.id();
-  index = computed(() => this.inputs.tablist().inputs.items().indexOf(this));
-  value = () => this.inputs.value();
-  disabled = () => this.inputs.disabled();
+  id;
+  disabled;
   element = () => this.inputs.element();
   expandable = () => true;
-  expanded;
-  active = computed(() => this.inputs.tablist().inputs.activeItem() === this);
-  selected = computed(() => this.inputs.tablist().selectedTab() === this);
-  tabIndex = computed(() => this.inputs.tablist().focusBehavior.getItemTabIndex(this));
-  controls = computed(() => this.inputs.tabpanel()?.id());
+  expanded = linkedSignal(() => this.inputs.tabList().selectedTab() === this);
+  active = computed(() => this.inputs.tabList().inputs.activeItem() === this);
+  selected = computed(() => this.inputs.tabList().selectedTab() === this);
+  tabIndex = computed(() => this.inputs.tabList().focusBehavior.getItemTabIndex(this));
+  controls = computed(() => this.inputs.tabPanel()?.id());
   constructor(inputs) {
     this.inputs = inputs;
-    this.expanded = inputs.expanded;
+    this.id = inputs.id;
+    this.disabled = inputs.disabled;
   }
   open() {
-    return this.inputs.tablist().open(this);
+    return this.inputs.tabList().open(this);
   }
 }
 class TabPanelPattern {
   inputs;
-  id = () => this.inputs.id();
-  value = () => this.inputs.value();
-  labelManager;
+  id;
   hidden = computed(() => this.inputs.tab()?.expanded() === false);
   tabIndex = computed(() => this.hidden() ? -1 : 0);
-  labelledBy = computed(() => this.labelManager.labelledBy().length > 0 ? this.labelManager.labelledBy().join(' ') : undefined);
+  labelledBy = computed(() => this.inputs.tab()?.id());
   constructor(inputs) {
     this.inputs = inputs;
-    this.labelManager = new LabelControl({
-      ...inputs,
-      defaultLabelledBy: computed(() => this.inputs.tab() ? [this.inputs.tab().id()] : [])
-    });
+    this.id = inputs.id;
   }
 }
 class TabListPattern {
@@ -66,10 +40,10 @@ class TabListPattern {
   navigationBehavior;
   expansionBehavior;
   hasBeenInteracted = signal(false);
-  activeTab = () => this.inputs.activeItem();
-  selectedTab = signal(undefined);
-  orientation = () => this.inputs.orientation();
-  disabled = () => this.inputs.disabled();
+  activeTab;
+  selectedTab;
+  orientation;
+  disabled;
   tabIndex = computed(() => this.focusBehavior.getListTabIndex());
   activeDescendant = computed(() => this.focusBehavior.getActiveDescendant());
   followFocus = computed(() => this.inputs.selectionMode() === 'follow');
@@ -97,6 +71,10 @@ class TabListPattern {
   });
   constructor(inputs) {
     this.inputs = inputs;
+    this.selectedTab = inputs.selectedTab;
+    this.activeTab = inputs.activeItem;
+    this.orientation = inputs.orientation;
+    this.disabled = inputs.disabled;
     this.focusBehavior = new ListFocus(inputs);
     this.navigationBehavior = new ListNavigation({
       ...inputs,
@@ -144,9 +122,6 @@ class TabListPattern {
   }
   open(tab) {
     tab ??= this.activeTab();
-    if (typeof tab === 'string') {
-      tab = this.inputs.items().find(t => t.value() === tab);
-    }
     if (tab === undefined) return false;
     const success = this.expansionBehavior.open(tab);
     if (success) {

package/fesm2022/_tabs-chunk.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"_tabs-chunk.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/private/behaviors/label/label.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/private/tabs/tabs.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 */\nimport {computed, SignalLike} from '../signal-like/signal-like';\n\n/** Represents the required inputs for the label control. */\nexport interface LabelControlInputs {\n  /** The default `aria-labelledby` ids. */\n  defaultLabelledBy: SignalLike<string[]>;\n}\n\n/** Represents the optional inputs for the label control. */\nexport interface LabelControlOptionalInputs {\n  /** The `aria-label`. */\n  label?: SignalLike<string | undefined>;\n\n  /** The user-provided `aria-labelledby` ids. */\n  labelledBy?: SignalLike<string[]>;\n}\n\n/** Controls label and description of an element. */\nexport class LabelControl {\n  /** The `aria-label`. */\n  readonly label = computed(() => this.inputs.label?.());\n\n  /** The `aria-labelledby` ids. */\n  readonly labelledBy = computed(() => {\n    const label = this.label();\n    const labelledBy = this.inputs.labelledBy?.();\n    const defaultLabelledBy = this.inputs.defaultLabelledBy();\n\n    if (labelledBy && labelledBy.length > 0) {\n      return labelledBy;\n    }\n\n    // If an aria-label is provided by developers, do not set aria-labelledby with the\n    // defaultLabelledBy value because if both attributes are set, aria-labelledby will be used.\n    if (label) {\n      return [];\n    }\n\n    return defaultLabelledBy;\n  });\n\n  constructor(readonly inputs: LabelControlInputs & LabelControlOptionalInputs) {}\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 {KeyboardEventManager, ClickEventManager} from '../behaviors/event-manager';\nimport {ExpansionItem, ListExpansionInputs, ListExpansion} from '../behaviors/expansion/expansion';\nimport {\n  SignalLike,\n  computed,\n  signal,\n  WritableSignalLike,\n} from '../behaviors/signal-like/signal-like';\nimport {LabelControl, LabelControlOptionalInputs} from '../behaviors/label/label';\nimport {ListFocus} from '../behaviors/list-focus/list-focus';\nimport {\n  ListNavigationItem,\n  ListNavigation,\n  ListNavigationInputs,\n} from '../behaviors/list-navigation/list-navigation';\n\n/** The required inputs to tabs. */\nexport interface TabInputs\n  extends Omit<ListNavigationItem, 'index'>, Omit<ExpansionItem, 'expandable'> {\n  /** The parent tablist that controls the tab. */\n  tablist: SignalLike<TabListPattern>;\n\n  /** The remote tabpanel controlled by the tab. */\n  tabpanel: SignalLike<TabPanelPattern | undefined>;\n\n  /** The remote tabpanel unique identifier. */\n  value: SignalLike<string>;\n}\n\n/** A tab in a tablist. */\nexport class TabPattern {\n  /** A global unique identifier for the tab. */\n  readonly id: SignalLike<string> = () => this.inputs.id();\n\n  /** The index of the tab. */\n  readonly index = computed(() => this.inputs.tablist().inputs.items().indexOf(this));\n\n  /** The remote tabpanel unique identifier. */\n  readonly value: SignalLike<string> = () => this.inputs.value();\n\n  /** Whether the tab is disabled. */\n  readonly disabled: SignalLike<boolean> = () => this.inputs.disabled();\n\n  /** The html element that should receive focus. */\n  readonly element: SignalLike<HTMLElement> = () => this.inputs.element()!;\n\n  /** Whether this tab has expandable panel. */\n  readonly expandable: SignalLike<boolean> = () => true;\n\n  /** Whether the tab panel is expanded. */\n  readonly expanded: WritableSignalLike<boolean>;\n\n  /** Whether the tab is active. */\n  readonly active = computed(() => this.inputs.tablist().inputs.activeItem() === this);\n\n  /** Whether the tab is selected. */\n  readonly selected = computed(() => this.inputs.tablist().selectedTab() === this);\n\n  /** The tab index of the tab. */\n  readonly tabIndex = computed(() => this.inputs.tablist().focusBehavior.getItemTabIndex(this));\n\n  /** The id of the tabpanel associated with the tab. */\n  readonly controls = computed(() => this.inputs.tabpanel()?.id());\n\n  constructor(readonly inputs: TabInputs) {\n    this.expanded = inputs.expanded;\n  }\n\n  /** Opens the tab. */\n  open(): boolean {\n    return this.inputs.tablist().open(this);\n  }\n}\n\n/** The required inputs for the tabpanel. */\nexport interface TabPanelInputs extends LabelControlOptionalInputs {\n  /** A global unique identifier for the tabpanel. */\n  id: SignalLike<string>;\n\n  /** The tab that controls this tabpanel. */\n  tab: SignalLike<TabPattern | undefined>;\n\n  /** A local unique identifier for the tabpanel. */\n  value: SignalLike<string>;\n}\n\n/** A tabpanel associated with a tab. */\nexport class TabPanelPattern {\n  /** A global unique identifier for the tabpanel. */\n  readonly id: SignalLike<string> = () => this.inputs.id();\n\n  /** A local unique identifier for the tabpanel. */\n  readonly value: SignalLike<string> = () => this.inputs.value();\n\n  /** Controls label for this tabpanel. */\n  readonly labelManager: LabelControl;\n\n  /** Whether the tabpanel is hidden. */\n  readonly hidden = computed(() => this.inputs.tab()?.expanded() === false);\n\n  /** The tab index of this tabpanel. */\n  readonly tabIndex = computed(() => (this.hidden() ? -1 : 0));\n\n  /** The aria-labelledby value for this tabpanel. */\n  readonly labelledBy = computed(() =>\n    this.labelManager.labelledBy().length > 0\n      ? this.labelManager.labelledBy().join(' ')\n      : undefined,\n  );\n\n  constructor(readonly inputs: TabPanelInputs) {\n    this.labelManager = new LabelControl({\n      ...inputs,\n      defaultLabelledBy: computed(() => (this.inputs.tab() ? [this.inputs.tab()!.id()] : [])),\n    });\n  }\n}\n\n/** The required inputs for the tablist. */\nexport interface TabListInputs\n  extends\n    Omit<ListNavigationInputs<TabPattern>, 'multi'>,\n    Omit<ListExpansionInputs, 'multiExpandable' | 'items'> {\n  /** The selection strategy used by the tablist. */\n  selectionMode: SignalLike<'follow' | 'explicit'>;\n}\n\n/** Controls the state of a tablist. */\nexport class TabListPattern {\n  /** The list focus behavior for the tablist. */\n  readonly focusBehavior: ListFocus<TabPattern>;\n\n  /** The list navigation behavior for the tablist. */\n  readonly navigationBehavior: ListNavigation<TabPattern>;\n\n  /** Controls expansion for the tablist. */\n  readonly expansionBehavior: ListExpansion;\n\n  /** Whether the tablist has been interacted with. */\n  readonly hasBeenInteracted = signal(false);\n\n  /** The currently active tab. */\n  readonly activeTab: SignalLike<TabPattern | undefined> = () => this.inputs.activeItem();\n\n  /** The currently selected tab. */\n  readonly selectedTab: WritableSignalLike<TabPattern | undefined> = signal(undefined);\n\n  /** Whether the tablist is vertically or horizontally oriented. */\n  readonly orientation: SignalLike<'vertical' | 'horizontal'> = () => this.inputs.orientation();\n\n  /** Whether the tablist is disabled. */\n  readonly disabled: SignalLike<boolean> = () => this.inputs.disabled();\n\n  /** The tab index of the tablist. */\n  readonly tabIndex = computed(() => this.focusBehavior.getListTabIndex());\n\n  /** The id of the current active tab. */\n  readonly activeDescendant = computed(() => this.focusBehavior.getActiveDescendant());\n\n  /** Whether selection should follow focus. */\n  readonly followFocus = computed(() => this.inputs.selectionMode() === 'follow');\n\n  /** The key used to navigate to the previous tab in the tablist. */\n  readonly prevKey = computed(() => {\n    if (this.inputs.orientation() === 'vertical') {\n      return 'ArrowUp';\n    }\n    return this.inputs.textDirection() === 'rtl' ? 'ArrowRight' : 'ArrowLeft';\n  });\n\n  /** The key used to navigate to the next item in the list. */\n  readonly nextKey = computed(() => {\n    if (this.inputs.orientation() === 'vertical') {\n      return 'ArrowDown';\n    }\n    return this.inputs.textDirection() === 'rtl' ? 'ArrowLeft' : 'ArrowRight';\n  });\n\n  /** The keydown event manager for the tablist. */\n  readonly keydown = computed(() => {\n    return new KeyboardEventManager()\n      .on(\n        this.prevKey,\n        () => this._navigate(() => this.navigationBehavior.prev(), this.followFocus()),\n        {ignoreRepeat: false},\n      )\n      .on(\n        this.nextKey,\n        () => this._navigate(() => this.navigationBehavior.next(), this.followFocus()),\n        {ignoreRepeat: false},\n      )\n      .on('Home', () => this._navigate(() => this.navigationBehavior.first(), this.followFocus()))\n      .on('End', () => this._navigate(() => this.navigationBehavior.last(), this.followFocus()))\n      .on(' ', () => this.open())\n      .on('Enter', () => this.open());\n  });\n\n  /** The click event manager for the tablist. */\n  readonly clickManager = computed(() => {\n    return new ClickEventManager<PointerEvent>().on(e =>\n      this._navigate(() => this.navigationBehavior.goto(this._getItem(e)!), true),\n    );\n  });\n\n  constructor(readonly inputs: TabListInputs) {\n    this.focusBehavior = new ListFocus(inputs);\n\n    this.navigationBehavior = new ListNavigation({\n      ...inputs,\n      focusManager: this.focusBehavior,\n    });\n\n    this.expansionBehavior = new ListExpansion({\n      ...inputs,\n      multiExpandable: () => false,\n    });\n  }\n\n  /**\n   * Sets the tablist to its default initial state.\n   *\n   * Sets the active index of the tablist to the first focusable selected\n   * tab if one exists. Otherwise, sets focus to the first focusable tab.\n   *\n   * This method should be called once the tablist and its tabs are properly initialized.\n   */\n  setDefaultState() {\n    let firstItem: TabPattern | undefined;\n\n    for (const item of this.inputs.items()) {\n      if (!this.focusBehavior.isFocusable(item)) continue;\n\n      if (firstItem === undefined) {\n        firstItem = item;\n      }\n\n      if (item.selected()) {\n        this.inputs.activeItem.set(item);\n        return;\n      }\n    }\n    if (firstItem !== undefined) {\n      this.inputs.activeItem.set(firstItem);\n    }\n  }\n\n  /** Sets the default active state of the tablist before receiving interaction for the first time. */\n  setDefaultStateEffect(): void {\n    if (this.hasBeenInteracted()) return;\n\n    this.setDefaultState();\n  }\n\n  /** Handles keydown events for the tablist. */\n  onKeydown(event: KeyboardEvent) {\n    if (!this.disabled()) {\n      this.hasBeenInteracted.set(true);\n      this.keydown().handle(event);\n    }\n  }\n\n  /** The click event manager for the tablist. */\n  onClick(event: PointerEvent) {\n    if (!this.disabled()) {\n      this.hasBeenInteracted.set(true);\n      this.clickManager().handle(event);\n    }\n  }\n\n  /** Handles focusin events for the tablist. */\n  onFocusIn() {\n    this.hasBeenInteracted.set(true);\n  }\n\n  /** Opens the tab by given value. */\n  open(value: string): boolean;\n\n  /** Opens the given tab or the current active tab. */\n  open(tab?: TabPattern): boolean;\n\n  open(tab: TabPattern | string | undefined): boolean {\n    tab ??= this.activeTab();\n\n    if (typeof tab === 'string') {\n      tab = this.inputs.items().find(t => t.value() === tab);\n    }\n\n    if (tab === undefined) return false;\n\n    const success = this.expansionBehavior.open(tab);\n    if (success) {\n      this.selectedTab.set(tab);\n    }\n\n    return success;\n  }\n\n  /** Executes a navigation operation and expand the active tab if needed. */\n  private _navigate(op: () => boolean, shouldExpand: boolean = false): void {\n    const success = op();\n    if (success && shouldExpand) {\n      this.open();\n    }\n  }\n\n  /** Returns the tab item associated with the given pointer event. */\n  private _getItem(e: PointerEvent) {\n    if (!(e.target instanceof HTMLElement)) {\n      return;\n    }\n\n    const element = e.target.closest('[role=\"tab\"]');\n    return this.inputs.items().find(i => i.element() === element);\n  }\n}\n"],"names":["LabelControl","inputs","label","computed","labelledBy","defaultLabelledBy","length","constructor","TabPattern","id","index","tablist","items","indexOf","value","disabled","element","expandable","expanded","active","activeItem","selected","selectedTab","tabIndex","focusBehavior","getItemTabIndex","controls","tabpanel","open","TabPanelPattern","labelManager","hidden","tab","join","undefined","TabListPattern","navigationBehavior","expansionBehavior","hasBeenInteracted","signal","activeTab","orientation","getListTabIndex","activeDescendant","getActiveDescendant","followFocus","selectionMode","prevKey","textDirection","nextKey","keydown","KeyboardEventManager","on","_navigate","prev","ignoreRepeat","next","first","last","clickManager","ClickEventManager","e","goto","_getItem","ListFocus","ListNavigation","focusManager","ListExpansion","multiExpandable","setDefaultState","firstItem","item","isFocusable","set","setDefaultStateEffect","onKeydown","event","handle","onClick","onFocusIn","find","t","success","op","shouldExpand","target","HTMLElement","closest","i"],"mappings":"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"}
+{"version":3,"file":"_tabs-chunk.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/private/tabs/tabs.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 {KeyboardEventManager, ClickEventManager} from '../behaviors/event-manager';\nimport {ExpansionItem, ListExpansion, ListExpansionInputs} from '../behaviors/expansion/expansion';\nimport {\n  SignalLike,\n  WritableSignalLike,\n  computed,\n  linkedSignal,\n  signal,\n} from '../behaviors/signal-like/signal-like';\nimport {ListFocus} from '../behaviors/list-focus/list-focus';\nimport {\n  ListNavigation,\n  ListNavigationInputs,\n  ListNavigationItem,\n} from '../behaviors/list-navigation/list-navigation';\n\n/** The required inputs to tabs. */\nexport interface TabInputs\n  extends Omit<ListNavigationItem, 'index'>, Omit<ExpansionItem, 'expandable' | 'expanded'> {\n  /** The parent tablist that controls the tab. */\n  tabList: SignalLike<TabListPattern>;\n\n  /** The remote tabpanel controlled by the tab. */\n  tabPanel: SignalLike<TabPanelPattern | undefined>;\n}\n\n/** A tab in a tablist. */\nexport class TabPattern {\n  /** A global unique identifier for the tab. */\n  readonly id: SignalLike<string>; // set from inputs\n\n  /** Whether the tab is disabled. */\n  readonly disabled: SignalLike<boolean>; // set from inputs\n\n  /** The html element that should receive focus. */\n  readonly element: SignalLike<HTMLElement> = () => this.inputs.element()!;\n\n  /** Whether this tab has expandable panel. */\n  readonly expandable: SignalLike<boolean> = () => true;\n\n  /*\n   * Whether the tab panel is expanded.\n   * Primarily controlled by the behavior, which will read/write this value.\n   * The consumer of this pattern will instead only use the selectedTab input.\n   * The pattern will be responsible for synchronizing their state.\n   */\n  readonly expanded: WritableSignalLike<boolean> = linkedSignal(\n    () => this.inputs.tabList().selectedTab() === this,\n  );\n\n  /** Whether the tab is active. */\n  readonly active = computed(() => this.inputs.tabList().inputs.activeItem() === this);\n\n  /** Whether the tab is selected. */\n  readonly selected = computed(() => this.inputs.tabList().selectedTab() === this);\n\n  /** The tab index of the tab. */\n  readonly tabIndex = computed(() => this.inputs.tabList().focusBehavior.getItemTabIndex(this));\n\n  /** The id of the tabpanel associated with the tab. */\n  readonly controls = computed(() => this.inputs.tabPanel()?.id());\n\n  constructor(readonly inputs: TabInputs) {\n    this.id = inputs.id;\n    this.disabled = inputs.disabled;\n  }\n\n  /** Opens the tab. */\n  open(): boolean {\n    return this.inputs.tabList().open(this);\n  }\n}\n\n/** The required inputs for the tabpanel. */\nexport interface TabPanelInputs {\n  /** A global unique identifier for the tabpanel. */\n  id: SignalLike<string>;\n\n  /** The tab that controls this tabpanel. */\n  readonly tab: SignalLike<TabPattern | undefined>;\n}\n\n/** A tabpanel associated with a tab. */\nexport class TabPanelPattern {\n  /** A global unique identifier for the tabpanel. */\n  readonly id: SignalLike<string>; // set from inputs\n\n  /** Whether the tabpanel is hidden. */\n  readonly hidden = computed(() => this.inputs.tab()?.expanded() === false);\n\n  /** The tab index of this tabpanel. */\n  readonly tabIndex = computed(() => (this.hidden() ? -1 : 0));\n\n  /** The aria-labelledby value for this tabpanel. */\n  readonly labelledBy = computed(() => this.inputs.tab()?.id());\n\n  constructor(readonly inputs: TabPanelInputs) {\n    this.id = inputs.id;\n  }\n}\n\n/** The required inputs for the tablist. */\nexport interface TabListInputs\n  extends\n    Omit<ListNavigationInputs<TabPattern>, 'multi'>,\n    Omit<ListExpansionInputs, 'multiExpandable' | 'items'> {\n  /** The selection strategy used by the tablist. */\n  selectionMode: SignalLike<'follow' | 'explicit'>;\n\n  /** The currently selected tab. */\n  selectedTab: WritableSignalLike<TabPattern | undefined>;\n}\n\n/** Controls the state of a tablist. */\nexport class TabListPattern {\n  /** The list focus behavior for the tablist. */\n  readonly focusBehavior: ListFocus<TabPattern>;\n\n  /** The list navigation behavior for the tablist. */\n  readonly navigationBehavior: ListNavigation<TabPattern>;\n\n  /** Controls expansion for the tablist. */\n  readonly expansionBehavior: ListExpansion;\n\n  /** Whether the tablist has been interacted with. */\n  readonly hasBeenInteracted = signal(false);\n\n  /** The currently active tab. */\n  readonly activeTab: SignalLike<TabPattern | undefined>; // set from inputs\n\n  /** The currently selected tab. */\n  readonly selectedTab: WritableSignalLike<TabPattern | undefined>; // set from inputs\n\n  /** Whether the tablist is vertically or horizontally oriented. */\n  readonly orientation: SignalLike<'vertical' | 'horizontal'>; // set from inputs\n\n  /** Whether the tablist is disabled. */\n  readonly disabled: SignalLike<boolean>; // set from inputs\n\n  /** The tab index of the tablist. */\n  readonly tabIndex = computed(() => this.focusBehavior.getListTabIndex());\n\n  /** The id of the current active tab. */\n  readonly activeDescendant = computed(() => this.focusBehavior.getActiveDescendant());\n\n  /** Whether selection should follow focus. */\n  readonly followFocus = computed(() => this.inputs.selectionMode() === 'follow');\n\n  /** The key used to navigate to the previous tab in the tablist. */\n  readonly prevKey = computed(() => {\n    if (this.inputs.orientation() === 'vertical') {\n      return 'ArrowUp';\n    }\n    return this.inputs.textDirection() === 'rtl' ? 'ArrowRight' : 'ArrowLeft';\n  });\n\n  /** The key used to navigate to the next item in the list. */\n  readonly nextKey = computed(() => {\n    if (this.inputs.orientation() === 'vertical') {\n      return 'ArrowDown';\n    }\n    return this.inputs.textDirection() === 'rtl' ? 'ArrowLeft' : 'ArrowRight';\n  });\n\n  /** The keydown event manager for the tablist. */\n  readonly keydown = computed(() => {\n    return new KeyboardEventManager()\n      .on(\n        this.prevKey,\n        () => this._navigate(() => this.navigationBehavior.prev(), this.followFocus()),\n        {ignoreRepeat: false},\n      )\n      .on(\n        this.nextKey,\n        () => this._navigate(() => this.navigationBehavior.next(), this.followFocus()),\n        {ignoreRepeat: false},\n      )\n      .on('Home', () => this._navigate(() => this.navigationBehavior.first(), this.followFocus()))\n      .on('End', () => this._navigate(() => this.navigationBehavior.last(), this.followFocus()))\n      .on(' ', () => this.open())\n      .on('Enter', () => this.open());\n  });\n\n  /** The click event manager for the tablist. */\n  readonly clickManager = computed(() => {\n    return new ClickEventManager<PointerEvent>().on(e =>\n      this._navigate(() => this.navigationBehavior.goto(this._getItem(e)!), true),\n    );\n  });\n\n  constructor(readonly inputs: TabListInputs) {\n    this.selectedTab = inputs.selectedTab;\n    this.activeTab = inputs.activeItem;\n    this.orientation = inputs.orientation;\n    this.disabled = inputs.disabled;\n\n    this.focusBehavior = new ListFocus(inputs);\n\n    this.navigationBehavior = new ListNavigation({\n      ...inputs,\n      focusManager: this.focusBehavior,\n    });\n\n    this.expansionBehavior = new ListExpansion({\n      ...inputs,\n      multiExpandable: () => false,\n    });\n  }\n\n  /**\n   * Sets the tablist to its default initial state.\n   *\n   * Sets the active index of the tablist to the first focusable selected\n   * tab if one exists. Otherwise, sets focus to the first focusable tab.\n   *\n   * This method should be called once the tablist and its tabs are properly initialized.\n   */\n  setDefaultState() {\n    let firstItem: TabPattern | undefined;\n\n    for (const item of this.inputs.items()) {\n      if (!this.focusBehavior.isFocusable(item)) continue;\n\n      if (firstItem === undefined) {\n        firstItem = item;\n      }\n\n      if (item.selected()) {\n        this.inputs.activeItem.set(item);\n        return;\n      }\n    }\n    if (firstItem !== undefined) {\n      this.inputs.activeItem.set(firstItem);\n    }\n  }\n\n  /** Sets the default active state of the tablist before receiving interaction for the first time. */\n  setDefaultStateEffect(): void {\n    if (this.hasBeenInteracted()) return;\n\n    this.setDefaultState();\n  }\n\n  /** Handles keydown events for the tablist. */\n  onKeydown(event: KeyboardEvent) {\n    if (!this.disabled()) {\n      this.hasBeenInteracted.set(true);\n      this.keydown().handle(event);\n    }\n  }\n\n  /** The click event manager for the tablist. */\n  onClick(event: PointerEvent) {\n    if (!this.disabled()) {\n      this.hasBeenInteracted.set(true);\n      this.clickManager().handle(event);\n    }\n  }\n\n  /** Handles focusin events for the tablist. */\n  onFocusIn() {\n    this.hasBeenInteracted.set(true);\n  }\n\n  /** Opens the given tab or the current active tab. */\n  open(tab?: TabPattern): boolean;\n  open(tab: TabPattern | undefined): boolean {\n    tab ??= this.activeTab();\n\n    if (tab === undefined) return false;\n\n    const success = this.expansionBehavior.open(tab);\n    if (success) {\n      this.selectedTab.set(tab);\n    }\n\n    return success;\n  }\n\n  /** Executes a navigation operation and expand the active tab if needed. */\n  private _navigate(op: () => boolean, shouldExpand: boolean = false): void {\n    const success = op();\n    if (success && shouldExpand) {\n      this.open();\n    }\n  }\n\n  /** Returns the tab item associated with the given pointer event. */\n  private _getItem(e: PointerEvent) {\n    if (!(e.target instanceof HTMLElement)) {\n      return;\n    }\n\n    const element = e.target.closest('[role=\"tab\"]');\n    return this.inputs.items().find(i => i.element() === element);\n  }\n}\n"],"names":["TabPattern","inputs","id","disabled","element","expandable","expanded","linkedSignal","tabList","selectedTab","active","computed","activeItem","selected","tabIndex","focusBehavior","getItemTabIndex","controls","tabPanel","constructor","open","TabPanelPattern","hidden","tab","labelledBy","TabListPattern","navigationBehavior","expansionBehavior","hasBeenInteracted","signal","activeTab","orientation","getListTabIndex","activeDescendant","getActiveDescendant","followFocus","selectionMode","prevKey","textDirection","nextKey","keydown","KeyboardEventManager","on","_navigate","prev","ignoreRepeat","next","first","last","clickManager","ClickEventManager","e","goto","_getItem","ListFocus","ListNavigation","focusManager","ListExpansion","multiExpandable","setDefaultState","firstItem","item","items","isFocusable","undefined","set","setDefaultStateEffect","onKeydown","event","handle","onClick","onFocusIn","success","op","shouldExpand","target","HTMLElement","closest","find","i"],"mappings":"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"}

package/fesm2022/_widget-chunk.mjs

@@ -1,6 +1,7 @@
 import { computed, signal, linkedSignal, KeyboardEventManager, Modifier } from './_signal-like-chunk.mjs';
-import { PointerEventManager } from './_pointer-event-manager-chunk.mjs';
+import { ClickEventManager } from './_click-event-manager-chunk.mjs';
 import { untracked } from '@angular/core/primitives/signals';
+import { ElementRef } from '@angular/core';
 
 class GridData {
   inputs;
@@ -511,15 +512,47 @@ class Grid {
       return this.setDefaultState();
     }
     if (this.focusBehavior.stateStale()) {
-      if (this.focusBehavior.focusCell(this.focusBehavior.activeCell())) {
+      const activeCell = this.focusBehavior.activeCell();
+      const activeCoords = this.focusBehavior.activeCoords();
+      if (activeCell && this.focusBehavior.focusCell(activeCell)) {
         return true;
       }
-      if (this.focusBehavior.focusCoordinates(this.focusBehavior.activeCoords())) {
+      if (this.focusBehavior.focusCoordinates(activeCoords)) {
         return true;
       }
-      if (this.focusBehavior.focusCoordinates(this.navigationBehavior.peekFirst())) {
+      const maxRow = this.data.maxRowCount() - 1;
+      const targetRow = Math.min(activeCoords.row, maxRow);
+      if (targetRow >= 0) {
+        if (this.focusBehavior.focusCoordinates({
+          row: targetRow,
+          col: activeCoords.col
+        })) {
+          return true;
+        }
+        const colCount = this.data.getColCount(targetRow);
+        if (colCount !== undefined) {
+          const targetCol = Math.min(activeCoords.col, colCount - 1);
+          if (targetCol >= 0 && this.focusBehavior.focusCoordinates({
+            row: targetRow,
+            col: targetCol
+          })) {
+            return true;
+          }
+        }
+        const firstInRow = this.navigationBehavior.peekFirst(targetRow);
+        if (firstInRow !== undefined && this.focusBehavior.focusCoordinates(firstInRow)) {
+          return true;
+        }
+      }
+      const firstAvailable = this.navigationBehavior.peekFirst();
+      if (firstAvailable !== undefined && this.focusBehavior.focusCoordinates(firstAvailable)) {
         return true;
       }
+      this.focusBehavior.activeCell.set(undefined);
+      this.focusBehavior.activeCoords.set({
+        row: -1,
+        col: -1
+      });
     }
     return false;
   }
@@ -633,8 +666,8 @@ class GridPattern {
     }
     return manager;
   });
-  pointerdown = computed(() => {
-    const manager = new PointerEventManager();
+  clickManager = computed(() => {
+    const manager = new ClickEventManager();
     if (!this.inputs.enableSelection()) {
       manager.on(e => {
         const cell = this.inputs.getCell(e.target);
@@ -680,10 +713,10 @@ class GridPattern {
     this.activeCell()?.onKeydown(event);
     this.keydown().handle(event);
   }
-  onPointerdown(event) {
+  onClick(event) {
     if (this.disabled()) return;
     this.hasBeenInteracted.set(true);
-    this.pointerdown().handle(event);
+    this.clickManager().handle(event);
   }
   onFocusIn(event) {
     this.isFocused.set(true);
@@ -798,6 +831,11 @@ class GridCellPattern {
   onKeydown(event) {
     if (this.disabled()) return;
     this.widget()?.onKeydown(event);
+    if (this.widget()?.inputs.widgetType() === 'simple') {
+      if (event.key === 'Enter' || event.key === ' ') {
+        this.inputs.onActivate?.(event);
+      }
+    }
   }
   onFocusIn(event) {
     this.isFocused.set(true);
@@ -827,10 +865,17 @@ class GridCellPattern {
   }
 }
 
+function resolveElement(resolver, context) {
+  if (typeof resolver === 'function') {
+    return resolver(context) ?? undefined;
+  }
+  return (resolver instanceof ElementRef ? resolver.nativeElement : resolver) ?? undefined;
+}
+
 class GridCellWidgetPattern {
   inputs;
   element = () => this.inputs.element();
-  widgetHost = computed(() => this.inputs.focusTarget() ?? this.element());
+  widgetHost = () => resolveElement(this.inputs.focusTarget(), this.element()) ?? this.element();
   disabled = computed(() => this.inputs.disabled() || this.inputs.cell().disabled());
   tabIndex = computed(() => this.inputs.cell().widgetTabIndex());
   active = computed(() => this.inputs.cell().active() && this.inputs.cell().widget() === this);
@@ -839,9 +884,6 @@ class GridCellWidgetPattern {
   lastDeactivateEvent = signal(undefined);
   keydown = computed(() => {
     const manager = new KeyboardEventManager();
-    if (this.inputs.widgetType() === 'simple') {
-      return manager;
-    }
     if (this.isActivated()) {
       manager.on('Escape', e => {
         this.deactivate(e);
@@ -898,5 +940,5 @@ class GridCellWidgetPattern {
   }
 }
 
-export { GridCellPattern, GridCellWidgetPattern, GridPattern, GridRowPattern };
+export { GridCellPattern, GridCellWidgetPattern, GridPattern, GridRowPattern, resolveElement };
 //# sourceMappingURL=_widget-chunk.mjs.map