@angular/cdk-experimental 21.0.0-next.6 → 21.0.0-next.9

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 (74) hide show
  1. package/fesm2022/_polyfill-chunk.mjs.map +1 -1
  2. package/fesm2022/cdk-experimental.mjs +1 -1
  3. package/fesm2022/cdk-experimental.mjs.map +1 -1
  4. package/fesm2022/column-resize.mjs.map +1 -1
  5. package/fesm2022/popover-edit.mjs.map +1 -1
  6. package/fesm2022/scrolling.mjs.map +1 -1
  7. package/fesm2022/selection.mjs.map +1 -1
  8. package/fesm2022/table-scroll-container.mjs.map +1 -1
  9. package/package.json +3 -38
  10. package/types/column-resize.d.ts +37 -37
  11. package/types/popover-edit.d.ts +30 -30
  12. package/types/scrolling.d.ts +6 -6
  13. package/types/selection.d.ts +14 -14
  14. package/types/table-scroll-container.d.ts +6 -6
  15. package/fesm2022/_accordion-chunk.mjs +0 -153
  16. package/fesm2022/_accordion-chunk.mjs.map +0 -1
  17. package/fesm2022/_combobox-chunk.mjs +0 -278
  18. package/fesm2022/_combobox-chunk.mjs.map +0 -1
  19. package/fesm2022/_combobox-listbox-chunk.mjs +0 -278
  20. package/fesm2022/_combobox-listbox-chunk.mjs.map +0 -1
  21. package/fesm2022/_combobox-tree-chunk.mjs +0 -398
  22. package/fesm2022/_combobox-tree-chunk.mjs.map +0 -1
  23. package/fesm2022/_expansion-chunk.mjs +0 -87
  24. package/fesm2022/_expansion-chunk.mjs.map +0 -1
  25. package/fesm2022/_list-chunk.mjs +0 -374
  26. package/fesm2022/_list-chunk.mjs.map +0 -1
  27. package/fesm2022/_list-navigation-chunk.mjs +0 -131
  28. package/fesm2022/_list-navigation-chunk.mjs.map +0 -1
  29. package/fesm2022/_pointer-event-manager-chunk.mjs +0 -145
  30. package/fesm2022/_pointer-event-manager-chunk.mjs.map +0 -1
  31. package/fesm2022/_tabs-chunk.mjs +0 -211
  32. package/fesm2022/_tabs-chunk.mjs.map +0 -1
  33. package/fesm2022/_toolbar-chunk.mjs +0 -273
  34. package/fesm2022/_toolbar-chunk.mjs.map +0 -1
  35. package/fesm2022/_toolbar-radio-group-chunk.mjs +0 -222
  36. package/fesm2022/_toolbar-radio-group-chunk.mjs.map +0 -1
  37. package/fesm2022/accordion.mjs +0 -195
  38. package/fesm2022/accordion.mjs.map +0 -1
  39. package/fesm2022/combobox.mjs +0 -131
  40. package/fesm2022/combobox.mjs.map +0 -1
  41. package/fesm2022/deferred-content.mjs +0 -59
  42. package/fesm2022/deferred-content.mjs.map +0 -1
  43. package/fesm2022/listbox.mjs +0 -204
  44. package/fesm2022/listbox.mjs.map +0 -1
  45. package/fesm2022/radio-group.mjs +0 -200
  46. package/fesm2022/radio-group.mjs.map +0 -1
  47. package/fesm2022/tabs.mjs +0 -303
  48. package/fesm2022/tabs.mjs.map +0 -1
  49. package/fesm2022/toolbar.mjs +0 -221
  50. package/fesm2022/toolbar.mjs.map +0 -1
  51. package/fesm2022/tree.mjs +0 -333
  52. package/fesm2022/tree.mjs.map +0 -1
  53. package/fesm2022/ui-patterns.mjs +0 -24
  54. package/fesm2022/ui-patterns.mjs.map +0 -1
  55. package/types/_accordion-chunk.d.ts +0 -90
  56. package/types/_combobox-chunk.d.ts +0 -138
  57. package/types/_expansion-chunk.d.ts +0 -71
  58. package/types/_list-chunk.d.ts +0 -209
  59. package/types/_list-navigation-chunk.d.ts +0 -101
  60. package/types/_listbox-chunk.d.ts +0 -105
  61. package/types/_pointer-event-manager-chunk.d.ts +0 -98
  62. package/types/_radio-group-chunk.d.ts +0 -92
  63. package/types/_tabs-chunk.d.ts +0 -138
  64. package/types/_toolbar-chunk.d.ts +0 -150
  65. package/types/_tree-chunk.d.ts +0 -139
  66. package/types/accordion.d.ts +0 -95
  67. package/types/combobox.d.ts +0 -54
  68. package/types/deferred-content.d.ts +0 -37
  69. package/types/listbox.d.ts +0 -99
  70. package/types/radio-group.d.ts +0 -85
  71. package/types/tabs.d.ts +0 -160
  72. package/types/toolbar.d.ts +0 -115
  73. package/types/tree.d.ts +0 -155
  74. package/types/ui-patterns.d.ts +0 -157
