@angular/cdk-experimental 20.0.0-next.5 → 20.0.0-next.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/column-resize/index.d.ts +3 -2
  2. package/combobox/index.d.ts +3 -2
  3. package/deferred-content/index.d.ts +37 -0
  4. package/fesm2022/cdk-experimental.mjs +1 -1
  5. package/fesm2022/cdk-experimental.mjs.map +1 -1
  6. package/fesm2022/column-resize.mjs +52 -52
  7. package/fesm2022/column-resize.mjs.map +1 -1
  8. package/fesm2022/combobox.mjs +11 -11
  9. package/fesm2022/combobox.mjs.map +1 -1
  10. package/fesm2022/deferred-content.mjs +60 -0
  11. package/fesm2022/deferred-content.mjs.map +1 -0
  12. package/fesm2022/{option-a8c77cfa.mjs → list-focus-DtTH4bDx.mjs} +34 -291
  13. package/fesm2022/list-focus-DtTH4bDx.mjs.map +1 -0
  14. package/fesm2022/listbox.mjs +14 -10
  15. package/fesm2022/listbox.mjs.map +1 -1
  16. package/fesm2022/option-Bgpacz3g.mjs +319 -0
  17. package/fesm2022/option-Bgpacz3g.mjs.map +1 -0
  18. package/fesm2022/{polyfill-c4e47556.mjs → polyfill-DRXnWbMt.mjs} +2 -2
  19. package/fesm2022/polyfill-DRXnWbMt.mjs.map +1 -0
  20. package/fesm2022/popover-edit.mjs +45 -46
  21. package/fesm2022/popover-edit.mjs.map +1 -1
  22. package/fesm2022/scrolling.mjs +8 -8
  23. package/fesm2022/scrolling.mjs.map +1 -1
  24. package/fesm2022/selection.mjs +21 -21
  25. package/fesm2022/selection.mjs.map +1 -1
  26. package/fesm2022/table-scroll-container.mjs +7 -7
  27. package/fesm2022/table-scroll-container.mjs.map +1 -1
  28. package/fesm2022/tabs-cBelBNjZ.mjs +190 -0
  29. package/fesm2022/tabs-cBelBNjZ.mjs.map +1 -0
  30. package/fesm2022/tabs.mjs +224 -0
  31. package/fesm2022/tabs.mjs.map +1 -0
  32. package/fesm2022/ui-patterns.mjs +3 -1
  33. package/fesm2022/ui-patterns.mjs.map +1 -1
  34. package/{listbox.d-e1f2866f.d.ts → list-focus.d-1SGksIi8.d.ts} +9 -151
  35. package/listbox/index.d.ts +6 -3
  36. package/listbox.d-C-LFh0S9.d.ts +160 -0
  37. package/package.json +13 -2
  38. package/popover-edit/index.d.ts +2 -1
  39. package/selection/index.d.ts +2 -1
  40. package/tabs/index.d.ts +128 -0
  41. package/tabs.d-BIIDt2Rf.d.ts +107 -0
  42. package/ui-patterns/index.d.ts +3 -1
  43. package/fesm2022/option-a8c77cfa.mjs.map +0 -1
  44. package/fesm2022/polyfill-c4e47556.mjs.map +0 -1
