@angular/cdk-experimental 20.0.0-next.0 → 20.0.0-next.10
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.
- package/column-resize/index.d.ts +276 -289
- package/combobox/index.d.ts +15 -39
- package/deferred-content/index.d.ts +37 -0
- package/fesm2022/cdk-experimental.mjs +1 -1
- package/fesm2022/cdk-experimental.mjs.map +1 -1
- package/fesm2022/column-resize.mjs +139 -70
- package/fesm2022/column-resize.mjs.map +1 -1
- package/fesm2022/combobox.mjs +19 -26
- package/fesm2022/combobox.mjs.map +1 -1
- package/fesm2022/deferred-content.mjs +60 -0
- package/fesm2022/deferred-content.mjs.map +1 -0
- package/fesm2022/list-focus-Di7m_z_6.mjs +382 -0
- package/fesm2022/list-focus-Di7m_z_6.mjs.map +1 -0
- package/fesm2022/listbox.mjs +42 -21
- package/fesm2022/listbox.mjs.map +1 -1
- package/fesm2022/option-f_gNslw8.mjs +367 -0
- package/fesm2022/option-f_gNslw8.mjs.map +1 -0
- package/fesm2022/polyfill-CXksG4af.mjs +14 -0
- package/fesm2022/polyfill-CXksG4af.mjs.map +1 -0
- package/fesm2022/popover-edit.mjs +92 -81
- package/fesm2022/popover-edit.mjs.map +1 -1
- package/fesm2022/scrolling.mjs +7 -11
- package/fesm2022/scrolling.mjs.map +1 -1
- package/fesm2022/selection.mjs +19 -27
- package/fesm2022/selection.mjs.map +1 -1
- package/fesm2022/table-scroll-container.mjs +8 -13
- package/fesm2022/table-scroll-container.mjs.map +1 -1
- package/fesm2022/tabs-BunANY1M.mjs +176 -0
- package/fesm2022/tabs-BunANY1M.mjs.map +1 -0
- package/fesm2022/tabs.mjs +225 -0
- package/fesm2022/tabs.mjs.map +1 -0
- package/fesm2022/ui-patterns.mjs +12 -603
- package/fesm2022/ui-patterns.mjs.map +1 -1
- package/index.d.ts +2 -2
- package/list-navigation.d-DfOSxsSp.d.ts +247 -0
- package/listbox/index.d.ts +46 -39
- package/listbox.d-QWPLmxRe.d.ts +193 -0
- package/package.json +13 -2
- package/popover-edit/index.d.ts +269 -315
- package/scrolling/index.d.ts +34 -47
- package/selection/index.d.ts +119 -161
- package/table-scroll-container/index.d.ts +6 -14
- package/tabs/index.d.ts +128 -0
- package/tabs.d-BAo141mw.d.ts +110 -0
- package/ui-patterns/index.d.ts +4 -391
package/scrolling/index.d.ts
CHANGED
|
@@ -1,13 +1,36 @@
|
|
|
1
|
-
import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
|
|
2
|
-
import * as i0 from '@angular/core';
|
|
3
|
-
import { ListRange } from '@angular/cdk/collections';
|
|
4
1
|
import { NumberInput } from '@angular/cdk/coercion';
|
|
5
|
-
import {
|
|
2
|
+
import { ListRange } from '@angular/cdk/collections';
|
|
3
|
+
import { VirtualScrollStrategy, CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
|
|
4
|
+
import * as i0 from '@angular/core';
|
|
6
5
|
import { OnChanges } from '@angular/core';
|
|
7
|
-
import {
|
|
6
|
+
import { Observable } from 'rxjs';
|
|
8
7
|
|
|
8
|
+
/**
|
|
9
|
+
* A class that tracks the size of items that have been seen and uses it to estimate the average
|
|
10
|
+
* item size.
|
|
11
|
+
*/
|
|
12
|
+
declare class ItemSizeAverager {
|
|
13
|
+
/** The total amount of weight behind the current average. */
|
|
14
|
+
private _totalWeight;
|
|
15
|
+
/** The current average item size. */
|
|
16
|
+
private _averageItemSize;
|
|
17
|
+
/** The default size to use for items when no data is available. */
|
|
18
|
+
private _defaultItemSize;
|
|
19
|
+
/** @param defaultItemSize The default size to use for items when no data is available. */
|
|
20
|
+
constructor(defaultItemSize?: number);
|
|
21
|
+
/** Returns the average item size. */
|
|
22
|
+
getAverageItemSize(): number;
|
|
23
|
+
/**
|
|
24
|
+
* Adds a measurement sample for the estimator to consider.
|
|
25
|
+
* @param range The measured range.
|
|
26
|
+
* @param size The measured size of the given range in pixels.
|
|
27
|
+
*/
|
|
28
|
+
addSample(range: ListRange, size: number): void;
|
|
29
|
+
/** Resets the averager. */
|
|
30
|
+
reset(): void;
|
|
31
|
+
}
|
|
9
32
|
/** Virtual scrolling strategy for lists with items of unknown or dynamic size. */
|
|
10
|
-
|
|
33
|
+
declare class AutoSizeVirtualScrollStrategy implements VirtualScrollStrategy {
|
|
11
34
|
/** @docs-private Implemented as part of VirtualScrollStrategy. */
|
|
12
35
|
scrolledIndexChange: Observable<number>;
|
|
13
36
|
/** The attached viewport. */
|
|
@@ -98,17 +121,15 @@ export declare class AutoSizeVirtualScrollStrategy implements VirtualScrollStrat
|
|
|
98
121
|
/** Update the viewport's total content size. */
|
|
99
122
|
private _updateTotalContentSize;
|
|
100
123
|
}
|
|
101
|
-
|
|
102
124
|
/**
|
|
103
125
|
* Provider factory for `AutoSizeVirtualScrollStrategy` that simply extracts the already created
|
|
104
126
|
* `AutoSizeVirtualScrollStrategy` from the given directive.
|
|
105
127
|
* @param autoSizeDir The instance of `CdkAutoSizeVirtualScroll` to extract the
|
|
106
128
|
* `AutoSizeVirtualScrollStrategy` from.
|
|
107
129
|
*/
|
|
108
|
-
|
|
109
|
-
|
|
130
|
+
declare function _autoSizeVirtualScrollStrategyFactory(autoSizeDir: CdkAutoSizeVirtualScroll): AutoSizeVirtualScrollStrategy;
|
|
110
131
|
/** A virtual scroll strategy that supports unknown or dynamic size items. */
|
|
111
|
-
|
|
132
|
+
declare class CdkAutoSizeVirtualScroll implements OnChanges {
|
|
112
133
|
/**
|
|
113
134
|
* The minimum amount of buffer rendered beyond the viewport (in pixels).
|
|
114
135
|
* If the amount of buffer dips below this number, more items will be rendered. Defaults to 100px.
|
|
@@ -132,44 +153,10 @@ export declare class CdkAutoSizeVirtualScroll implements OnChanges {
|
|
|
132
153
|
static ɵdir: i0.ɵɵDirectiveDeclaration<CdkAutoSizeVirtualScroll, "cdk-virtual-scroll-viewport[autosize]", never, { "minBufferPx": { "alias": "minBufferPx"; "required": false; }; "maxBufferPx": { "alias": "maxBufferPx"; "required": false; }; }, {}, never, never, true, never>;
|
|
133
154
|
}
|
|
134
155
|
|
|
135
|
-
declare
|
|
136
|
-
export {
|
|
137
|
-
_autoSizeVirtualScrollStrategyFactory,
|
|
138
|
-
ItemSizeAverager,
|
|
139
|
-
AutoSizeVirtualScrollStrategy,
|
|
140
|
-
CdkAutoSizeVirtualScroll
|
|
141
|
-
}
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
/**
|
|
145
|
-
* A class that tracks the size of items that have been seen and uses it to estimate the average
|
|
146
|
-
* item size.
|
|
147
|
-
*/
|
|
148
|
-
export declare class ItemSizeAverager {
|
|
149
|
-
/** The total amount of weight behind the current average. */
|
|
150
|
-
private _totalWeight;
|
|
151
|
-
/** The current average item size. */
|
|
152
|
-
private _averageItemSize;
|
|
153
|
-
/** The default size to use for items when no data is available. */
|
|
154
|
-
private _defaultItemSize;
|
|
155
|
-
/** @param defaultItemSize The default size to use for items when no data is available. */
|
|
156
|
-
constructor(defaultItemSize?: number);
|
|
157
|
-
/** Returns the average item size. */
|
|
158
|
-
getAverageItemSize(): number;
|
|
159
|
-
/**
|
|
160
|
-
* Adds a measurement sample for the estimator to consider.
|
|
161
|
-
* @param range The measured range.
|
|
162
|
-
* @param size The measured size of the given range in pixels.
|
|
163
|
-
*/
|
|
164
|
-
addSample(range: ListRange, size: number): void;
|
|
165
|
-
/** Resets the averager. */
|
|
166
|
-
reset(): void;
|
|
167
|
-
}
|
|
168
|
-
|
|
169
|
-
export declare class ScrollingModule {
|
|
156
|
+
declare class ScrollingModule {
|
|
170
157
|
static ɵfac: i0.ɵɵFactoryDeclaration<ScrollingModule, never>;
|
|
171
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<ScrollingModule, never, [typeof
|
|
158
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ScrollingModule, never, [typeof CdkAutoSizeVirtualScroll], [typeof CdkAutoSizeVirtualScroll]>;
|
|
172
159
|
static ɵinj: i0.ɵɵInjectorDeclaration<ScrollingModule>;
|
|
173
160
|
}
|
|
174
161
|
|
|
175
|
-
export { }
|
|
162
|
+
export { AutoSizeVirtualScrollStrategy, CdkAutoSizeVirtualScroll, ItemSizeAverager, ScrollingModule, _autoSizeVirtualScrollStrategyFactory };
|
package/selection/index.d.ts
CHANGED
|
@@ -1,74 +1,55 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import { CollectionViewer } from '@angular/cdk/collections';
|
|
4
|
-
import { DataSource } from '@angular/cdk/collections';
|
|
5
|
-
import { EventEmitter } from '@angular/core';
|
|
1
|
+
import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
|
|
2
|
+
import { CollectionViewer, ListRange, DataSource } from '@angular/cdk/collections';
|
|
6
3
|
import * as i0 from '@angular/core';
|
|
4
|
+
import { TrackByFunction, OnInit, AfterContentChecked, OnDestroy, EventEmitter } from '@angular/core';
|
|
5
|
+
import { Subject, Observable } from 'rxjs';
|
|
7
6
|
import * as i1 from '@angular/cdk/table';
|
|
8
|
-
import { ListRange } from '@angular/cdk/collections';
|
|
9
|
-
import { NumberInput } from '@angular/cdk/coercion';
|
|
10
|
-
import { Observable } from 'rxjs';
|
|
11
|
-
import { OnDestroy } from '@angular/core';
|
|
12
|
-
import { OnInit } from '@angular/core';
|
|
13
|
-
import { Subject } from 'rxjs';
|
|
14
|
-
import { TrackByFunction } from '@angular/core';
|
|
15
7
|
|
|
16
8
|
/**
|
|
17
|
-
*
|
|
18
|
-
*
|
|
19
|
-
* Must be used within a parent `CdkSelection` directive.
|
|
20
|
-
* Must be provided with the value. The index is required if `trackBy` is used on the `CdkSelection`
|
|
21
|
-
* directive.
|
|
9
|
+
* Maintains a set of selected values. One or more values can be added to or removed from the
|
|
10
|
+
* selection.
|
|
22
11
|
*/
|
|
23
|
-
|
|
24
|
-
|
|
12
|
+
interface TrackBySelection<T> {
|
|
13
|
+
isSelected(value: SelectableWithIndex<T>): boolean;
|
|
14
|
+
select(...values: SelectableWithIndex<T>[]): void;
|
|
15
|
+
deselect(...values: SelectableWithIndex<T>[]): void;
|
|
16
|
+
changed: Subject<SelectionChange<T>>;
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* A selectable value with an optional index. The index is required when the selection is used with
|
|
20
|
+
* `trackBy`.
|
|
21
|
+
*/
|
|
22
|
+
interface SelectableWithIndex<T> {
|
|
25
23
|
value: T;
|
|
26
|
-
|
|
27
|
-
set index(index: NumberInput);
|
|
28
|
-
protected _index?: number;
|
|
29
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CdkRowSelection<any>, never>;
|
|
30
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<CdkRowSelection<any>, "[cdkRowSelection]", never, { "value": { "alias": "cdkRowSelectionValue"; "required": false; }; "index": { "alias": "cdkRowSelectionIndex"; "required": false; }; }, {}, never, never, true, never>;
|
|
24
|
+
index?: number;
|
|
31
25
|
}
|
|
32
|
-
|
|
33
26
|
/**
|
|
34
|
-
*
|
|
35
|
-
*
|
|
36
|
-
* Must be used within a parent `CdkSelection` directive. It toggles the selection states
|
|
37
|
-
* of all the selection toggles connected with the `CdkSelection` directive.
|
|
38
|
-
* If the element implements `ControlValueAccessor`, e.g. `MatCheckbox`, the directive
|
|
39
|
-
* automatically connects it with the select-all state provided by the `CdkSelection` directive. If
|
|
40
|
-
* not, use `checked$` to get the checked state, `indeterminate$` to get the indeterminate state,
|
|
41
|
-
* and `toggle()` to change the selection state.
|
|
27
|
+
* Represents the change in the selection set.
|
|
42
28
|
*/
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
private
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
private _configureControlValueAccessor;
|
|
68
|
-
private _assertValidParentSelection;
|
|
69
|
-
ngOnDestroy(): void;
|
|
70
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CdkSelectAll<any>, never>;
|
|
71
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<CdkSelectAll<any>, "[cdkSelectAll]", ["cdkSelectAll"], {}, {}, never, never, true, never>;
|
|
29
|
+
interface SelectionChange<T> {
|
|
30
|
+
before: SelectableWithIndex<T>[];
|
|
31
|
+
after: SelectableWithIndex<T>[];
|
|
32
|
+
}
|
|
33
|
+
/**
|
|
34
|
+
* Maintains a set of selected items. Support selecting and deselecting items, and checking if a
|
|
35
|
+
* value is selected.
|
|
36
|
+
* When constructed with a `trackByFn`, all the items will be identified by applying the `trackByFn`
|
|
37
|
+
* on them. Because `trackByFn` requires the index of the item to be passed in, the `index` field is
|
|
38
|
+
* expected to be set when calling `isSelected`, `select` and `deselect`.
|
|
39
|
+
*/
|
|
40
|
+
declare class SelectionSet<T> implements TrackBySelection<T> {
|
|
41
|
+
private _multiple;
|
|
42
|
+
private _trackByFn?;
|
|
43
|
+
private _selectionMap;
|
|
44
|
+
changed: Subject<SelectionChange<T>>;
|
|
45
|
+
constructor(_multiple?: boolean, _trackByFn?: TrackByFunction<T> | undefined);
|
|
46
|
+
isSelected(value: SelectableWithIndex<T>): boolean;
|
|
47
|
+
select(...selects: SelectableWithIndex<T>[]): void;
|
|
48
|
+
deselect(...selects: SelectableWithIndex<T>[]): void;
|
|
49
|
+
private _markSelected;
|
|
50
|
+
private _markDeselected;
|
|
51
|
+
private _getTrackedByValue;
|
|
52
|
+
private _getCurrentSelection;
|
|
72
53
|
}
|
|
73
54
|
|
|
74
55
|
/**
|
|
@@ -77,7 +58,7 @@ export declare class CdkSelectAll<T> implements OnDestroy, OnInit {
|
|
|
77
58
|
* It must be applied to the parent element if `cdkSelectionToggle`, `cdkSelectAll`,
|
|
78
59
|
* `cdkRowSelection` and `cdkSelectionColumn` are applied.
|
|
79
60
|
*/
|
|
80
|
-
|
|
61
|
+
declare class CdkSelection<T> implements OnInit, AfterContentChecked, CollectionViewer, OnDestroy {
|
|
81
62
|
viewChange: Observable<ListRange>;
|
|
82
63
|
get dataSource(): TableDataSource<T>;
|
|
83
64
|
set dataSource(dataSource: TableDataSource<T>);
|
|
@@ -120,34 +101,48 @@ export declare class CdkSelection<T> implements OnInit, AfterContentChecked, Col
|
|
|
120
101
|
static ɵfac: i0.ɵɵFactoryDeclaration<CdkSelection<any>, never>;
|
|
121
102
|
static ɵdir: i0.ɵɵDirectiveDeclaration<CdkSelection<any>, "[cdkSelection]", ["cdkSelection"], { "dataSource": { "alias": "dataSource"; "required": false; }; "trackByFn": { "alias": "trackBy"; "required": false; }; "multiple": { "alias": "cdkSelectionMultiple"; "required": false; }; }, { "change": "cdkSelectionChange"; }, never, never, true, never>;
|
|
122
103
|
}
|
|
104
|
+
type SelectAllState = 'all' | 'none' | 'partial';
|
|
105
|
+
type TableDataSource<T> = DataSource<T> | Observable<readonly T[]> | readonly T[];
|
|
123
106
|
|
|
124
107
|
/**
|
|
125
|
-
*
|
|
126
|
-
* `true`.
|
|
108
|
+
* Makes the element a select-all toggle.
|
|
127
109
|
*
|
|
128
|
-
* Must be used within a parent `CdkSelection` directive.
|
|
110
|
+
* Must be used within a parent `CdkSelection` directive. It toggles the selection states
|
|
111
|
+
* of all the selection toggles connected with the `CdkSelection` directive.
|
|
112
|
+
* If the element implements `ControlValueAccessor`, e.g. `MatCheckbox`, the directive
|
|
113
|
+
* automatically connects it with the select-all state provided by the `CdkSelection` directive. If
|
|
114
|
+
* not, use `checked$` to get the checked state, `indeterminate$` to get the indeterminate state,
|
|
115
|
+
* and `toggle()` to change the selection state.
|
|
129
116
|
*/
|
|
130
|
-
|
|
131
|
-
private
|
|
132
|
-
readonly
|
|
133
|
-
/**
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
117
|
+
declare class CdkSelectAll<T> implements OnDestroy, OnInit {
|
|
118
|
+
private readonly _selection;
|
|
119
|
+
private readonly _controlValueAccessor;
|
|
120
|
+
/**
|
|
121
|
+
* The checked state of the toggle.
|
|
122
|
+
* Resolves to `true` if all the values are selected, `false` if no value is selected.
|
|
123
|
+
*/
|
|
124
|
+
readonly checked: Observable<boolean>;
|
|
125
|
+
/**
|
|
126
|
+
* The indeterminate state of the toggle.
|
|
127
|
+
* Resolves to `true` if part (not all) of the values are selected, `false` if all values or no
|
|
128
|
+
* value at all are selected.
|
|
129
|
+
*/
|
|
130
|
+
readonly indeterminate: Observable<boolean>;
|
|
131
|
+
/**
|
|
132
|
+
* Toggles the select-all state.
|
|
133
|
+
* @param event The click event if the toggle is triggered by a (mouse or keyboard) click. If
|
|
134
|
+
* using with a native `<input type="checkbox">`, the parameter is required for the
|
|
135
|
+
* indeterminate state to work properly.
|
|
136
|
+
*/
|
|
137
|
+
toggle(event?: MouseEvent): void;
|
|
138
|
+
private readonly _destroyed;
|
|
139
|
+
constructor();
|
|
140
140
|
ngOnInit(): void;
|
|
141
|
+
private _configureControlValueAccessor;
|
|
142
|
+
private _assertValidParentSelection;
|
|
141
143
|
ngOnDestroy(): void;
|
|
142
|
-
|
|
143
|
-
static
|
|
144
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CdkSelectionColumn<any>, "cdk-selection-column", never, { "name": { "alias": "cdkSelectionColumnName"; "required": false; }; }, {}, never, never, true, never>;
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
export declare class CdkSelectionModule {
|
|
148
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CdkSelectionModule, never>;
|
|
149
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<CdkSelectionModule, never, [typeof i1.CdkTableModule, typeof i2.CdkSelection, typeof i3.CdkSelectionToggle, typeof i4.CdkSelectAll, typeof i5.CdkSelectionColumn, typeof i6.CdkRowSelection], [typeof i2.CdkSelection, typeof i3.CdkSelectionToggle, typeof i4.CdkSelectAll, typeof i5.CdkSelectionColumn, typeof i6.CdkRowSelection]>;
|
|
150
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<CdkSelectionModule>;
|
|
144
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CdkSelectAll<any>, never>;
|
|
145
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<CdkSelectAll<any>, "[cdkSelectAll]", ["cdkSelectAll"], {}, {}, never, never, true, never>;
|
|
151
146
|
}
|
|
152
147
|
|
|
153
148
|
/**
|
|
@@ -160,7 +155,7 @@ export declare class CdkSelectionModule {
|
|
|
160
155
|
* not, use `checked$` to get the checked state of the value, and `toggle()` to change the selection
|
|
161
156
|
* state.
|
|
162
157
|
*/
|
|
163
|
-
|
|
158
|
+
declare class CdkSelectionToggle<T> implements OnDestroy, OnInit {
|
|
164
159
|
private _selection;
|
|
165
160
|
private _controlValueAccessors;
|
|
166
161
|
/** The value that is associated with the toggle */
|
|
@@ -184,88 +179,51 @@ export declare class CdkSelectionToggle<T> implements OnDestroy, OnInit {
|
|
|
184
179
|
static ɵdir: i0.ɵɵDirectiveDeclaration<CdkSelectionToggle<any>, "[cdkSelectionToggle]", ["cdkSelectionToggle"], { "value": { "alias": "cdkSelectionToggleValue"; "required": false; }; "index": { "alias": "cdkSelectionToggleIndex"; "required": false; }; }, {}, never, never, true, never>;
|
|
185
180
|
}
|
|
186
181
|
|
|
187
|
-
declare namespace i2 {
|
|
188
|
-
export {
|
|
189
|
-
CdkSelection
|
|
190
|
-
}
|
|
191
|
-
}
|
|
192
|
-
|
|
193
|
-
declare namespace i3 {
|
|
194
|
-
export {
|
|
195
|
-
CdkSelectionToggle
|
|
196
|
-
}
|
|
197
|
-
}
|
|
198
|
-
|
|
199
|
-
declare namespace i4 {
|
|
200
|
-
export {
|
|
201
|
-
CdkSelectAll
|
|
202
|
-
}
|
|
203
|
-
}
|
|
204
|
-
|
|
205
|
-
declare namespace i5 {
|
|
206
|
-
export {
|
|
207
|
-
CdkSelectionColumn
|
|
208
|
-
}
|
|
209
|
-
}
|
|
210
|
-
|
|
211
|
-
declare namespace i6 {
|
|
212
|
-
export {
|
|
213
|
-
CdkRowSelection
|
|
214
|
-
}
|
|
215
|
-
}
|
|
216
|
-
|
|
217
182
|
/**
|
|
218
|
-
*
|
|
219
|
-
* `
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
value: T;
|
|
223
|
-
index?: number;
|
|
224
|
-
}
|
|
225
|
-
|
|
226
|
-
declare type SelectAllState = 'all' | 'none' | 'partial';
|
|
227
|
-
|
|
228
|
-
/**
|
|
229
|
-
* Represents the change in the selection set.
|
|
183
|
+
* Column that adds row selecting checkboxes and a select-all checkbox if `cdkSelectionMultiple` is
|
|
184
|
+
* `true`.
|
|
185
|
+
*
|
|
186
|
+
* Must be used within a parent `CdkSelection` directive.
|
|
230
187
|
*/
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
188
|
+
declare class CdkSelectionColumn<T> implements OnInit, OnDestroy {
|
|
189
|
+
private _table;
|
|
190
|
+
readonly selection: CdkSelection<T> | null;
|
|
191
|
+
/** Column name that should be used to reference this column. */
|
|
192
|
+
get name(): string;
|
|
193
|
+
set name(name: string);
|
|
194
|
+
private _name;
|
|
195
|
+
private readonly _columnDef;
|
|
196
|
+
private readonly _cell;
|
|
197
|
+
private readonly _headerCell;
|
|
198
|
+
ngOnInit(): void;
|
|
199
|
+
ngOnDestroy(): void;
|
|
200
|
+
private _syncColumnDefName;
|
|
201
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CdkSelectionColumn<any>, never>;
|
|
202
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CdkSelectionColumn<any>, "cdk-selection-column", never, { "name": { "alias": "cdkSelectionColumnName"; "required": false; }; }, {}, never, never, true, never>;
|
|
234
203
|
}
|
|
235
204
|
|
|
236
205
|
/**
|
|
237
|
-
*
|
|
238
|
-
*
|
|
239
|
-
*
|
|
240
|
-
*
|
|
241
|
-
*
|
|
206
|
+
* Applies `cdk-selected` class and `aria-selected` to an element.
|
|
207
|
+
*
|
|
208
|
+
* Must be used within a parent `CdkSelection` directive.
|
|
209
|
+
* Must be provided with the value. The index is required if `trackBy` is used on the `CdkSelection`
|
|
210
|
+
* directive.
|
|
242
211
|
*/
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
deselect(...selects: SelectableWithIndex<T>[]): void;
|
|
252
|
-
private _markSelected;
|
|
253
|
-
private _markDeselected;
|
|
254
|
-
private _getTrackedByValue;
|
|
255
|
-
private _getCurrentSelection;
|
|
212
|
+
declare class CdkRowSelection<T> {
|
|
213
|
+
readonly _selection: CdkSelection<T>;
|
|
214
|
+
value: T;
|
|
215
|
+
get index(): number | undefined;
|
|
216
|
+
set index(index: NumberInput);
|
|
217
|
+
protected _index?: number;
|
|
218
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CdkRowSelection<any>, never>;
|
|
219
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<CdkRowSelection<any>, "[cdkRowSelection]", never, { "value": { "alias": "cdkRowSelectionValue"; "required": false; }; "index": { "alias": "cdkRowSelectionIndex"; "required": false; }; }, {}, never, never, true, never>;
|
|
256
220
|
}
|
|
257
221
|
|
|
258
|
-
declare
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
* selection.
|
|
263
|
-
*/
|
|
264
|
-
declare interface TrackBySelection<T> {
|
|
265
|
-
isSelected(value: SelectableWithIndex<T>): boolean;
|
|
266
|
-
select(...values: SelectableWithIndex<T>[]): void;
|
|
267
|
-
deselect(...values: SelectableWithIndex<T>[]): void;
|
|
268
|
-
changed: Subject<SelectionChange<T>>;
|
|
222
|
+
declare class CdkSelectionModule {
|
|
223
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CdkSelectionModule, never>;
|
|
224
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<CdkSelectionModule, never, [typeof i1.CdkTableModule, typeof CdkSelection, typeof CdkSelectionToggle, typeof CdkSelectAll, typeof CdkSelectionColumn, typeof CdkRowSelection], [typeof CdkSelection, typeof CdkSelectionToggle, typeof CdkSelectAll, typeof CdkSelectionColumn, typeof CdkRowSelection]>;
|
|
225
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<CdkSelectionModule>;
|
|
269
226
|
}
|
|
270
227
|
|
|
271
|
-
export { }
|
|
228
|
+
export { CdkRowSelection, CdkSelectAll, CdkSelection, CdkSelectionColumn, CdkSelectionModule, CdkSelectionToggle, SelectionSet };
|
|
229
|
+
export type { SelectableWithIndex, SelectionChange };
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { OnDestroy } from '@angular/core';
|
|
3
|
-
import {
|
|
4
|
-
import { StickyPositioningListener } from '@angular/cdk/table';
|
|
5
|
-
import { StickyUpdate } from '@angular/cdk/table';
|
|
2
|
+
import { OnDestroy, OnInit } from '@angular/core';
|
|
3
|
+
import { StickyPositioningListener, StickyUpdate } from '@angular/cdk/table';
|
|
6
4
|
|
|
7
5
|
/**
|
|
8
6
|
* Applies styles to the host element that make its scrollbars match up with
|
|
@@ -15,7 +13,7 @@ import { StickyUpdate } from '@angular/cdk/table';
|
|
|
15
13
|
* scrollbars. The easiest way to force them into custom mode is to specify width
|
|
16
14
|
* and height for the scrollbar and thumb.
|
|
17
15
|
*/
|
|
18
|
-
|
|
16
|
+
declare class CdkTableScrollContainer implements StickyPositioningListener, OnDestroy, OnInit {
|
|
19
17
|
private readonly _elementRef;
|
|
20
18
|
private readonly _document;
|
|
21
19
|
private readonly _directionality;
|
|
@@ -47,16 +45,10 @@ export declare class CdkTableScrollContainer implements StickyPositioningListene
|
|
|
47
45
|
static ɵdir: i0.ɵɵDirectiveDeclaration<CdkTableScrollContainer, "[cdkTableScrollContainer]", never, {}, {}, never, never, true, never>;
|
|
48
46
|
}
|
|
49
47
|
|
|
50
|
-
|
|
48
|
+
declare class CdkTableScrollContainerModule {
|
|
51
49
|
static ɵfac: i0.ɵɵFactoryDeclaration<CdkTableScrollContainerModule, never>;
|
|
52
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<CdkTableScrollContainerModule, never, [typeof
|
|
50
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<CdkTableScrollContainerModule, never, [typeof CdkTableScrollContainer], [typeof CdkTableScrollContainer]>;
|
|
53
51
|
static ɵinj: i0.ɵɵInjectorDeclaration<CdkTableScrollContainerModule>;
|
|
54
52
|
}
|
|
55
53
|
|
|
56
|
-
|
|
57
|
-
export {
|
|
58
|
-
CdkTableScrollContainer
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
export { }
|
|
54
|
+
export { CdkTableScrollContainer, CdkTableScrollContainerModule };
|
package/tabs/index.d.ts
ADDED
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
import * as _angular_cdk_bidi from '@angular/cdk/bidi';
|
|
2
|
+
import * as i0 from '@angular/core';
|
|
3
|
+
import { a as TabPattern, d as TabPanelPattern, e as TabListPattern } from '../tabs.d-BAo141mw.js';
|
|
4
|
+
import * as i1 from '@angular/cdk-experimental/deferred-content';
|
|
5
|
+
import '../list-navigation.d-DfOSxsSp.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 };
|