@@ -1,95 +0,0 @@
1
- import * as _angular_cdk_bidi from '@angular/cdk/bidi';
2
- import * as _angular_core from '@angular/core';
3
- import { WritableSignal } from '@angular/core';
4
- import { AccordionTriggerPattern, AccordionPanelPattern, AccordionGroupPattern } from './_accordion-chunk.js';
5
- import * as i1 from '@angular/cdk-experimental/deferred-content';
6
- import './_pointer-event-manager-chunk.js';
7
- import './_list-navigation-chunk.js';
8
- import './_expansion-chunk.js';
9
-
10
- /**
11
- * Represents the content panel of an accordion item. It is controlled by an
12
- * associated `CdkAccordionTrigger`.
13
- */
14
- declare class CdkAccordionPanel {
15
- /** The DeferredContentAware host directive. */
16
- private readonly _deferredContentAware;
17
- /** A global unique identifier for the panel. */
18
- private readonly _id;
19
- /** A local unique identifier for the panel, used to match with its trigger's value. */
20
- value: _angular_core.InputSignal<string>;
21
- /** The parent accordion trigger pattern that controls this panel. This is set by CdkAccordionGroup. */
22
- readonly accordionTrigger: WritableSignal<AccordionTriggerPattern | undefined>;
23
- /** The UI pattern instance for this panel. */
24
- readonly pattern: AccordionPanelPattern;
25
- constructor();
26
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<CdkAccordionPanel, never>;
27
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CdkAccordionPanel, "[cdkAccordionPanel]", ["cdkAccordionPanel"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.DeferredContentAware; inputs: { "preserveContent": "preserveContent"; }; outputs: {}; }]>;
28
- }
29
- /**
30
- * Represents the trigger button for an accordion item. It controls the expansion
31
- * state of an associated `CdkAccordionPanel`.
32
- */
33
- declare class CdkAccordionTrigger {
34
- /** A global unique identifier for the trigger. */
35
- private readonly _id;
36
- /** A reference to the trigger element. */
37
- private readonly _elementRef;
38
- /** The parent CdkAccordionGroup. */
39
- private readonly _accordionGroup;
40
- /** A local unique identifier for the trigger, used to match with its panel's value. */
41
- value: _angular_core.InputSignal<string>;
42
- /** Whether the trigger is disabled. */
43
- disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
44
- /**
45
- * Whether this trigger is completely inaccessible.
46
- *
47
- * TODO(ok7sai): Consider move this to UI patterns.
48
- */
49
- readonly hardDisabled: _angular_core.Signal<boolean>;
50
- /** The accordion panel pattern controlled by this trigger. This is set by CdkAccordionGroup. */
51
- readonly accordionPanel: WritableSignal<AccordionPanelPattern | undefined>;
52
- /** The UI pattern instance for this trigger. */
53
- readonly pattern: AccordionTriggerPattern;
54
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<CdkAccordionTrigger, never>;
55
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CdkAccordionTrigger, "[cdkAccordionTrigger]", ["cdkAccordionTrigger"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
56
- }
57
- /**
58
- * Container for a group of accordion items. It manages the overall state and
59
- * interactions of the accordion, such as keyboard navigation and expansion mode.
60
- */
61
- declare class CdkAccordionGroup {
62
- /** A reference to the group element. */
63
- private readonly _elementRef;
64
- /** The CdkAccordionTriggers nested inside this group. */
65
- protected readonly _triggers: _angular_core.Signal<readonly CdkAccordionTrigger[]>;
66
- /** The CdkAccordionPanels nested inside this group. */
67
- protected readonly _panels: _angular_core.Signal<readonly CdkAccordionPanel[]>;
68
- /** The text direction (ltr or rtl). */
69
- readonly textDirection: WritableSignal<_angular_cdk_bidi.Direction>;
70
- /** Whether the entire accordion group is disabled. */
71
- disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
72
- /** Whether multiple accordion items can be expanded simultaneously. */
73
- multiExpandable: _angular_core.InputSignalWithTransform<boolean, unknown>;
74
- /** The values of the current selected/expanded accordions. */
75
- value: _angular_core.ModelSignal<string[]>;
76
- /** Whether disabled items should be skipped during keyboard navigation. */
77
- skipDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
78
- /** Whether keyboard navigation should wrap around from the last item to the first, and vice-versa. */
79
- wrap: _angular_core.InputSignalWithTransform<boolean, unknown>;
80
- /** The UI pattern instance for this accordion group. */
81
- readonly pattern: AccordionGroupPattern;
82
- constructor();
83
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<CdkAccordionGroup, never>;
84
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CdkAccordionGroup, "[cdkAccordionGroup]", ["cdkAccordionGroup"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "multiExpandable": { "alias": "multiExpandable"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "skipDisabled": { "alias": "skipDisabled"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["_triggers", "_panels"], never, true, never>;
85
- }
86
- /**
87
- * A structural directive that marks the `ng-template` to be used as the content
88
- * for a `CdkAccordionPanel`. This content can be lazily loaded.
89
- */
90
- declare class CdkAccordionContent {
91
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<CdkAccordionContent, never>;
92
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CdkAccordionContent, "ng-template[cdkAccordionContent]", never, {}, {}, never, never, true, [{ directive: typeof i1.DeferredContent; inputs: {}; outputs: {}; }]>;
93
- }
94
-
95
- export { CdkAccordionContent, CdkAccordionGroup, CdkAccordionPanel, CdkAccordionTrigger };
@@ -1,54 +0,0 @@
1
- import * as _angular_core from '@angular/core';
2
- import { WritableSignal } from '@angular/core';
3
- import { ComboboxPattern, ComboboxListboxControls, ComboboxTreeControls } from './_combobox-chunk.js';
4
- import * as i1 from '@angular/cdk-experimental/deferred-content';
5
- import './_pointer-event-manager-chunk.js';
6
- import './_list-navigation-chunk.js';
7
- import './_list-chunk.js';
8
-
9
- declare class CdkCombobox<V> {
10
- /** The element that the combobox is attached to. */
11
- private readonly _elementRef;
12
- /** The DeferredContentAware host directive. */
13
- private readonly _deferredContentAware;
14
- /** The combobox popup. */
15
- readonly popup: _angular_core.Signal<CdkComboboxPopup<V> | undefined>;
16
- /** The filter mode for the combobox. */
17
- filterMode: _angular_core.InputSignal<"manual" | "auto-select" | "highlight">;
18
- /** Whether the combobox is focused. */
19
- readonly isFocused: WritableSignal<boolean>;
20
- /** The value of the first matching item in the popup. */
21
- firstMatch: _angular_core.InputSignal<V | undefined>;
22
- /** Whether the listbox has received focus yet. */
23
- private _hasBeenFocused;
24
- /** The combobox ui pattern. */
25
- readonly pattern: ComboboxPattern<any, V>;
26
- constructor();
27
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<CdkCombobox<any>, never>;
28
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CdkCombobox<any>, "[cdkCombobox]", ["cdkCombobox"], { "filterMode": { "alias": "filterMode"; "required": false; "isSignal": true; }; "firstMatch": { "alias": "firstMatch"; "required": false; "isSignal": true; }; }, {}, ["popup"], never, true, [{ directive: typeof i1.DeferredContentAware; inputs: { "preserveContent": "preserveContent"; }; outputs: {}; }]>;
29
- }
30
- declare class CdkComboboxInput {
31
- /** The element that the combobox is attached to. */
32
- private readonly _elementRef;
33
- /** The combobox that the input belongs to. */
34
- readonly combobox: CdkCombobox<any>;
35
- /** The value of the input. */
36
- value: _angular_core.ModelSignal<string>;
37
- constructor();
38
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<CdkComboboxInput, never>;
39
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CdkComboboxInput, "input[cdkComboboxInput]", ["cdkComboboxInput"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
40
- }
41
- declare class CdkComboboxPopupContainer {
42
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<CdkComboboxPopupContainer, never>;
43
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CdkComboboxPopupContainer, "ng-template[cdkComboboxPopupContainer]", ["cdkComboboxPopupContainer"], {}, {}, never, never, true, [{ directive: typeof i1.DeferredContent; inputs: {}; outputs: {}; }]>;
44
- }
45
- declare class CdkComboboxPopup<V> {
46
- /** The combobox that the popup belongs to. */
47
- readonly combobox: CdkCombobox<V> | null;
48
- /** The controls the popup exposes to the combobox. */
49
- readonly controls: WritableSignal<ComboboxListboxControls<any, V> | ComboboxTreeControls<any, V> | undefined>;
50
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<CdkComboboxPopup<any>, never>;
51
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CdkComboboxPopup<any>, "[cdkComboboxPopup]", ["cdkComboboxPopup"], {}, {}, never, never, true, never>;
52
- }
53
-
54
- export { CdkCombobox, CdkComboboxInput, CdkComboboxPopup, CdkComboboxPopupContainer };
@@ -1,37 +0,0 @@
1
- import * as _angular_core from '@angular/core';
2
-
3
- /**
4
- * A container directive controls the visibility of its content.
5
- */
6
- declare class DeferredContentAware {
7
- readonly contentVisible: _angular_core.WritableSignal<boolean>;
8
- readonly preserveContent: _angular_core.ModelSignal<boolean>;
9
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<DeferredContentAware, never>;
10
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DeferredContentAware, never, never, { "preserveContent": { "alias": "preserveContent"; "required": false; "isSignal": true; }; }, { "preserveContent": "preserveContentChange"; }, never, never, true, never>;
11
- }
12
- /**
13
- * DeferredContent loads/unloads the content based on the visibility.
14
- * The visibilty signal is sent from a parent directive implements
15
- * DeferredContentAware.
16
- *
17
- * Use this directive as a host directive. For example:
18
- *
19
- * ```ts
20
- * @Directive({
21
- * selector: 'ng-template[cdkAccordionContent]',
22
- * hostDirectives: [DeferredContent],
23
- * })
24
- * class CdkAccordionContent {}
25
- * ```
26
- */
27
- declare class DeferredContent {
28
- private readonly _deferredContentAware;
29
- private readonly _templateRef;
30
- private readonly _viewContainerRef;
31
- private _isRendered;
32
- constructor();
33
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<DeferredContent, never>;
34
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DeferredContent, never, never, {}, {}, never, never, true, never>;
35
- }
36
-
37
- export { DeferredContent, DeferredContentAware };
@@ -1,99 +0,0 @@
1
- import * as _angular_cdk_bidi from '@angular/cdk/bidi';
2
- import * as _angular_core from '@angular/core';
3
- import { OptionPattern, ListboxPattern } from './_listbox-chunk.js';
4
- import { CdkComboboxPopup } from './combobox.js';
5
- import './_list-navigation-chunk.js';
6
- import './_list-chunk.js';
7
- import './_pointer-event-manager-chunk.js';
8
- import './_combobox-chunk.js';
9
- import '@angular/cdk-experimental/deferred-content';
10
-
11
- /**
12
- * A listbox container.
13
- *
14
- * Listboxes are used to display a list of items for a user to select from. The CdkListbox is meant
15
- * to be used in conjunction with CdkOption as follows:
16
- *
17
- * ```html
18
- * <ul cdkListbox>
19
- * <li [value]="1" cdkOption>Item 1</li>
20
- * <li [value]="2" cdkOption>Item 2</li>
21
- * <li [value]="3" cdkOption>Item 3</li>
22
- * </ul>
23
- * ```
24
- */
25
- declare class CdkListbox<V> {
26
- /** A unique identifier for the listbox. */
27
- private readonly _generatedId;
28
- /** A unique identifier for the listbox. */
29
- protected id: _angular_core.Signal<string>;
30
- /** A reference to the parent combobox popup, if one exists. */
31
- private readonly _popup;
32
- /** A reference to the listbox element. */
33
- private readonly _elementRef;
34
- /** The directionality (LTR / RTL) context for the application (or a subtree of it). */
35
- private readonly _directionality;
36
- /** The CdkOptions nested inside of the CdkListbox. */
37
- private readonly _cdkOptions;
38
- /** A signal wrapper for directionality. */
39
- protected textDirection: _angular_core.Signal<_angular_cdk_bidi.Direction>;
40
- /** The Option UIPatterns of the child CdkOptions. */
41
- protected items: _angular_core.Signal<OptionPattern<any>[]>;
42
- /** Whether the list is vertically or horizontally oriented. */
43
- orientation: _angular_core.InputSignal<"vertical" | "horizontal">;
44
- /** Whether multiple items in the list can be selected at once. */
45
- multi: _angular_core.InputSignalWithTransform<boolean, unknown>;
46
- /** Whether focus should wrap when navigating. */
47
- wrap: _angular_core.InputSignalWithTransform<boolean, unknown>;
48
- /** Whether disabled items in the list should be skipped when navigating. */
49
- skipDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
50
- /** The focus strategy used by the list. */
51
- focusMode: _angular_core.InputSignal<"roving" | "activedescendant">;
52
- /** The selection strategy used by the list. */
53
- selectionMode: _angular_core.InputSignal<"follow" | "explicit">;
54
- /** The amount of time before the typeahead search is reset. */
55
- typeaheadDelay: _angular_core.InputSignal<number>;
56
- /** Whether the listbox is disabled. */
57
- disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
58
- /** Whether the listbox is readonly. */
59
- readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
60
- /** The values of the current selected items. */
61
- value: _angular_core.ModelSignal<V[]>;
62
- /** The Listbox UIPattern. */
63
- pattern: ListboxPattern<V>;
64
- /** Whether the listbox has received focus yet. */
65
- private _hasFocused;
66
- constructor();
67
- onFocus(): void;
68
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<CdkListbox<any>, never>;
69
- static ɵdir: _angular_core.ɵɵ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; }; }, { "value": "valueChange"; }, ["_cdkOptions"], never, true, [{ directive: typeof CdkComboboxPopup; inputs: {}; outputs: {}; }]>;
70
- }
71
- /** A selectable option in a CdkListbox. */
72
- declare class CdkOption<V> {
73
- /** A reference to the option element. */
74
- private readonly _elementRef;
75
- /** The parent CdkListbox. */
76
- private readonly _cdkListbox;
77
- /** A unique identifier for the option. */
78
- private readonly _generatedId;
79
- /** A unique identifier for the option. */
80
- protected id: _angular_core.Signal<string>;
81
- /** The text used by the typeahead search. */
82
- protected searchTerm: _angular_core.Signal<any>;
83
- /** The parent Listbox UIPattern. */
84
- protected listbox: _angular_core.Signal<ListboxPattern<any>>;
85
- /** A reference to the option element to be focused on navigation. */
86
- protected element: _angular_core.Signal<any>;
87
- /** The value of the option. */
88
- value: _angular_core.InputSignal<V>;
89
- /** Whether an item is disabled. */
90
- disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
91
- /** The text used by the typeahead search. */
92
- label: _angular_core.InputSignal<string | undefined>;
93
- /** The Option UIPattern. */
94
- pattern: OptionPattern<V>;
95
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<CdkOption<any>, never>;
96
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CdkOption<any>, "[cdkOption]", ["cdkOption"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
97
- }
98
-
99
- export { CdkListbox, CdkOption };
@@ -1,85 +0,0 @@
1
- import * as _angular_core from '@angular/core';
2
- import { WritableSignal } from '@angular/core';
3
- import * as _angular_cdk_bidi from '@angular/cdk/bidi';
4
- import { RadioButtonPattern, RadioGroupPattern } from './_radio-group-chunk.js';
5
- import * as i1 from '@angular/cdk-experimental/toolbar';
6
- import './_pointer-event-manager-chunk.js';
7
- import './_list-navigation-chunk.js';
8
- import './_list-chunk.js';
9
-
10
- /**
11
- * A radio button group container.
12
- *
13
- * Radio groups are used to group multiple radio buttons or radio group labels so they function as
14
- * a single form control. The CdkRadioGroup is meant to be used in conjunction with CdkRadioButton
15
- * as follows:
16
- *
17
- * ```html
18
- * <div cdkRadioGroup>
19
- * <label cdkRadioButton value="1">Option 1</label>
20
- * <label cdkRadioButton value="2">Option 2</label>
21
- * <label cdkRadioButton value="3">Option 3</label>
22
- * </div>
23
- * ```
24
- */
25
- declare class CdkRadioGroup<V> {
26
- /** A reference to the radio group element. */
27
- private readonly _elementRef;
28
- /** A reference to the CdkToolbarWidgetGroup, if the radio group is in a toolbar. */
29
- private readonly _cdkToolbarWidgetGroup;
30
- /** Whether the radio group is inside of a CdkToolbar. */
31
- private readonly _hasToolbar;
32
- /** The CdkRadioButtons nested inside of the CdkRadioGroup. */
33
- private readonly _cdkRadioButtons;
34
- /** A signal wrapper for directionality. */
35
- protected textDirection: WritableSignal<_angular_cdk_bidi.Direction>;
36
- /** The RadioButton UIPatterns of the child CdkRadioButtons. */
37
- protected items: _angular_core.Signal<RadioButtonPattern<any>[]>;
38
- /** Whether the radio group is vertically or horizontally oriented. */
39
- readonly orientation: _angular_core.InputSignal<"vertical" | "horizontal">;
40
- /** Whether disabled items in the group should be skipped when navigating. */
41
- readonly skipDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
42
- /** The focus strategy used by the radio group. */
43
- readonly focusMode: _angular_core.InputSignal<"roving" | "activedescendant">;
44
- /** Whether the radio group is disabled. */
45
- readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
46
- /** Whether the radio group is readonly. */
47
- readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
48
- /** The value of the currently selected radio button. */
49
- readonly value: _angular_core.ModelSignal<V | null>;
50
- /** The internal selection state for the radio group. */
51
- private readonly _value;
52
- /** The RadioGroup UIPattern. */
53
- readonly pattern: RadioGroupPattern<V>;
54
- /** Whether the radio group has received focus yet. */
55
- private _hasFocused;
56
- constructor();
57
- onFocus(): void;
58
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<CdkRadioGroup<any>, never>;
59
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CdkRadioGroup<any>, "[cdkRadioGroup]", ["cdkRadioGroup"], { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "skipDisabled": { "alias": "skipDisabled"; "required": false; "isSignal": true; }; "focusMode": { "alias": "focusMode"; "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; }; }, { "value": "valueChange"; }, ["_cdkRadioButtons"], never, true, [{ directive: typeof i1.CdkToolbarWidgetGroup; inputs: { "disabled": "disabled"; }; outputs: {}; }]>;
60
- }
61
- /** A selectable radio button in a CdkRadioGroup. */
62
- declare class CdkRadioButton<V> {
63
- /** A reference to the radio button element. */
64
- private readonly _elementRef;
65
- /** The parent CdkRadioGroup. */
66
- private readonly _cdkRadioGroup;
67
- /** A unique identifier for the radio button. */
68
- private readonly _generatedId;
69
- /** A unique identifier for the radio button. */
70
- readonly id: _angular_core.Signal<string>;
71
- /** The value associated with the radio button. */
72
- readonly value: _angular_core.InputSignal<V>;
73
- /** The parent RadioGroup UIPattern. */
74
- readonly group: _angular_core.Signal<RadioGroupPattern<any>>;
75
- /** A reference to the radio button element to be focused on navigation. */
76
- element: _angular_core.Signal<any>;
77
- /** Whether the radio button is disabled. */
78
- disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
79
- /** The RadioButton UIPattern. */
80
- pattern: RadioButtonPattern<V>;
81
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<CdkRadioButton<any>, never>;
82
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CdkRadioButton<any>, "[cdkRadioButton]", ["cdkRadioButton"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
83
- }
84
-
85
- export { CdkRadioButton, CdkRadioGroup };
package/types/tabs.d.ts DELETED
@@ -1,160 +0,0 @@
1
- import * as _angular_core from '@angular/core';
2
- import { Signal, OnInit, OnDestroy } from '@angular/core';
3
- import * as _angular_cdk_bidi from '@angular/cdk/bidi';
4
- import { TabPattern, TabPanelPattern, TabListPattern } from './_tabs-chunk.js';
5
- import * as i1 from '@angular/cdk-experimental/deferred-content';
6
- import './_pointer-event-manager-chunk.js';
7
- import './_list-navigation-chunk.js';
8
- import './_expansion-chunk.js';
9
- import './_list-chunk.js';
10
-
11
- interface HasElement {
12
- element: Signal<HTMLElement>;
13
- }
14
- /**
15
- * A Tabs container.
16
- *
17
- * Represents a set of layered sections of content. The CdkTabs is a container meant to be used with
18
- * CdkTabList, CdkTab, and CdkTabPanel as follows:
19
- *
20
- * ```html
21
- * <div cdkTabs>
22
- * <ul cdkTabList>
23
- * <li cdkTab value="tab1">Tab 1</li>
24
- * <li cdkTab value="tab2">Tab 2</li>
25
- * <li cdkTab value="tab3">Tab 3</li>
26
- * </ul>
27
- *
28
- * <div cdkTabPanel value="tab1">
29
- * <ng-template cdkTabContent>Tab content 1</ng-template>
30
- * </div>
31
- * <div cdkTabPanel value="tab2">
32
- * <ng-template cdkTabContent>Tab content 2</ng-template>
33
- * </div>
34
- * <div cdkTabPanel value="tab3">
35
- * <ng-template cdkTabContent>Tab content 3</ng-template>
36
- * </div>
37
- * ```
38
- */
39
- declare class CdkTabs {
40
- /** The CdkTabList nested inside of the container. */
41
- private readonly _tablist;
42
- /** The CdkTabPanels nested inside of the container. */
43
- private readonly _unorderedPanels;
44
- /** The Tab UIPattern of the child Tabs. */
45
- tabs: Signal<TabPattern[] | undefined>;
46
- /** The TabPanel UIPattern of the child TabPanels. */
47
- unorderedTabpanels: Signal<TabPanelPattern[]>;
48
- register(child: CdkTabList | CdkTabPanel): void;
49
- deregister(child: CdkTabList | CdkTabPanel): void;
50
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<CdkTabs, never>;
51
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CdkTabs, "[cdkTabs]", ["cdkTabs"], {}, {}, never, never, true, never>;
52
- }
53
- /**
54
- * A TabList container.
55
- *
56
- * Controls a list of CdkTab(s).
57
- */
58
- declare class CdkTabList implements OnInit, OnDestroy {
59
- /** A reference to the tab list element. */
60
- private readonly _elementRef;
61
- /** The parent CdkTabs. */
62
- private readonly _cdkTabs;
63
- /** The CdkTabs nested inside of the CdkTabList. */
64
- private readonly _unorderedTabs;
65
- /** The internal tab selection state. */
66
- private readonly _selection;
67
- /** Text direction. */
68
- readonly textDirection: _angular_core.WritableSignal<_angular_cdk_bidi.Direction>;
69
- /** The Tab UIPatterns of the child Tabs. */
70
- readonly tabs: Signal<TabPattern[]>;
71
- /** Whether the tablist is vertically or horizontally oriented. */
72
- readonly orientation: _angular_core.InputSignal<"vertical" | "horizontal">;
73
- /** Whether focus should wrap when navigating. */
74
- readonly wrap: _angular_core.InputSignalWithTransform<boolean, unknown>;
75
- /** Whether disabled items in the list should be skipped when navigating. */
76
- readonly skipDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
77
- /** The focus strategy used by the tablist. */
78
- readonly focusMode: _angular_core.InputSignal<"roving" | "activedescendant">;
79
- /** The selection strategy used by the tablist. */
80
- readonly selectionMode: _angular_core.InputSignal<"follow" | "explicit">;
81
- /** Whether the tablist is disabled. */
82
- readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
83
- /** The current selected tab. */
84
- readonly tab: _angular_core.ModelSignal<string | undefined>;
85
- /** The TabList UIPattern. */
86
- readonly pattern: TabListPattern;
87
- /** Whether the tree has received focus yet. */
88
- private _hasFocused;
89
- constructor();
90
- onFocus(): void;
91
- ngOnInit(): void;
92
- ngOnDestroy(): void;
93
- register(child: CdkTab): void;
94
- deregister(child: CdkTab): void;
95
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<CdkTabList, never>;
96
- static ɵdir: _angular_core.ɵɵ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; }; "tab": { "alias": "tab"; "required": false; "isSignal": true; }; }, { "tab": "tabChange"; }, never, never, true, never>;
97
- }
98
- /** A selectable tab in a TabList. */
99
- declare class CdkTab implements HasElement, OnInit, OnDestroy {
100
- /** A reference to the tab element. */
101
- private readonly _elementRef;
102
- /** The parent CdkTabs. */
103
- private readonly _cdkTabs;
104
- /** The parent CdkTabList. */
105
- private readonly _cdkTabList;
106
- /** A global unique identifier for the tab. */
107
- private readonly _id;
108
- /** The host native element. */
109
- readonly element: Signal<any>;
110
- /** The parent TabList UIPattern. */
111
- readonly tablist: Signal<TabListPattern>;
112
- /** The TabPanel UIPattern associated with the tab */
113
- readonly tabpanel: Signal<TabPanelPattern | undefined>;
114
- /** Whether a tab is disabled. */
115
- readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
116
- /** A local unique identifier for the tab. */
117
- readonly value: _angular_core.InputSignal<string>;
118
- /** The Tab UIPattern. */
119
- readonly pattern: TabPattern;
120
- ngOnInit(): void;
121
- ngOnDestroy(): void;
122
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<CdkTab, never>;
123
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CdkTab, "[cdkTab]", ["cdkTab"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
124
- }
125
- /**
126
- * A TabPanel container for the resources of layered content associated with a tab.
127
- *
128
- * If a tabpanel is hidden due to its corresponding tab is not activated, the `inert` attribute
129
- * will be applied to the tabpanel element to remove it from the accessibility tree and stop
130
- * all the keyboard and pointer interactions. Note that this does not visually hide the tabpenl
131
- * and a proper styling is required.
132
- */
133
- declare class CdkTabPanel implements OnInit, OnDestroy {
134
- /** The DeferredContentAware host directive. */
135
- private readonly _deferredContentAware;
136
- /** The parent CdkTabs. */
137
- private readonly _cdkTabs;
138
- /** A global unique identifier for the tab. */
139
- private readonly _id;
140
- /** The Tab UIPattern associated with the tabpanel */
141
- readonly tab: Signal<TabPattern | undefined>;
142
- /** A local unique identifier for the tabpanel. */
143
- readonly value: _angular_core.InputSignal<string>;
144
- /** The TabPanel UIPattern. */
145
- readonly pattern: TabPanelPattern;
146
- constructor();
147
- ngOnInit(): void;
148
- ngOnDestroy(): void;
149
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<CdkTabPanel, never>;
150
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CdkTabPanel, "[cdkTabPanel]", ["cdkTabPanel"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.DeferredContentAware; inputs: { "preserveContent": "preserveContent"; }; outputs: {}; }]>;
151
- }
152
- /**
153
- * A TabContent container for the lazy-loaded content.
154
- */
155
- declare class CdkTabContent {
156
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<CdkTabContent, never>;
157
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CdkTabContent, "ng-template[cdkTabContent]", ["cdTabContent"], {}, {}, never, never, true, [{ directive: typeof i1.DeferredContent; inputs: {}; outputs: {}; }]>;
158
- }
159
-
160
- export { CdkTab, CdkTabContent, CdkTabList, CdkTabPanel, CdkTabs };
@@ -1,115 +0,0 @@
1
- import * as _angular_core from '@angular/core';
2
- import { Signal, OnInit, OnDestroy } from '@angular/core';
3
- import * as _angular_cdk_bidi from '@angular/cdk/bidi';
4
- import { ToolbarWidgetPattern, ToolbarWidgetGroupPattern, ToolbarPattern, ToolbarWidgetGroupControls } from './_toolbar-chunk.js';
5
- import './_list-navigation-chunk.js';
6
- import './_list-chunk.js';
7
-
8
- /**
9
- * A toolbar widget container.
10
- *
11
- * Widgets such as radio groups or buttons are nested within a toolbar to allow for a single
12
- * place of reference for focus and navigation. The CdkToolbar is meant to be used in conjunction
13
- * with CdkToolbarWidget and CdkRadioGroup as follows:
14
- *
15
- * ```html
16
- * <div cdkToolbar>
17
- * <button cdkToolbarWidget>Button</button>
18
- * <div cdkRadioGroup>
19
- * <label cdkRadioButton value="1">Option 1</label>
20
- * <label cdkRadioButton value="2">Option 2</label>
21
- * <label cdkRadioButton value="3">Option 3</label>
22
- * </div>
23
- * </div>
24
- * ```
25
- */
26
- declare class CdkToolbar<V> {
27
- /** A reference to the toolbar element. */
28
- private readonly _elementRef;
29
- /** The CdkTabList nested inside of the container. */
30
- private readonly _cdkWidgets;
31
- /** A signal wrapper for directionality. */
32
- readonly textDirection: _angular_core.WritableSignal<_angular_cdk_bidi.Direction>;
33
- /** Sorted UIPatterns of the child widgets */
34
- readonly items: Signal<(ToolbarWidgetPattern<V> | ToolbarWidgetGroupPattern<V>)[]>;
35
- /** Whether the toolbar is vertically or horizontally oriented. */
36
- readonly orientation: _angular_core.InputSignal<"vertical" | "horizontal">;
37
- /** Whether disabled items in the group should be skipped when navigating. */
38
- readonly skipDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
39
- /** Whether the toolbar is disabled. */
40
- readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
41
- /** Whether focus should wrap when navigating. */
42
- readonly wrap: _angular_core.InputSignalWithTransform<boolean, unknown>;
43
- /** The toolbar UIPattern. */
44
- readonly pattern: ToolbarPattern<V>;
45
- /** Whether the toolbar has received focus yet. */
46
- private _hasFocused;
47
- constructor();
48
- onFocus(): void;
49
- register(widget: CdkToolbarWidget<V> | CdkToolbarWidgetGroup<V>): void;
50
- unregister(widget: CdkToolbarWidget<V> | CdkToolbarWidgetGroup<V>): void;
51
- /** Finds the toolbar item associated with a given element. */
52
- private _getItem;
53
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<CdkToolbar<any>, never>;
54
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CdkToolbar<any>, "[cdkToolbar]", ["cdkToolbar"], { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "skipDisabled": { "alias": "skipDisabled"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
55
- }
56
- /**
57
- * A widget within a toolbar.
58
- *
59
- * A widget is anything that is within a toolbar. It should be applied to any native HTML element
60
- * that has the purpose of acting as a widget navigatable within a toolbar.
61
- */
62
- declare class CdkToolbarWidget<V> implements OnInit, OnDestroy {
63
- /** A reference to the widget element. */
64
- private readonly _elementRef;
65
- /** The parent CdkToolbar. */
66
- private readonly _cdkToolbar;
67
- /** A unique identifier for the widget. */
68
- private readonly _generatedId;
69
- /** A unique identifier for the widget. */
70
- readonly id: Signal<string>;
71
- /** The parent Toolbar UIPattern. */
72
- readonly toolbar: Signal<ToolbarPattern<any>>;
73
- /** A reference to the widget element to be focused on navigation. */
74
- readonly element: Signal<any>;
75
- /** Whether the widget is disabled. */
76
- readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
77
- /** Whether the widget is 'hard' disabled, which is different from `aria-disabled`. A hard disabled widget cannot receive focus. */
78
- readonly hardDisabled: Signal<boolean>;
79
- /** The ToolbarWidget UIPattern. */
80
- readonly pattern: ToolbarWidgetPattern<V>;
81
- ngOnInit(): void;
82
- ngOnDestroy(): void;
83
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<CdkToolbarWidget<any>, never>;
84
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CdkToolbarWidget<any>, "[cdkToolbarWidget]", ["cdkToolbarWidget"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
85
- }
86
- /**
87
- * A directive that groups toolbar widgets, used for more complex widgets like radio groups that
88
- * have their own internal navigation.
89
- */
90
- declare class CdkToolbarWidgetGroup<V> implements OnInit, OnDestroy {
91
- /** A reference to the widget element. */
92
- private readonly _elementRef;
93
- /** The parent CdkToolbar. */
94
- private readonly _cdkToolbar;
95
- /** A unique identifier for the widget. */
96
- private readonly _generatedId;
97
- /** A unique identifier for the widget. */
98
- readonly id: Signal<string>;
99
- /** The parent Toolbar UIPattern. */
100
- readonly toolbar: Signal<ToolbarPattern<any> | undefined>;
101
- /** A reference to the widget element to be focused on navigation. */
102
- readonly element: Signal<any>;
103
- /** Whether the widget group is disabled. */
104
- readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
105
- /** The controls that can be performed on the widget group. */
106
- readonly controls: _angular_core.WritableSignal<ToolbarWidgetGroupControls | undefined>;
107
- /** The ToolbarWidgetGroup UIPattern. */
108
- readonly pattern: ToolbarWidgetGroupPattern<V>;
109
- ngOnInit(): void;
110
- ngOnDestroy(): void;
111
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<CdkToolbarWidgetGroup<any>, never>;
112
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CdkToolbarWidgetGroup<any>, never, never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
113
- }
114
-
115
- export { CdkToolbar, CdkToolbarWidget, CdkToolbarWidgetGroup };