@@ -156,7 +156,7 @@ interface ListSelectionInputs<T extends ListSelectionItem<V>, V> {
156
156
  /** The items in the list. */
157
157
  items: SignalLike<T[]>;
158
158
  /** Whether multiple items in the list can be selected at once. */
159
- multiselectable: SignalLike<boolean>;
159
+ multi: SignalLike<boolean>;
160
160
  /** The current value of the list selection. */
161
161
  value: WritableSignalLike<V[]>;
162
162
  /** The selection strategy used by the list. */
@@ -190,53 +190,16 @@ declare class ListSelection<T extends ListSelectionItem<V>, V> {
190
190
  selectFromPrevSelectedItem(): void;
191
191
  /** Selects the items in the list starting at the last active item. */
192
192
  selectFromActive(): void;
193
- /** Selects the items in the list starting at the given index. */
194
- private _selectFromIndex;
195
193
  /** Sets the selection to only the current active item. */
196
194
  selectOne(): void;
195
+ /** Toggles the items in the list starting at the last selected item. */
196
+ toggleFromPrevSelectedItem(): void;
197
197
  /** Sets the anchor to the current active index. */
198
198
  private _anchor;
199
- }
200
-
201
- /**
202
- * Represents an item in a collection, such as a listbox option, than can be navigated to by
203
- * typeahead.
204
- */
205
- interface ListTypeaheadItem extends ListNavigationItem {
206
- /** The text used by the typeahead search. */
207
- searchTerm: SignalLike<string>;
208
- }
209
- /**
210
- * Represents the required inputs for a collection that contains items that can be navigated to by
211
- * typeahead.
212
- */
213
- interface ListTypeaheadInputs {
214
- /** The amount of time before the typeahead search is reset. */
215
- typeaheadDelay: SignalLike<number>;
216
- }
217
- /** Controls typeahead for a list of items. */
218
- declare class ListTypeahead<T extends ListTypeaheadItem> {
219
- readonly inputs: ListTypeaheadInputs & {
220
- navigation: ListNavigation<T>;
221
- };
222
- /** A reference to the timeout for resetting the typeahead search. */
223
- timeout?: ReturnType<typeof setTimeout> | undefined;
224
- /** The navigation controller of the parent list. */
225
- navigation: ListNavigation<T>;
226
- /** Keeps track of the characters that typeahead search is being called with. */
227
- private _query;
228
- /** The index where that the typeahead search was initiated from. */
229
- private _startIndex;
230
- constructor(inputs: ListTypeaheadInputs & {
231
- navigation: ListNavigation<T>;
232
- });
233
- /** Performs a typeahead search, appending the given character to the search string. */
234
- search(char: string): void;
235
- /**
236
- * Returns the first item whose search term matches the
237
- * current query starting from the the current anchor index.
238
- */
239
- private _getItem;
199
+ /** Selects the items in the list starting at the given index. */
200
+ private _selectFromIndex;
201
+ /** Returns all items from the given index to the current active index. */
202
+ private _getItemsFromIndex;
240
203
  }
241
204
 
242
205
  /** Represents an item in a collection, such as a listbox option, than may receive focus. */
@@ -271,110 +234,5 @@ declare class ListFocus<T extends ListFocusItem> {
271
234
  focus(): void;
272
235
  }
273
236
 
274
- /**
275
- * Represents the properties exposed by a listbox that need to be accessed by an option.
276
- * This exists to avoid circular dependency errors between the listbox and option.
277
- */
278
- interface ListboxPattern$1<V> {
279
- focusManager: ListFocus<OptionPattern<V>>;
280
- selection: ListSelection<OptionPattern<V>, V>;
281
- navigation: ListNavigation<OptionPattern<V>>;
282
- }
283
- /** Represents the required inputs for an option in a listbox. */
284
- interface OptionInputs<V> extends ListNavigationItem, ListSelectionItem<V>, ListTypeaheadItem, ListFocusItem {
285
- listbox: SignalLike<ListboxPattern$1<V> | undefined>;
286
- }
287
- /** Represents an option in a listbox. */
288
- declare class OptionPattern<V> {
289
- /** A unique identifier for the option. */
290
- id: SignalLike<string>;
291
- /** The value of the option. */
292
- value: SignalLike<V>;
293
- /** The position of the option in the list. */
294
- index: i0.Signal<number>;
295
- /** Whether the option is selected. */
296
- selected: i0.Signal<boolean | undefined>;
297
- /** Whether the option is disabled. */
298
- disabled: SignalLike<boolean>;
299
- /** The text used by the typeahead search. */
300
- searchTerm: SignalLike<string>;
301
- /** A reference to the parent listbox. */
302
- listbox: SignalLike<ListboxPattern$1<V> | undefined>;
303
- /** The tabindex of the option. */
304
- tabindex: i0.Signal<0 | -1 | undefined>;
305
- /** The html element that should receive focus. */
306
- element: SignalLike<HTMLElement>;
307
- constructor(args: OptionInputs<V>);
308
- }
309
-
310
- /** The selection operations that the listbox can perform. */
311
- interface SelectOptions {
312
- select?: boolean;
313
- toggle?: boolean;
314
- toggleOne?: boolean;
315
- selectOne?: boolean;
316
- selectAll?: boolean;
317
- selectFromAnchor?: boolean;
318
- selectFromActive?: boolean;
319
- }
320
- /** Represents the required inputs for a listbox. */
321
- type ListboxInputs<V> = ListNavigationInputs<OptionPattern<V>> & ListSelectionInputs<OptionPattern<V>, V> & ListTypeaheadInputs & ListFocusInputs<OptionPattern<V>> & {
322
- disabled: SignalLike<boolean>;
323
- };
324
- /** Controls the state of a listbox. */
325
- declare class ListboxPattern<V> {
326
- readonly inputs: ListboxInputs<V>;
327
- /** Controls navigation for the listbox. */
328
- navigation: ListNavigation<OptionPattern<V>>;
329
- /** Controls selection for the listbox. */
330
- selection: ListSelection<OptionPattern<V>, V>;
331
- /** Controls typeahead for the listbox. */
332
- typeahead: ListTypeahead<OptionPattern<V>>;
333
- /** Controls focus for the listbox. */
334
- focusManager: ListFocus<OptionPattern<V>>;
335
- /** Whether the list is vertically or horizontally oriented. */
336
- orientation: SignalLike<'vertical' | 'horizontal'>;
337
- /** Whether the listbox is disabled. */
338
- disabled: SignalLike<boolean>;
339
- /** The tabindex of the listbox. */
340
- tabindex: i0.Signal<0 | -1>;
341
- /** The id of the current active item. */
342
- activedescendant: i0.Signal<string | undefined>;
343
- /** Whether multiple items in the list can be selected at once. */
344
- multiselectable: SignalLike<boolean>;
345
- /** The number of items in the listbox. */
346
- setsize: i0.Signal<number>;
347
- /** Whether the listbox selection follows focus. */
348
- followFocus: i0.Signal<boolean>;
349
- /** The key used to navigate to the previous item in the list. */
350
- prevKey: i0.Signal<"ArrowUp" | "ArrowRight" | "ArrowLeft">;
351
- /** The key used to navigate to the next item in the list. */
352
- nextKey: i0.Signal<"ArrowRight" | "ArrowLeft" | "ArrowDown">;
353
- /** The regexp used to decide if a key should trigger typeahead. */
354
- typeaheadRegexp: RegExp;
355
- /** The keydown event manager for the listbox. */
356
- keydown: i0.Signal<KeyboardEventManager<KeyboardEvent>>;
357
- /** The pointerdown event manager for the listbox. */
358
- pointerdown: i0.Signal<PointerEventManager<PointerEvent>>;
359
- constructor(inputs: ListboxInputs<V>);
360
- /** Handles keydown events for the listbox. */
361
- onKeydown(event: KeyboardEvent): void;
362
- onPointerdown(event: PointerEvent): void;
363
- /** Navigates to the first option in the listbox. */
364
- first(opts?: SelectOptions): void;
365
- /** Navigates to the last option in the listbox. */
366
- last(opts?: SelectOptions): void;
367
- /** Navigates to the next option in the listbox. */
368
- next(opts?: SelectOptions): void;
369
- /** Navigates to the previous option in the listbox. */
370
- prev(opts?: SelectOptions): void;
371
- /** Navigates to the given item in the listbox. */
372
- goto(event: PointerEvent, opts?: SelectOptions): void;
373
- /** Handles typeahead search navigation for the listbox. */
374
- search(char: string, opts?: SelectOptions): void;
375
- /** Handles updating selection for the listbox. */
376
- private _updateSelection;
377
- private _getItem;
378
- }
379
-
380
- export { ListboxPattern as L, OptionPattern as O, type SignalLike as S, type WritableSignalLike as W, type ListboxInputs as a, type OptionInputs as b, convertGetterSetterToWritableSignalLike as c };
237
+ export { KeyboardEventManager, ListFocus, ListNavigation, ListSelection, PointerEventManager, convertGetterSetterToWritableSignalLike };
238
+ export type { ListFocusInputs, ListFocusItem, ListNavigationInputs, ListNavigationItem, ListSelectionInputs, ListSelectionItem, SignalLike, WritableSignalLike };
@@ -1,6 +1,7 @@
1
1
  import * as i0 from '@angular/core';
2
2
  import * as _angular_cdk_bidi from '@angular/cdk/bidi';
3
- import { O as OptionPattern, L as ListboxPattern } from '../listbox.d-e1f2866f.js';
3
+ import { OptionPattern, ListboxPattern } from '../listbox.d-C-LFh0S9.js';
4
+ import '../list-focus.d-1SGksIi8.js';
4
5
 
5
6
  /**
6
7
  * A listbox container.
@@ -28,7 +29,7 @@ declare class CdkListbox<V> {
28
29
  /** Whether the list is vertically or horizontally oriented. */
29
30
  orientation: i0.InputSignal<"vertical" | "horizontal">;
30
31
  /** Whether multiple items in the list can be selected at once. */
31
- multiselectable: i0.InputSignalWithTransform<boolean, unknown>;
32
+ multi: i0.InputSignalWithTransform<boolean, unknown>;
32
33
  /** Whether focus should wrap when navigating. */
33
34
  wrap: i0.InputSignalWithTransform<boolean, unknown>;
34
35
  /** Whether disabled items in the list should be skipped when navigating. */
@@ -41,6 +42,8 @@ declare class CdkListbox<V> {
41
42
  typeaheadDelay: i0.InputSignal<number>;
42
43
  /** Whether the listbox is disabled. */
43
44
  disabled: i0.InputSignalWithTransform<boolean, unknown>;
45
+ /** Whether the listbox is readonly. */
46
+ readonly: i0.InputSignalWithTransform<boolean, unknown>;
44
47
  /** The values of the current selected items. */
45
48
  value: i0.ModelSignal<V[]>;
46
49
  /** The current index that has been navigated to. */
@@ -48,7 +51,7 @@ declare class CdkListbox<V> {
48
51
  /** The Listbox UIPattern. */
49
52
  pattern: ListboxPattern<V>;
50
53
  static ɵfac: i0.ɵɵFactoryDeclaration<CdkListbox<any>, never>;
51
- static ɵdir: i0.ɵɵDirectiveDeclaration<CdkListbox<any>, "[cdkListbox]", ["cdkListbox"], { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "multiselectable": { "alias": "multiselectable"; "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; }; "typeaheadDelay": { "alias": "typeaheadDelay"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "activeIndex": "activeIndexChange"; }, ["_cdkOptions"], never, true, never>;
54
+ static ɵdir: i0.ɵɵDirectiveDeclaration<CdkListbox<any>, "[cdkListbox]", ["cdkListbox"], { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "multi": { "alias": "multi"; "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; }; "typeaheadDelay": { "alias": "typeaheadDelay"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "activeIndex": "activeIndexChange"; }, ["_cdkOptions"], never, true, never>;
52
55
  }
53
56
  /** A selectable option in a CdkListbox. */
54
57
  declare class CdkOption<V> {
@@ -0,0 +1,160 @@
1
+ import * as i0 from '@angular/core';
2
+ import { ListNavigationItem, SignalLike, ListNavigation, ListFocus, ListSelection, ListSelectionItem, ListFocusItem, ListNavigationInputs, ListSelectionInputs, ListFocusInputs, KeyboardEventManager, PointerEventManager } from './list-focus.d-1SGksIi8.js';
3
+
4
+ /**
5
+ * Represents an item in a collection, such as a listbox option, than can be navigated to by
6
+ * typeahead.
7
+ */
8
+ interface ListTypeaheadItem extends ListNavigationItem {
9
+ /** The text used by the typeahead search. */
10
+ searchTerm: SignalLike<string>;
11
+ }
12
+ /**
13
+ * Represents the required inputs for a collection that contains items that can be navigated to by
14
+ * typeahead.
15
+ */
16
+ interface ListTypeaheadInputs {
17
+ /** The amount of time before the typeahead search is reset. */
18
+ typeaheadDelay: SignalLike<number>;
19
+ }
20
+ /** Controls typeahead for a list of items. */
21
+ declare class ListTypeahead<T extends ListTypeaheadItem> {
22
+ readonly inputs: ListTypeaheadInputs & {
23
+ navigation: ListNavigation<T>;
24
+ };
25
+ /** A reference to the timeout for resetting the typeahead search. */
26
+ timeout?: ReturnType<typeof setTimeout> | undefined;
27
+ /** The navigation controller of the parent list. */
28
+ navigation: ListNavigation<T>;
29
+ /** Whether the user is actively typing a typeahead search query. */
30
+ isTyping: i0.Signal<boolean>;
31
+ /** Keeps track of the characters that typeahead search is being called with. */
32
+ private _query;
33
+ /** The index where that the typeahead search was initiated from. */
34
+ private _startIndex;
35
+ constructor(inputs: ListTypeaheadInputs & {
36
+ navigation: ListNavigation<T>;
37
+ });
38
+ /** Performs a typeahead search, appending the given character to the search string. */
39
+ search(char: string): void;
40
+ /**
41
+ * Returns the first item whose search term matches the
42
+ * current query starting from the the current anchor index.
43
+ */
44
+ private _getItem;
45
+ }
46
+
47
+ /**
48
+ * Represents the properties exposed by a listbox that need to be accessed by an option.
49
+ * This exists to avoid circular dependency errors between the listbox and option.
50
+ */
51
+ interface ListboxPattern$1<V> {
52
+ focusManager: ListFocus<OptionPattern<V>>;
53
+ selection: ListSelection<OptionPattern<V>, V>;
54
+ navigation: ListNavigation<OptionPattern<V>>;
55
+ }
56
+ /** Represents the required inputs for an option in a listbox. */
57
+ interface OptionInputs<V> extends ListNavigationItem, ListSelectionItem<V>, ListTypeaheadItem, ListFocusItem {
58
+ listbox: SignalLike<ListboxPattern$1<V> | undefined>;
59
+ }
60
+ /** Represents an option in a listbox. */
61
+ declare class OptionPattern<V> {
62
+ /** A unique identifier for the option. */
63
+ id: SignalLike<string>;
64
+ /** The value of the option. */
65
+ value: SignalLike<V>;
66
+ /** The position of the option in the list. */
67
+ index: i0.Signal<number>;
68
+ /** Whether the option is selected. */
69
+ selected: i0.Signal<boolean | undefined>;
70
+ /** Whether the option is disabled. */
71
+ disabled: SignalLike<boolean>;
72
+ /** The text used by the typeahead search. */
73
+ searchTerm: SignalLike<string>;
74
+ /** A reference to the parent listbox. */
75
+ listbox: SignalLike<ListboxPattern$1<V> | undefined>;
76
+ /** The tabindex of the option. */
77
+ tabindex: i0.Signal<0 | -1 | undefined>;
78
+ /** The html element that should receive focus. */
79
+ element: SignalLike<HTMLElement>;
80
+ constructor(args: OptionInputs<V>);
81
+ }
82
+
83
+ /** The selection operations that the listbox can perform. */
84
+ interface SelectOptions {
85
+ select?: boolean;
86
+ toggle?: boolean;
87
+ toggleOne?: boolean;
88
+ selectOne?: boolean;
89
+ selectAll?: boolean;
90
+ selectFromAnchor?: boolean;
91
+ selectFromActive?: boolean;
92
+ toggleFromAnchor?: boolean;
93
+ }
94
+ /** Represents the required inputs for a listbox. */
95
+ type ListboxInputs<V> = ListNavigationInputs<OptionPattern<V>> & ListSelectionInputs<OptionPattern<V>, V> & ListTypeaheadInputs & ListFocusInputs<OptionPattern<V>> & {
96
+ disabled: SignalLike<boolean>;
97
+ readonly: SignalLike<boolean>;
98
+ };
99
+ /** Controls the state of a listbox. */
100
+ declare class ListboxPattern<V> {
101
+ readonly inputs: ListboxInputs<V>;
102
+ /** Controls navigation for the listbox. */
103
+ navigation: ListNavigation<OptionPattern<V>>;
104
+ /** Controls selection for the listbox. */
105
+ selection: ListSelection<OptionPattern<V>, V>;
106
+ /** Controls typeahead for the listbox. */
107
+ typeahead: ListTypeahead<OptionPattern<V>>;
108
+ /** Controls focus for the listbox. */
109
+ focusManager: ListFocus<OptionPattern<V>>;
110
+ /** Whether the list is vertically or horizontally oriented. */
111
+ orientation: SignalLike<'vertical' | 'horizontal'>;
112
+ /** Whether the listbox is disabled. */
113
+ disabled: SignalLike<boolean>;
114
+ /** Whether the listbox is readonly. */
115
+ readonly: SignalLike<boolean>;
116
+ /** The tabindex of the listbox. */
117
+ tabindex: i0.Signal<0 | -1>;
118
+ /** The id of the current active item. */
119
+ activedescendant: i0.Signal<string | undefined>;
120
+ /** Whether multiple items in the list can be selected at once. */
121
+ multi: SignalLike<boolean>;
122
+ /** The number of items in the listbox. */
123
+ setsize: i0.Signal<number>;
124
+ /** Whether the listbox selection follows focus. */
125
+ followFocus: i0.Signal<boolean>;
126
+ /** The key used to navigate to the previous item in the list. */
127
+ prevKey: i0.Signal<"ArrowUp" | "ArrowRight" | "ArrowLeft">;
128
+ /** The key used to navigate to the next item in the list. */
129
+ nextKey: i0.Signal<"ArrowRight" | "ArrowLeft" | "ArrowDown">;
130
+ /** Represents the space key. Does nothing when the user is actively using typeahead. */
131
+ dynamicSpaceKey: i0.Signal<"" | " ">;
132
+ /** The regexp used to decide if a key should trigger typeahead. */
133
+ typeaheadRegexp: RegExp;
134
+ /** The keydown event manager for the listbox. */
135
+ keydown: i0.Signal<KeyboardEventManager<KeyboardEvent>>;
136
+ /** The pointerdown event manager for the listbox. */
137
+ pointerdown: i0.Signal<PointerEventManager<PointerEvent>>;
138
+ constructor(inputs: ListboxInputs<V>);
139
+ /** Handles keydown events for the listbox. */
140
+ onKeydown(event: KeyboardEvent): void;
141
+ onPointerdown(event: PointerEvent): void;
142
+ /** Navigates to the first option in the listbox. */
143
+ first(opts?: SelectOptions): void;
144
+ /** Navigates to the last option in the listbox. */
145
+ last(opts?: SelectOptions): void;
146
+ /** Navigates to the next option in the listbox. */
147
+ next(opts?: SelectOptions): void;
148
+ /** Navigates to the previous option in the listbox. */
149
+ prev(opts?: SelectOptions): void;
150
+ /** Navigates to the given item in the listbox. */
151
+ goto(event: PointerEvent, opts?: SelectOptions): void;
152
+ /** Handles typeahead search navigation for the listbox. */
153
+ search(char: string, opts?: SelectOptions): void;
154
+ /** Handles updating selection for the listbox. */
155
+ private _updateSelection;
156
+ private _getItem;
157
+ }
158
+
159
+ export { ListboxPattern, OptionPattern };
160
+ export type { ListboxInputs, OptionInputs };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@angular/cdk-experimental",
3
- "version": "20.0.0-next.5",
3
+ "version": "20.0.0-next.7",
4
4
  "description": "Experimental components for Angular CDK",
5
5
  "repository": {
6
6
  "type": "git",
@@ -12,9 +12,12 @@
12
12
  },
13
13
  "homepage": "https://github.com/angular/components#readme",
14
14
  "peerDependencies": {
15
- "@angular/cdk": "20.0.0-next.5",
15
+ "@angular/cdk": "20.0.0-next.7",
16
16
  "@angular/core": "^20.0.0-0 || ^20.1.0-0 || ^20.2.0-0 || ^20.3.0-0 || ^21.0.0-0"
17
17
  },
18
+ "devDependencies": {
19
+ "@angular/cdk": "workspace:*"
20
+ },
18
21
  "dependencies": {
19
22
  "tslib": "^2.3.0"
20
23
  },
@@ -49,6 +52,10 @@
49
52
  "types": "./combobox/index.d.ts",
50
53
  "default": "./fesm2022/combobox.mjs"
51
54
  },
55
+ "./deferred-content": {
56
+ "types": "./deferred-content/index.d.ts",
57
+ "default": "./fesm2022/deferred-content.mjs"
58
+ },
52
59
  "./listbox": {
53
60
  "types": "./listbox/index.d.ts",
54
61
  "default": "./fesm2022/listbox.mjs"
@@ -69,6 +76,10 @@
69
76
  "types": "./table-scroll-container/index.d.ts",
70
77
  "default": "./fesm2022/table-scroll-container.mjs"
71
78
  },
79
+ "./tabs": {
80
+ "types": "./tabs/index.d.ts",
81
+ "default": "./fesm2022/tabs.mjs"
82
+ },
72
83
  "./ui-patterns": {
73
84
  "types": "./ui-patterns/index.d.ts",
74
85
  "default": "./fesm2022/ui-patterns.mjs"
@@ -446,4 +446,5 @@ declare const CELL_SELECTOR = ".cdk-cell, .mat-cell, td";
446
446
  /** closest implementation that is able to start from non-Element Nodes. */
447
447
  declare function closest(element: EventTarget | Element | null | undefined, selector: string): Element | null;
448
448
 
449
- export { CdkEditClose, CdkEditControl, CdkEditOpen, CdkEditRevert, CdkEditable, CdkPopoverEdit, type CdkPopoverEditColspan, CdkPopoverEditModule, CdkPopoverEditTabOut, CdkRowHoverContent, EditEventDispatcher, EditRef, type Entry, FocusDispatcher, FormValueContainer, HoverContentState, type PopoverEditClickOutBehavior, CELL_SELECTOR as _CELL_SELECTOR, closest as _closest };
449
+ export { CdkEditClose, CdkEditControl, CdkEditOpen, CdkEditRevert, CdkEditable, CdkPopoverEdit, CdkPopoverEditModule, CdkPopoverEditTabOut, CdkRowHoverContent, EditEventDispatcher, EditRef, FocusDispatcher, FormValueContainer, HoverContentState, CELL_SELECTOR as _CELL_SELECTOR, closest as _closest };
450
+ export type { CdkPopoverEditColspan, Entry, PopoverEditClickOutBehavior };
@@ -225,4 +225,5 @@ declare class CdkSelectionModule {
225
225
  static ɵinj: i0.ɵɵInjectorDeclaration<CdkSelectionModule>;
226
226
  }
227
227
 
228
- export { CdkRowSelection, CdkSelectAll, CdkSelection, CdkSelectionColumn, CdkSelectionModule, CdkSelectionToggle, type SelectableWithIndex, type SelectionChange, SelectionSet };
228
+ export { CdkRowSelection, CdkSelectAll, CdkSelection, CdkSelectionColumn, CdkSelectionModule, CdkSelectionToggle, SelectionSet };
229
+ export type { SelectableWithIndex, SelectionChange };
@@ -0,0 +1,128 @@
1
+ import * as _angular_cdk_bidi from '@angular/cdk/bidi';
2
+ import * as i0 from '@angular/core';
3
+ import { TabPattern, TabPanelPattern, TabListPattern } from '../tabs.d-BIIDt2Rf.js';
4
+ import * as i1 from '@angular/cdk-experimental/deferred-content';
5
+ import '../list-focus.d-1SGksIi8.js';
6
+
7
+ /**
8
+ * A Tabs container.
9
+ *
10
+ * Represents a set of layered sections of content. The CdkTabs is a container meant to be used with
11
+ * CdkTabList, CdkTab, and CdkTabPanel as follows:
12
+ *
13
+ * ```html
14
+ * <div cdkTabs>
15
+ * <ul cdkTabList>
16
+ * <li cdkTab>Tab 1</li>
17
+ * <li cdkTab>Tab 2</li>
18
+ * <li cdkTab>Tab 3</li>
19
+ * </ul>
20
+ *
21
+ * <div cdkTabPanel>Tab content 1</div>
22
+ * <div cdkTabPanel>Tab content 2</div>
23
+ * <div cdkTabPanel>Tab content 3</div>
24
+ * </div>
25
+ * ```
26
+ */
27
+ declare class CdkTabs {
28
+ /** The CdkTabList nested inside of the container. */
29
+ private readonly _cdkTabList;
30
+ /** The CdkTabPanels nested inside of the container. */
31
+ private readonly _cdkTabPanels;
32
+ /** The Tab UIPattern of the child Tabs. */
33
+ tabs: i0.Signal<TabPattern[] | undefined>;
34
+ /** The TabPanel UIPattern of the child TabPanels. */
35
+ tabpanels: i0.Signal<TabPanelPattern[]>;
36
+ static ɵfac: i0.ɵɵFactoryDeclaration<CdkTabs, never>;
37
+ static ɵdir: i0.ɵɵDirectiveDeclaration<CdkTabs, "[cdkTabs]", ["cdkTabs"], {}, {}, ["_cdkTabList", "_cdkTabPanels"], never, true, never>;
38
+ }
39
+ /**
40
+ * A TabList container.
41
+ *
42
+ * Controls a list of CdkTab(s).
43
+ */
44
+ declare class CdkTabList {
45
+ /** The directionality (LTR / RTL) context for the application (or a subtree of it). */
46
+ private readonly _directionality;
47
+ /** The CdkTabs nested inside of the CdkTabList. */
48
+ private readonly _cdkTabs;
49
+ /** A signal wrapper for directionality. */
50
+ protected textDirection: i0.Signal<_angular_cdk_bidi.Direction>;
51
+ /** The Tab UIPatterns of the child Tabs. */
52
+ tabs: i0.Signal<TabPattern[]>;
53
+ /** Whether the tablist is vertically or horizontally oriented. */
54
+ orientation: i0.InputSignal<"vertical" | "horizontal">;
55
+ /** Whether focus should wrap when navigating. */
56
+ wrap: i0.InputSignalWithTransform<boolean, unknown>;
57
+ /** Whether disabled items in the list should be skipped when navigating. */
58
+ skipDisabled: i0.InputSignalWithTransform<boolean, unknown>;
59
+ /** The focus strategy used by the tablist. */
60
+ focusMode: i0.InputSignal<"roving" | "activedescendant">;
61
+ /** The selection strategy used by the tablist. */
62
+ selectionMode: i0.InputSignal<"follow" | "explicit">;
63
+ /** Whether the tablist is disabled. */
64
+ disabled: i0.InputSignalWithTransform<boolean, unknown>;
65
+ /** The current index that has been navigated to. */
66
+ activeIndex: i0.ModelSignal<number>;
67
+ /** The TabList UIPattern. */
68
+ pattern: TabListPattern;
69
+ static ɵfac: i0.ɵɵFactoryDeclaration<CdkTabList, never>;
70
+ 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>;
71
+ }
72
+ /** A selectable tab in a TabList. */
73
+ declare class CdkTab {
74
+ /** A reference to the tab element. */
75
+ private readonly _elementRef;
76
+ /** The parent CdkTabs. */
77
+ private readonly _cdkTabs;
78
+ /** The parent CdkTabList. */
79
+ private readonly _cdkTabList;
80
+ /** A global unique identifier for the tab. */
81
+ private readonly _id;
82
+ /** The parent TabList UIPattern. */
83
+ protected tablist: i0.Signal<TabListPattern>;
84
+ /** The TabPanel UIPattern associated with the tab */
85
+ protected tabpanel: i0.Signal<TabPanelPattern | undefined>;
86
+ /** Whether a tab is disabled. */
87
+ disabled: i0.InputSignalWithTransform<boolean, unknown>;
88
+ /** A local unique identifier for the tab. */
89
+ value: i0.InputSignal<string>;
90
+ /** The Tab UIPattern. */
91
+ pattern: TabPattern;
92
+ static ɵfac: i0.ɵɵFactoryDeclaration<CdkTab, never>;
93
+ 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>;
94
+ }
95
+ /**
96
+ * A TabPanel container for the resources of layered content associated with a tab.
97
+ *
98
+ * If a tabpanel is hidden due to its corresponding tab is not activated, the `inert` attribute
99
+ * will be applied to the tabpanel element to remove it from the accessibility tree and stop
100
+ * all the keyboard and pointer interactions. Note that this does not visually hide the tabpenl
101
+ * and a proper styling is required.
102
+ */
103
+ declare class CdkTabPanel {
104
+ /** The DeferredContentAware host directive. */
105
+ private readonly _deferredContentAware;
106
+ /** The parent CdkTabs. */
107
+ private readonly _cdkTabs;
108
+ /** A global unique identifier for the tab. */
109
+ private readonly _id;
110
+ /** The Tab UIPattern associated with the tabpanel */
111
+ protected tab: i0.Signal<TabPattern | undefined>;
112
+ /** A local unique identifier for the tabpanel. */
113
+ value: i0.InputSignal<string>;
114
+ /** The TabPanel UIPattern. */
115
+ pattern: TabPanelPattern;
116
+ constructor();
117
+ static ɵfac: i0.ɵɵFactoryDeclaration<CdkTabPanel, never>;
118
+ 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: {}; }]>;
119
+ }
120
+ /**
121
+ * A TabContent container for the lazy-loaded content.
122
+ */
123
+ declare class CdkTabContent {
124
+ static ɵfac: i0.ɵɵFactoryDeclaration<CdkTabContent, never>;
125
+ static ɵdir: i0.ɵɵDirectiveDeclaration<CdkTabContent, "ng-template[cdkTabContent]", ["cdTabContent"], {}, {}, never, never, true, [{ directive: typeof i1.DeferredContent; inputs: {}; outputs: {}; }]>;
126
+ }
127
+
128
+ export { CdkTab, CdkTabContent, CdkTabList, CdkTabPanel, CdkTabs };