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

package/types/tabs.d.ts

@@ -1,15 +1,60 @@
-import * as _angular_core from '@angular/core';
-import { OnInit, OnDestroy } from '@angular/core';
 import * as _angular_cdk_bidi from '@angular/cdk/bidi';
-import { TabPattern, TabListPattern, TabPanelPattern } from './_tabs-chunk.js';
-import { HasElement } from './_element-chunk.js';
+import * as _angular_core from '@angular/core';
+import { OnInit, OnDestroy, WritableSignal } from '@angular/core';
+import { TabPattern, TabPanelPattern, TabListPattern } from './_tabs-chunk.js';
 import { DeferredContentAware, DeferredContent } from './_deferred-content-chunk.js';
+import { HasElement } from './_element-chunk.js';
 import './_keyboard-event-manager-chunk.js';
 import './_signal-like-chunk.js';
 import './_click-event-manager-chunk.js';
 import './_expansion-chunk.js';
 import './_list-navigation-chunk.js';
 
+/**
+ * A TabPanel container for the resources of layered content associated with a tab.
+ *
+ * The `ngTabPanel` directive holds the content for a specific tab. It is linked to an
+ * `ngTab` by a matching `value`. If a tab panel is hidden, the `inert` attribute will be
+ * applied to remove it from the accessibility tree. Proper styling is required for visual hiding.
+ *
+ * ```html
+ * <div ngTabPanel value="myTabId">
+ *   <ng-template ngTabContent>
+ *     <!-- Content for the tab panel -->
+ *   </ng-template>
+ * </div>
+ * ```
+ *
+ * @developerPreview 21.0
+ *
+ * @see [Tabs](guide/aria/tabs)
+ */
+declare class TabPanel implements OnInit, OnDestroy {
+    /** A reference to the host element. */
+    private readonly _elementRef;
+    /** A reference to the host element. */
+    readonly element: HTMLElement;
+    /** The DeferredContentAware host directive. */
+    private readonly _deferredContentAware;
+    /** The parent Tabs. */
+    private readonly _tabs;
+    /** A global unique identifier for the tab. */
+    readonly id: _angular_core.InputSignal<string>;
+    /** The Tab UIPattern associated with the tabpanel */
+    readonly _tabPattern: WritableSignal<TabPattern | undefined>;
+    /** A local unique identifier for the tabpanel. */
+    readonly value: _angular_core.InputSignal<string>;
+    /** Whether the tab panel is visible. */
+    readonly visible: _angular_core.Signal<boolean>;
+    /** The TabPanel UIPattern. */
+    readonly _pattern: TabPanelPattern;
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabPanel, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TabPanel, "[ngTabPanel]", ["ngTabPanel"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof DeferredContentAware; inputs: { "preserveContent": "preserveContent"; }; outputs: {}; }]>;
+}
+
 /**
  * A selectable tab in a TabList.
  *
@@ -31,16 +76,14 @@ declare class Tab implements HasElement, OnInit, OnDestroy {
     private readonly _elementRef;
     /** A reference to the host element. */
     readonly element: HTMLElement;
-    /** The parent Tabs. */
-    private readonly _tabs;
+    /** The parent Tabs wrapper. */
+    private readonly _tabsWrapper;
     /** The parent TabList. */
     private readonly _tabList;
     /** A unique identifier for the widget. */
     readonly id: _angular_core.InputSignal<string>;
-    /** The parent TabList UIPattern. */
-    private readonly _tablistPattern;
-    /** The TabPanel UIPattern associated with the tab */
-    private readonly _tabpanelPattern;
+    /** The panel associated with this tab. */
+    readonly panel: _angular_core.Signal<TabPanel | undefined>;
     /** Whether a tab is disabled. */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** The remote tabpanel unique identifier. */
