@angular/cdk-experimental 20.0.0-next.1 → 20.0.0-next.10

package/tabs/index.d.ts

@@ -0,0 +1,128 @@
+import * as _angular_cdk_bidi from '@angular/cdk/bidi';
+import * as i0 from '@angular/core';
+import { a as TabPattern, d as TabPanelPattern, e as TabListPattern } from '../tabs.d-BAo141mw.js';
+import * as i1 from '@angular/cdk-experimental/deferred-content';
+import '../list-navigation.d-DfOSxsSp.js';
+
+/**
+ * A Tabs container.
+ *
+ * Represents a set of layered sections of content. The CdkTabs is a container meant to be used with
+ * CdkTabList, CdkTab, and CdkTabPanel as follows:
+ *
+ * ```html
+ * <div cdkTabs>
+ *   <ul cdkTabList>
+ *     <li cdkTab>Tab 1</li>
+ *     <li cdkTab>Tab 2</li>
+ *     <li cdkTab>Tab 3</li>
+ *   </ul>
+ *
+ *   <div cdkTabPanel>Tab content 1</div>
+ *   <div cdkTabPanel>Tab content 2</div>
+ *   <div cdkTabPanel>Tab content 3</div>
+ * </div>
+ * ```
+ */
+declare class CdkTabs {
+    /** The CdkTabList nested inside of the container. */
+    private readonly _cdkTabList;
+    /** The CdkTabPanels nested inside of the container. */
+    private readonly _cdkTabPanels;
+    /** The Tab UIPattern of the child Tabs. */
+    tabs: i0.Signal<TabPattern[] | undefined>;
+    /** The TabPanel UIPattern of the child TabPanels. */
+    tabpanels: i0.Signal<TabPanelPattern[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CdkTabs, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkTabs, "[cdkTabs]", ["cdkTabs"], {}, {}, ["_cdkTabList", "_cdkTabPanels"], never, true, never>;
+}
+/**
+ * A TabList container.
+ *
+ * Controls a list of CdkTab(s).
+ */
+declare class CdkTabList {
+    /** The directionality (LTR / RTL) context for the application (or a subtree of it). */
+    private readonly _directionality;
+    /** The CdkTabs nested inside of the CdkTabList. */
+    private readonly _cdkTabs;
+    /** A signal wrapper for directionality. */
+    protected textDirection: i0.Signal<_angular_cdk_bidi.Direction>;
+    /** The Tab UIPatterns of the child Tabs. */
+    tabs: i0.Signal<TabPattern[]>;
+    /** Whether the tablist is vertically or horizontally oriented. */
+    orientation: i0.InputSignal<"vertical" | "horizontal">;
+    /** Whether focus should wrap when navigating. */
+    wrap: i0.InputSignalWithTransform<boolean, unknown>;
+    /** Whether disabled items in the list should be skipped when navigating. */
+    skipDisabled: i0.InputSignalWithTransform<boolean, unknown>;
+    /** The focus strategy used by the tablist. */
+    focusMode: i0.InputSignal<"roving" | "activedescendant">;
+    /** The selection strategy used by the tablist. */
+    selectionMode: i0.InputSignal<"follow" | "explicit">;
+    /** Whether the tablist is disabled. */
+    disabled: i0.InputSignalWithTransform<boolean, unknown>;
+    /** The current index that has been navigated to. */
+    activeIndex: i0.ModelSignal<number>;
+    /** The TabList UIPattern. */
+    pattern: TabListPattern;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CdkTabList, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkTabList, "[cdkTabList]", ["cdkTabList"], { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "skipDisabled": { "alias": "skipDisabled"; "required": false; "isSignal": true; }; "focusMode": { "alias": "focusMode"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; }, { "activeIndex": "activeIndexChange"; }, ["_cdkTabs"], never, true, never>;
+}
+/** A selectable tab in a TabList. */
+declare class CdkTab {
+    /** A reference to the tab element. */
+    private readonly _elementRef;
+    /** The parent CdkTabs. */
+    private readonly _cdkTabs;
+    /** The parent CdkTabList. */
+    private readonly _cdkTabList;
+    /** A global unique identifier for the tab. */
+    private readonly _id;
+    /** The parent TabList UIPattern. */
+    protected tablist: i0.Signal<TabListPattern>;
+    /** The TabPanel UIPattern associated with the tab */
+    protected tabpanel: i0.Signal<TabPanelPattern | undefined>;
+    /** Whether a tab is disabled. */
+    disabled: i0.InputSignalWithTransform<boolean, unknown>;
+    /** A local unique identifier for the tab. */
+    value: i0.InputSignal<string>;
+    /** The Tab UIPattern. */
+    pattern: TabPattern;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CdkTab, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkTab, "[cdkTab]", ["cdkTab"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/**
+ * A TabPanel container for the resources of layered content associated with a tab.
+ *
+ * If a tabpanel is hidden due to its corresponding tab is not activated, the `inert` attribute
+ * will be applied to the tabpanel element to remove it from the accessibility tree and stop
+ * all the keyboard and pointer interactions. Note that this does not visually hide the tabpenl
+ * and a proper styling is required.
+ */
+declare class CdkTabPanel {
+    /** The DeferredContentAware host directive. */
+    private readonly _deferredContentAware;
+    /** The parent CdkTabs. */
+    private readonly _cdkTabs;
+    /** A global unique identifier for the tab. */
+    private readonly _id;
+    /** The Tab UIPattern associated with the tabpanel */
+    protected tab: i0.Signal<TabPattern | undefined>;
+    /** A local unique identifier for the tabpanel. */
+    value: i0.InputSignal<string>;
+    /** The TabPanel UIPattern. */
+    pattern: TabPanelPattern;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<CdkTabPanel, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkTabPanel, "[cdkTabPanel]", ["cdkTabPanel"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.DeferredContentAware; inputs: { "preserveContent": "preserveContent"; }; outputs: {}; }]>;
+}
+/**
+ * A TabContent container for the lazy-loaded content.
+ */
+declare class CdkTabContent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CdkTabContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkTabContent, "ng-template[cdkTabContent]", ["cdTabContent"], {}, {}, never, never, true, [{ directive: typeof i1.DeferredContent; inputs: {}; outputs: {}; }]>;
+}
+
+export { CdkTab, CdkTabContent, CdkTabList, CdkTabPanel, CdkTabs };

package/tabs.d-BAo141mw.d.ts

@@ -0,0 +1,110 @@
+import * as i0 from '@angular/core';
+import { L as ListNavigationItem, a as ListSelectionItem, b as ListFocusItem, S as SignalLike, d as ListNavigationInputs, e as ListSelectionInputs, f as ListFocusInputs, g as ListNavigation, h as ListSelection, i as ListFocus, K as KeyboardEventManager, P as PointerEventManager } from './list-navigation.d-DfOSxsSp.js';
+
+/** The required inputs to tabs. */
+interface TabInputs extends ListNavigationItem, ListSelectionItem<string>, ListFocusItem {
+    tablist: SignalLike<TabListPattern>;
+    tabpanel: SignalLike<TabPanelPattern | undefined>;
+}
+/** A tab in a tablist. */
+declare class TabPattern {
+    /** A global unique identifier for the tab. */
+    id: SignalLike<string>;
+    /** A local unique identifier for the tab. */
+    value: SignalLike<string>;
+    /** Whether the tab is active. */
+    active: i0.Signal<boolean>;
+    /** Whether the tab is selected. */
+    selected: i0.Signal<boolean>;
+    /** A Tabpanel Id controlled by the tab. */
+    controls: i0.Signal<string | undefined>;
+    /** Whether the tab is disabled. */
+    disabled: SignalLike<boolean>;
+    /** A reference to the parent tablist. */
+    tablist: SignalLike<TabListPattern>;
+    /** A reference to the corresponding tabpanel. */
+    tabpanel: SignalLike<TabPanelPattern | undefined>;
+    /** The tabindex of the tab. */
+    tabindex: i0.Signal<0 | -1>;
+    /** The html element that should receive focus. */
+    element: SignalLike<HTMLElement>;
+    constructor(inputs: TabInputs);
+}
+/** The selection operations that the tablist can perform. */
+interface SelectOptions {
+    select?: boolean;
+    toggle?: boolean;
+    toggleOne?: boolean;
+    selectOne?: boolean;
+}
+/** The required inputs for the tablist. */
+type TabListInputs = ListNavigationInputs<TabPattern> & Omit<ListSelectionInputs<TabPattern, string>, 'multi'> & ListFocusInputs<TabPattern> & {
+    disabled: SignalLike<boolean>;
+};
+/** The required inputs for the tabpanel. */
+interface TabPanelInputs {
+    id: SignalLike<string>;
+    tab: SignalLike<TabPattern | undefined>;
+    value: SignalLike<string>;
+}
+/** A tabpanel associated with a tab. */
+declare class TabPanelPattern {
+    /** A global unique identifier for the tabpanel. */
+    id: SignalLike<string>;
+    /** A local unique identifier for the tabpanel. */
+    value: SignalLike<string>;
+    /** A reference to the corresponding tab. */
+    tab: SignalLike<TabPattern | undefined>;
+    /** Whether the tabpanel is hidden. */
+    hidden: i0.Signal<boolean>;
+    constructor(inputs: TabPanelInputs);
+}
+/** Controls the state of a tablist. */
+declare class TabListPattern {
+    readonly inputs: TabListInputs;
+    /** Controls navigation for the tablist. */
+    navigation: ListNavigation<TabPattern>;
+    /** Controls selection for the tablist. */
+    selection: ListSelection<TabPattern, string>;
+    /** Controls focus for the tablist. */
+    focusManager: ListFocus<TabPattern>;
+    /** Whether the tablist is vertically or horizontally oriented. */
+    orientation: SignalLike<'vertical' | 'horizontal'>;
+    /** Whether the tablist is disabled. */
+    disabled: SignalLike<boolean>;
+    /** The tabindex of the tablist. */
+    tabindex: i0.Signal<0 | -1>;
+    /** The id of the current active tab. */
+    activedescendant: i0.Signal<string | undefined>;
+    /** Whether selection should follow focus. */
+    followFocus: i0.Signal<boolean>;
+    /** The key used to navigate to the previous tab in the tablist. */
+    prevKey: i0.Signal<"ArrowUp" | "ArrowRight" | "ArrowLeft">;
+    /** The key used to navigate to the next item in the list. */
+    nextKey: i0.Signal<"ArrowRight" | "ArrowLeft" | "ArrowDown">;
+    /** The keydown event manager for the tablist. */
+    keydown: i0.Signal<KeyboardEventManager<KeyboardEvent>>;
+    /** The pointerdown event manager for the tablist. */
+    pointerdown: i0.Signal<PointerEventManager<PointerEvent>>;
+    constructor(inputs: TabListInputs);
+    /** Handles keydown events for the tablist. */
+    onKeydown(event: KeyboardEvent): void;
+    /** The pointerdown event manager for the tablist. */
+    onPointerdown(event: PointerEvent): void;
+    /** Navigates to the first option in the tablist. */
+    first(opts?: SelectOptions): void;
+    /** Navigates to the last option in the tablist. */
+    last(opts?: SelectOptions): void;
+    /** Navigates to the next option in the tablist. */
+    next(opts?: SelectOptions): void;
+    /** Navigates to the previous option in the tablist. */
+    prev(opts?: SelectOptions): void;
+    /** Navigates to the given item in the tablist. */
+    goto(event: PointerEvent, opts?: SelectOptions): void;
+    /** Handles updating selection for the tablist. */
+    private _updateSelection;
+    private _getItem;
+}
+
+export { TabPattern as a, TabPanelPattern as d, TabListPattern as e };
+export type { TabInputs as T, TabListInputs as b, TabPanelInputs as c };

package/ui-patterns/index.d.ts

@@ -1,2 +1,4 @@
-export { a as ListboxInputs, L as ListboxPattern, b as OptionInputs, O as OptionPattern } from '../listbox.d-8e28229b.js';
+export { L as ListboxInputs, a as ListboxPattern, O as OptionInputs, b as OptionPattern } from '../listbox.d-QWPLmxRe.js';
+export { S as SignalLike, W as WritableSignalLike, c as convertGetterSetterToWritableSignalLike } from '../list-navigation.d-DfOSxsSp.js';
+export { T as TabInputs, b as TabListInputs, e as TabListPattern, c as TabPanelInputs, d as TabPanelPattern, a as TabPattern } from '../tabs.d-BAo141mw.js';
 import '@angular/core';