@@ -82,16 +125,18 @@ declare class TabList implements OnInit, OnDestroy {
     private readonly _elementRef;
     /** A reference to the host element. */
     readonly element: HTMLElement;
-    /** The parent Tabs. */
+    /** The parent Tabs container. */
+    private readonly _tabsParent;
+    /** The Tabs registered for this TabList. */
     private readonly _tabs;
-    /** The Tabs nested inside of the TabList. */
-    private readonly _unorderedTabs;
-    /** Text direction. */
-    readonly textDirection: _angular_core.WritableSignal<_angular_cdk_bidi.Direction>;
+    /** The Tabs registered for this TabList. */
+    readonly _sortedTabs: _angular_core.Signal<Tab[]>;
     /** The Tab UIPatterns of the child Tabs. */
-    readonly _tabPatterns: _angular_core.Signal<TabPattern[]>;
+    private readonly _tabPatterns;
     /** Whether the tablist is vertically or horizontally oriented. */
     readonly orientation: _angular_core.InputSignal<"vertical" | "horizontal">;
+    /** Text direction. */
+    readonly textDirection: WritableSignal<_angular_cdk_bidi.Direction>;
     /** Whether focus should wrap when navigating. */
     readonly wrap: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
@@ -111,8 +156,10 @@ declare class TabList implements OnInit, OnDestroy {
      * - `explicit`: Tabs are selected explicitly by the user (e.g., via click or spacebar).
      */
     readonly selectionMode: _angular_core.InputSignal<"follow" | "explicit">;
-    /** The current selected tab. */
+    /** The current selected tab as a model input. */
     readonly selectedTab: _angular_core.ModelSignal<string | undefined>;
+    /** The current selected Tab pattern, passed to the List pattern. */
+    private readonly _selectedTabPattern;
     /** Whether the tablist is disabled. */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** The TabList UIPattern. */
@@ -120,59 +167,15 @@ declare class TabList implements OnInit, OnDestroy {
     constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
-    _register(child: Tab): void;
-    _unregister(child: Tab): void;
+    _registerTab(child: Tab): void;
+    _unregisterTab(child: Tab): void;
     /** Opens the tab panel with the specified value. */
     open(value: string): boolean;
+    findTab(value?: string): Tab | undefined;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabList, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TabList, "[ngTabList]", ["ngTabList"], { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "softDisabled": { "alias": "softDisabled"; "required": false; "isSignal": true; }; "focusMode": { "alias": "focusMode"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "selectedTab": { "alias": "selectedTab"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "selectedTab": "selectedTabChange"; }, never, never, true, never>;
 }
 
-/**
- * A TabPanel container for the resources of layered content associated with a tab.
- *
- * The `ngTabPanel` directive holds the content for a specific tab. It is linked to an
- * `ngTab` by a matching `value`. If a tab panel is hidden, the `inert` attribute will be
- * applied to remove it from the accessibility tree. Proper styling is required for visual hiding.
- *
- * ```html
- * <div ngTabPanel value="myTabId">
- *   <ng-template ngTabContent>
- *     <!-- Content for the tab panel -->
- *   </ng-template>
- * </div>
- * ```
- *
- * @developerPreview 21.0
- *
- * @see [Tabs](guide/aria/tabs)
- */
-declare class TabPanel implements OnInit, OnDestroy {
-    /** A reference to the host element. */
-    private readonly _elementRef;
-    /** A reference to the host element. */
-    readonly element: HTMLElement;
-    /** The DeferredContentAware host directive. */
-    private readonly _deferredContentAware;
-    /** The parent Tabs. */
-    private readonly _tabs;
-    /** A global unique identifier for the tab. */
-    readonly id: _angular_core.InputSignal<string>;
-    /** The Tab UIPattern associated with the tabpanel */
-    private readonly _tabPattern;
-    /** A local unique identifier for the tabpanel. */
-    readonly value: _angular_core.InputSignal<string>;
-    /** Whether the tab panel is visible. */
-    readonly visible: _angular_core.Signal<boolean>;
-    /** The TabPanel UIPattern. */
-    readonly _pattern: TabPanelPattern;
-    constructor();
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabPanel, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TabPanel, "[ngTabPanel]", ["ngTabPanel"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof DeferredContentAware; inputs: { "preserveContent": "preserveContent"; }; outputs: {}; }]>;
-}
-
 /**
  * A Tabs container.
  *
@@ -209,16 +212,18 @@ declare class Tabs {
     private readonly _elementRef;
     /** A reference to the host element. */
     readonly element: HTMLElement;
-    /** The TabList nested inside of the container. */
-    private readonly _tablist;
-    /** The TabPanels nested inside of the container. */
-    private readonly _unorderedPanels;
-    /** The Tab UIPattern of the child Tabs. */
-    readonly _tabPatterns: _angular_core.Signal<TabPattern[] | undefined>;
-    /** The TabPanel UIPattern of the child TabPanels. */
-    readonly _unorderedTabpanelPatterns: _angular_core.Signal<TabPanelPattern[]>;
-    _register(child: TabList | TabPanel): void;
-    _unregister(child: TabList | TabPanel): void;
+    /** The TabList registered for this container. */
+    private readonly _tabList;
+    /** The TabPanels registered for this container. */
+    private readonly _tabPanels;
+    /** The TabPanels registered for this container. */
+    private readonly _tabPanelsList;
+    constructor();
+    _registerList(list: TabList): void;
+    _unregisterList(list: TabList): void;
+    _registerPanel(panel: TabPanel): void;
+    _unregisterPanel(panel: TabPanel): void;
+    findTabPanel(value?: string): TabPanel | undefined;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Tabs, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<Tabs, "[ngTabs]", ["ngTabs"], {}, {}, never, never, true, never>;
 }

package/types/tree.d.ts

@@ -13,7 +13,6 @@ import './_list-chunk.js';
 import './_keyboard-event-manager-chunk.js';
 import './_click-event-manager-chunk.js';
 import './_combobox-chunk.js';
-import './_pointer-event-manager-chunk.js';
 
 /**
  * Group that contains children tree items.
@@ -193,6 +192,8 @@ declare class Tree<V> {
     readonly softDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** The delay in seconds before the typeahead search is reset. */
     readonly typeaheadDelay: _angular_core.InputSignal<number>;
+    /** The tabindex of the tree. */
+    readonly tabIndex: _angular_core.InputSignalWithTransform<number | undefined, string | number | undefined>;
     /** The values of the currently selected items. */
     readonly value: _angular_core.ModelSignal<V[]>;
     /** Text direction. */
@@ -206,12 +207,14 @@ declare class Tree<V> {
     readonly currentType: _angular_core.InputSignal<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
     /** The UI pattern for the tree. */
     readonly _pattern: TreePattern<V>;
+    /** The ID of the active descendant in the tree. */
+    readonly activeDescendant: Signal<string | undefined>;
     constructor();
     _register(child: TreeItem<V>): void;
     _unregister(child: TreeItem<V>): void;
     scrollActiveItemIntoView(options?: ScrollIntoViewOptions): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Tree<any>, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<Tree<any>, "[ngTree]", ["ngTree"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "multi": { "alias": "multi"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "focusMode": { "alias": "focusMode"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "softDisabled": { "alias": "softDisabled"; "required": false; "isSignal": true; }; "typeaheadDelay": { "alias": "typeaheadDelay"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "nav": { "alias": "nav"; "required": false; "isSignal": true; }; "currentType": { "alias": "currentType"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, [{ directive: typeof ComboboxPopup; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<Tree<any>, "[ngTree]", ["ngTree"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "multi": { "alias": "multi"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "focusMode": { "alias": "focusMode"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "softDisabled": { "alias": "softDisabled"; "required": false; "isSignal": true; }; "typeaheadDelay": { "alias": "typeaheadDelay"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "nav": { "alias": "nav"; "required": false; "isSignal": true; }; "currentType": { "alias": "currentType"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, [{ directive: typeof ComboboxPopup; inputs: {}; outputs: {}; }]>;
 }
 
 export { Tree, TreeItem, TreeItemGroup, ComboboxPopup as ɵɵComboboxPopup, DeferredContent as ɵɵDeferredContent };

package/fesm2022/_pointer-event-manager-chunk.mjs

@@ -1,54 +0,0 @@
-import { EventManager, Modifier, hasModifiers } from './_signal-like-chunk.mjs';
-
-var MouseButton;
-(function (MouseButton) {
-  MouseButton[MouseButton["Main"] = 0] = "Main";
-  MouseButton[MouseButton["Auxiliary"] = 1] = "Auxiliary";
-  MouseButton[MouseButton["Secondary"] = 2] = "Secondary";
-})(MouseButton || (MouseButton = {}));
-class PointerEventManager extends EventManager {
-  options = {
-    preventDefault: false,
-    stopPropagation: false
-  };
-  on(...args) {
-    const {
-      button,
-      handler,
-      modifiers
-    } = this._normalizeInputs(...args);
-    this.configs.push({
-      handler,
-      matcher: event => this._isMatch(event, button, modifiers),
-      ...this.options
-    });
-    return this;
-  }
-  _normalizeInputs(...args) {
-    if (args.length === 3) {
-      return {
-        button: args[0],
-        modifiers: args[1],
-        handler: args[2]
-      };
-    }
-    if (args.length === 2) {
-      return {
-        button: MouseButton.Main,
-        modifiers: args[0],
-        handler: args[1]
-      };
-    }
-    return {
-      button: MouseButton.Main,
-      modifiers: Modifier.None,
-      handler: args[0]
-    };
-  }
-  _isMatch(event, button, modifiers) {
-    return button === (event.button ?? 0) && hasModifiers(event, modifiers);
-  }
-}
-
-export { PointerEventManager };
-//# sourceMappingURL=_pointer-event-manager-chunk.mjs.map

package/fesm2022/_pointer-event-manager-chunk.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"_pointer-event-manager-chunk.mjs","sources":["../../../../../k8-fastbuild-ST-fdfa778d11ba/bin/src/aria/private/behaviors/event-manager/pointer-event-manager.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 {\n  EventHandler,\n  EventHandlerOptions,\n  EventManager,\n  hasModifiers,\n  ModifierInputs,\n  Modifier,\n} from './event-manager';\n\n/**\n * The different mouse buttons that may appear on a pointer event.\n */\nexport enum MouseButton {\n  Main = 0,\n  Auxiliary = 1,\n  Secondary = 2,\n}\n\n/** An event manager that is specialized for handling pointer events. */\nexport class PointerEventManager<T extends PointerEvent> extends EventManager<T> {\n  readonly options: EventHandlerOptions = {\n    preventDefault: false,\n    stopPropagation: false,\n  };\n\n  /**\n   * Configures this event manager to handle events with a specific modifer and mouse button\n   * combination.\n   */\n  on(button: MouseButton, modifiers: ModifierInputs, handler: EventHandler<T>): this;\n\n  /**\n   * Configures this event manager to handle events with a specific mouse button and no modifiers.\n   */\n  on(modifiers: ModifierInputs, handler: EventHandler<T>): this;\n\n  /**\n   * Configures this event manager to handle events with the main mouse button and no modifiers.\n   *\n   * @param handler The handler function\n   * @param options Options for whether to stop propagation or prevent default.\n   */\n  on(handler: EventHandler<T>): this;\n\n  on(...args: any[]) {\n    const {button, handler, modifiers} = this._normalizeInputs(...args);\n\n    this.configs.push({\n      handler,\n      matcher: event => this._isMatch(event, button, modifiers),\n      ...this.options,\n    });\n    return this;\n  }\n\n  private _normalizeInputs(...args: any[]) {\n    if (args.length === 3) {\n      return {\n        button: args[0] as MouseButton,\n        modifiers: args[1] as ModifierInputs,\n        handler: args[2] as EventHandler<T>,\n      };\n    }\n\n    if (args.length === 2) {\n      return {\n        button: MouseButton.Main,\n        modifiers: args[0] as ModifierInputs,\n        handler: args[1] as EventHandler<T>,\n      };\n    }\n\n    return {\n      button: MouseButton.Main,\n      modifiers: Modifier.None,\n      handler: args[0] as EventHandler<T>,\n    };\n  }\n\n  _isMatch(event: PointerEvent, button: MouseButton, modifiers: ModifierInputs) {\n    return button === (event.button ?? 0) && hasModifiers(event, modifiers);\n  }\n}\n"],"names":["MouseButton","PointerEventManager","EventManager","options","preventDefault","stopPropagation","on","args","button","handler","modifiers","_normalizeInputs","configs","push","matcher","event","_isMatch","length","Main","Modifier","None","hasModifiers"],"mappings":";;AAoBA,IAAYA,WAIX;AAJD,CAAA,UAAYA,WAAW,EAAA;EACrBA,WAAA,CAAAA,WAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAQ;EACRA,WAAA,CAAAA,WAAA,CAAA,WAAA,CAAA,GAAA,CAAA,CAAA,GAAA,WAAa;EACbA,WAAA,CAAAA,WAAA,CAAA,WAAA,CAAA,GAAA,CAAA,CAAA,GAAA,WAAa;AACf,CAAC,EAJWA,WAAW,KAAXA,WAAW,GAAA,EAAA,CAAA,CAAA;AAOjB,MAAOC,mBAA4C,SAAQC,YAAe,CAAA;AACrEC,EAAAA,OAAO,GAAwB;AACtCC,IAAAA,cAAc,EAAE,KAAK;AACrBC,IAAAA,eAAe,EAAE;GAClB;EAqBDC,EAAEA,CAAC,GAAGC,IAAW,EAAA;IACf,MAAM;MAACC,MAAM;MAAEC,OAAO;AAAEC,MAAAA;AAAS,KAAC,GAAG,IAAI,CAACC,gBAAgB,CAAC,GAAGJ,IAAI,CAAC;AAEnE,IAAA,IAAI,CAACK,OAAO,CAACC,IAAI,CAAC;MAChBJ,OAAO;AACPK,MAAAA,OAAO,EAAEC,KAAK,IAAI,IAAI,CAACC,QAAQ,CAACD,KAAK,EAAEP,MAAM,EAAEE,SAAS,CAAC;AACzD,MAAA,GAAG,IAAI,CAACP;AACT,KAAA,CAAC;AACF,IAAA,OAAO,IAAI;AACb,EAAA;EAEQQ,gBAAgBA,CAAC,GAAGJ,IAAW,EAAA;AACrC,IAAA,IAAIA,IAAI,CAACU,MAAM,KAAK,CAAC,EAAE;MACrB,OAAO;AACLT,QAAAA,MAAM,EAAED,IAAI,CAAC,CAAC,CAAgB;AAC9BG,QAAAA,SAAS,EAAEH,IAAI,CAAC,CAAC,CAAmB;QACpCE,OAAO,EAAEF,IAAI,CAAC,CAAC;OAChB;AACH,IAAA;AAEA,IAAA,IAAIA,IAAI,CAACU,MAAM,KAAK,CAAC,EAAE;MACrB,OAAO;QACLT,MAAM,EAAER,WAAW,CAACkB,IAAI;AACxBR,QAAAA,SAAS,EAAEH,IAAI,CAAC,CAAC,CAAmB;QACpCE,OAAO,EAAEF,IAAI,CAAC,CAAC;OAChB;AACH,IAAA;IAEA,OAAO;MACLC,MAAM,EAAER,WAAW,CAACkB,IAAI;MACxBR,SAAS,EAAES,QAAQ,CAACC,IAAI;MACxBX,OAAO,EAAEF,IAAI,CAAC,CAAC;KAChB;AACH,EAAA;AAEAS,EAAAA,QAAQA,CAACD,KAAmB,EAAEP,MAAmB,EAAEE,SAAyB,EAAA;AAC1E,IAAA,OAAOF,MAAM,MAAMO,KAAK,CAACP,MAAM,IAAI,CAAC,CAAC,IAAIa,YAAY,CAACN,KAAK,EAAEL,SAAS,CAAC;AACzE,EAAA;AACD;;;;"}

package/types/_pointer-event-manager-chunk.d.ts

@@ -1,34 +0,0 @@
-import { EventManager, EventHandlerOptions, ModifierInputs, EventHandler } from './_keyboard-event-manager-chunk.js';
-
-/**
- * The different mouse buttons that may appear on a pointer event.
- */
-declare enum MouseButton {
-    Main = 0,
-    Auxiliary = 1,
-    Secondary = 2
-}
-/** An event manager that is specialized for handling pointer events. */
-declare class PointerEventManager<T extends PointerEvent> extends EventManager<T> {
-    readonly options: EventHandlerOptions;
-    /**
-     * Configures this event manager to handle events with a specific modifer and mouse button
-     * combination.
-     */
-    on(button: MouseButton, modifiers: ModifierInputs, handler: EventHandler<T>): this;
-    /**
-     * Configures this event manager to handle events with a specific mouse button and no modifiers.
-     */
-    on(modifiers: ModifierInputs, handler: EventHandler<T>): this;
-    /**
-     * Configures this event manager to handle events with the main mouse button and no modifiers.
-     *
-     * @param handler The handler function
-     * @param options Options for whether to stop propagation or prevent default.
-     */
-    on(handler: EventHandler<T>): this;
-    private _normalizeInputs;
-    _isMatch(event: PointerEvent, button: MouseButton, modifiers: ModifierInputs): boolean;
-}
-
-export { PointerEventManager };