@radix-ng/primitives 0.50.0 → 1.0.0-beta.0

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 (207) hide show
  1. package/collection/README.md +1 -0
  2. package/fesm2022/radix-ng-primitives-accordion.mjs +134 -66
  3. package/fesm2022/radix-ng-primitives-accordion.mjs.map +1 -1
  4. package/fesm2022/radix-ng-primitives-alert-dialog.mjs +224 -132
  5. package/fesm2022/radix-ng-primitives-alert-dialog.mjs.map +1 -1
  6. package/fesm2022/radix-ng-primitives-arrow.mjs +26 -10
  7. package/fesm2022/radix-ng-primitives-arrow.mjs.map +1 -1
  8. package/fesm2022/radix-ng-primitives-aspect-ratio.mjs +6 -6
  9. package/fesm2022/radix-ng-primitives-aspect-ratio.mjs.map +1 -1
  10. package/fesm2022/radix-ng-primitives-avatar.mjs +68 -75
  11. package/fesm2022/radix-ng-primitives-avatar.mjs.map +1 -1
  12. package/fesm2022/radix-ng-primitives-button.mjs +123 -0
  13. package/fesm2022/radix-ng-primitives-button.mjs.map +1 -0
  14. package/fesm2022/radix-ng-primitives-calendar.mjs +104 -103
  15. package/fesm2022/radix-ng-primitives-calendar.mjs.map +1 -1
  16. package/fesm2022/radix-ng-primitives-checkbox.mjs +414 -80
  17. package/fesm2022/radix-ng-primitives-checkbox.mjs.map +1 -1
  18. package/fesm2022/radix-ng-primitives-collapsible.mjs +193 -92
  19. package/fesm2022/radix-ng-primitives-collapsible.mjs.map +1 -1
  20. package/fesm2022/radix-ng-primitives-collection.mjs +72 -0
  21. package/fesm2022/radix-ng-primitives-collection.mjs.map +1 -0
  22. package/fesm2022/radix-ng-primitives-config.mjs +5 -5
  23. package/fesm2022/radix-ng-primitives-config.mjs.map +1 -1
  24. package/fesm2022/radix-ng-primitives-context-menu.mjs +143 -427
  25. package/fesm2022/radix-ng-primitives-context-menu.mjs.map +1 -1
  26. package/fesm2022/radix-ng-primitives-core.mjs +757 -757
  27. package/fesm2022/radix-ng-primitives-core.mjs.map +1 -1
  28. package/fesm2022/radix-ng-primitives-cropper.mjs +55 -53
  29. package/fesm2022/radix-ng-primitives-cropper.mjs.map +1 -1
  30. package/fesm2022/radix-ng-primitives-date-field.mjs +93 -86
  31. package/fesm2022/radix-ng-primitives-date-field.mjs.map +1 -1
  32. package/fesm2022/radix-ng-primitives-dialog.mjs +658 -330
  33. package/fesm2022/radix-ng-primitives-dialog.mjs.map +1 -1
  34. package/fesm2022/radix-ng-primitives-dismissable-layer.mjs +98 -76
  35. package/fesm2022/radix-ng-primitives-dismissable-layer.mjs.map +1 -1
  36. package/fesm2022/radix-ng-primitives-drawer.mjs +1059 -0
  37. package/fesm2022/radix-ng-primitives-drawer.mjs.map +1 -0
  38. package/fesm2022/radix-ng-primitives-editable.mjs +20 -20
  39. package/fesm2022/radix-ng-primitives-editable.mjs.map +1 -1
  40. package/fesm2022/radix-ng-primitives-field.mjs +363 -0
  41. package/fesm2022/radix-ng-primitives-field.mjs.map +1 -0
  42. package/fesm2022/radix-ng-primitives-fieldset.mjs +79 -0
  43. package/fesm2022/radix-ng-primitives-fieldset.mjs.map +1 -0
  44. package/fesm2022/radix-ng-primitives-focus-guards.mjs +3 -3
  45. package/fesm2022/radix-ng-primitives-focus-guards.mjs.map +1 -1
  46. package/fesm2022/radix-ng-primitives-focus-scope.mjs +29 -14
  47. package/fesm2022/radix-ng-primitives-focus-scope.mjs.map +1 -1
  48. package/fesm2022/radix-ng-primitives-input.mjs +172 -0
  49. package/fesm2022/radix-ng-primitives-input.mjs.map +1 -0
  50. package/fesm2022/radix-ng-primitives-label.mjs +11 -11
  51. package/fesm2022/radix-ng-primitives-label.mjs.map +1 -1
  52. package/fesm2022/radix-ng-primitives-menu.mjs +1484 -353
  53. package/fesm2022/radix-ng-primitives-menu.mjs.map +1 -1
  54. package/fesm2022/radix-ng-primitives-menubar.mjs +290 -162
  55. package/fesm2022/radix-ng-primitives-menubar.mjs.map +1 -1
  56. package/fesm2022/radix-ng-primitives-meter.mjs +271 -0
  57. package/fesm2022/radix-ng-primitives-meter.mjs.map +1 -0
  58. package/fesm2022/radix-ng-primitives-navigation-menu.mjs +1060 -1553
  59. package/fesm2022/radix-ng-primitives-navigation-menu.mjs.map +1 -1
  60. package/fesm2022/radix-ng-primitives-number-field.mjs +1102 -366
  61. package/fesm2022/radix-ng-primitives-number-field.mjs.map +1 -1
  62. package/fesm2022/radix-ng-primitives-pagination.mjs +51 -51
  63. package/fesm2022/radix-ng-primitives-pagination.mjs.map +1 -1
  64. package/fesm2022/radix-ng-primitives-popover.mjs +980 -995
  65. package/fesm2022/radix-ng-primitives-popover.mjs.map +1 -1
  66. package/fesm2022/radix-ng-primitives-popper.mjs +137 -82
  67. package/fesm2022/radix-ng-primitives-popper.mjs.map +1 -1
  68. package/fesm2022/radix-ng-primitives-portal.mjs +40 -16
  69. package/fesm2022/radix-ng-primitives-portal.mjs.map +1 -1
  70. package/fesm2022/radix-ng-primitives-presence.mjs +134 -246
  71. package/fesm2022/radix-ng-primitives-presence.mjs.map +1 -1
  72. package/fesm2022/radix-ng-primitives-preview-card.mjs +997 -0
  73. package/fesm2022/radix-ng-primitives-preview-card.mjs.map +1 -0
  74. package/fesm2022/radix-ng-primitives-progress.mjs +231 -92
  75. package/fesm2022/radix-ng-primitives-progress.mjs.map +1 -1
  76. package/fesm2022/radix-ng-primitives-radio.mjs +211 -70
  77. package/fesm2022/radix-ng-primitives-radio.mjs.map +1 -1
  78. package/fesm2022/radix-ng-primitives-roving-focus.mjs +127 -77
  79. package/fesm2022/radix-ng-primitives-roving-focus.mjs.map +1 -1
  80. package/fesm2022/radix-ng-primitives-select.mjs +791 -511
  81. package/fesm2022/radix-ng-primitives-select.mjs.map +1 -1
  82. package/fesm2022/radix-ng-primitives-separator.mjs +16 -45
  83. package/fesm2022/radix-ng-primitives-separator.mjs.map +1 -1
  84. package/fesm2022/radix-ng-primitives-slider.mjs +976 -720
  85. package/fesm2022/radix-ng-primitives-slider.mjs.map +1 -1
  86. package/fesm2022/radix-ng-primitives-stepper.mjs +69 -71
  87. package/fesm2022/radix-ng-primitives-stepper.mjs.map +1 -1
  88. package/fesm2022/radix-ng-primitives-switch.mjs +128 -124
  89. package/fesm2022/radix-ng-primitives-switch.mjs.map +1 -1
  90. package/fesm2022/radix-ng-primitives-tabs.mjs +388 -115
  91. package/fesm2022/radix-ng-primitives-tabs.mjs.map +1 -1
  92. package/fesm2022/radix-ng-primitives-time-field.mjs +111 -117
  93. package/fesm2022/radix-ng-primitives-time-field.mjs.map +1 -1
  94. package/fesm2022/radix-ng-primitives-toggle-group.mjs +122 -248
  95. package/fesm2022/radix-ng-primitives-toggle-group.mjs.map +1 -1
  96. package/fesm2022/radix-ng-primitives-toggle.mjs +99 -62
  97. package/fesm2022/radix-ng-primitives-toggle.mjs.map +1 -1
  98. package/fesm2022/radix-ng-primitives-toolbar.mjs +307 -94
  99. package/fesm2022/radix-ng-primitives-toolbar.mjs.map +1 -1
  100. package/fesm2022/radix-ng-primitives-tooltip.mjs +690 -1079
  101. package/fesm2022/radix-ng-primitives-tooltip.mjs.map +1 -1
  102. package/fesm2022/radix-ng-primitives-visually-hidden.mjs +46 -87
  103. package/fesm2022/radix-ng-primitives-visually-hidden.mjs.map +1 -1
  104. package/fesm2022/radix-ng-primitives.mjs.map +1 -1
  105. package/meter/README.md +3 -0
  106. package/navigation-menu/README.md +2 -1
  107. package/package.json +85 -63
  108. package/portal/README.md +2 -0
  109. package/preview-card/README.md +3 -0
  110. package/schematics/collection.json +1 -0
  111. package/schematics/ng-add/index.d.ts +3 -2
  112. package/schematics/ng-add/index.js +62 -31
  113. package/schematics/ng-add/index.js.map +1 -1
  114. package/schematics/ng-add/package-config.d.ts +4 -2
  115. package/schematics/ng-add/package-config.js +10 -2
  116. package/schematics/ng-add/package-config.js.map +1 -1
  117. package/schematics/ng-add/schema.d.ts +3 -0
  118. package/schematics/ng-add/schema.js +3 -0
  119. package/schematics/ng-add/schema.js.map +1 -0
  120. package/schematics/ng-add/schema.json +14 -0
  121. package/select/README.md +2 -0
  122. package/{accordion/index.d.ts → types/radix-ng-primitives-accordion.d.ts} +102 -67
  123. package/types/radix-ng-primitives-alert-dialog.d.ts +114 -0
  124. package/{arrow/index.d.ts → types/radix-ng-primitives-arrow.d.ts} +1 -1
  125. package/{aspect-ratio/index.d.ts → types/radix-ng-primitives-aspect-ratio.d.ts} +1 -1
  126. package/{avatar/index.d.ts → types/radix-ng-primitives-avatar.d.ts} +7 -11
  127. package/types/radix-ng-primitives-button.d.ts +73 -0
  128. package/{calendar/index.d.ts → types/radix-ng-primitives-calendar.d.ts} +2 -3
  129. package/types/radix-ng-primitives-checkbox.d.ts +337 -0
  130. package/types/radix-ng-primitives-collapsible.d.ts +159 -0
  131. package/types/radix-ng-primitives-collection.d.ts +44 -0
  132. package/{config/index.d.ts → types/radix-ng-primitives-config.d.ts} +1 -1
  133. package/types/radix-ng-primitives-context-menu.d.ts +73 -0
  134. package/{core/index.d.ts → types/radix-ng-primitives-core.d.ts} +311 -236
  135. package/{cropper/index.d.ts → types/radix-ng-primitives-cropper.d.ts} +6 -5
  136. package/{date-field/index.d.ts → types/radix-ng-primitives-date-field.d.ts} +42 -27
  137. package/types/radix-ng-primitives-dialog.d.ts +323 -0
  138. package/{dismissable-layer/index.d.ts → types/radix-ng-primitives-dismissable-layer.d.ts} +15 -7
  139. package/types/radix-ng-primitives-drawer.d.ts +448 -0
  140. package/{editable/index.d.ts → types/radix-ng-primitives-editable.d.ts} +1 -1
  141. package/types/radix-ng-primitives-field.d.ts +373 -0
  142. package/types/radix-ng-primitives-fieldset.d.ts +48 -0
  143. package/{focus-scope/index.d.ts → types/radix-ng-primitives-focus-scope.d.ts} +13 -5
  144. package/types/radix-ng-primitives-input.d.ts +87 -0
  145. package/{label/index.d.ts → types/radix-ng-primitives-label.d.ts} +0 -1
  146. package/types/radix-ng-primitives-menu.d.ts +612 -0
  147. package/types/radix-ng-primitives-menubar.d.ts +66 -0
  148. package/types/radix-ng-primitives-meter.d.ts +193 -0
  149. package/types/radix-ng-primitives-navigation-menu.d.ts +488 -0
  150. package/types/radix-ng-primitives-number-field.d.ts +464 -0
  151. package/{pagination/index.d.ts → types/radix-ng-primitives-pagination.d.ts} +2 -2
  152. package/types/radix-ng-primitives-popover.d.ts +416 -0
  153. package/{popper/index.d.ts → types/radix-ng-primitives-popper.d.ts} +50 -9
  154. package/types/radix-ng-primitives-portal.d.ts +30 -0
  155. package/types/radix-ng-primitives-presence.d.ts +55 -0
  156. package/types/radix-ng-primitives-preview-card.d.ts +359 -0
  157. package/types/radix-ng-primitives-progress.d.ts +206 -0
  158. package/{radio/index.d.ts → types/radix-ng-primitives-radio.d.ts} +56 -26
  159. package/{roving-focus/index.d.ts → types/radix-ng-primitives-roving-focus.d.ts} +38 -27
  160. package/types/radix-ng-primitives-select.d.ts +512 -0
  161. package/types/radix-ng-primitives-separator.d.ts +38 -0
  162. package/types/radix-ng-primitives-slider.d.ts +377 -0
  163. package/{stepper/index.d.ts → types/radix-ng-primitives-stepper.d.ts} +21 -22
  164. package/types/radix-ng-primitives-switch.d.ts +121 -0
  165. package/types/radix-ng-primitives-tabs.d.ts +247 -0
  166. package/{time-field/index.d.ts → types/radix-ng-primitives-time-field.d.ts} +46 -31
  167. package/types/radix-ng-primitives-toggle-group.d.ts +116 -0
  168. package/types/radix-ng-primitives-toggle.d.ts +65 -0
  169. package/types/radix-ng-primitives-toolbar.d.ts +180 -0
  170. package/types/radix-ng-primitives-tooltip.d.ts +395 -0
  171. package/{visually-hidden/index.d.ts → types/radix-ng-primitives-visually-hidden.d.ts} +19 -19
  172. package/alert-dialog/index.d.ts +0 -57
  173. package/checkbox/index.d.ts +0 -164
  174. package/collapsible/index.d.ts +0 -85
  175. package/context-menu/index.d.ts +0 -129
  176. package/dialog/index.d.ts +0 -205
  177. package/dropdown-menu/README.md +0 -1
  178. package/dropdown-menu/index.d.ts +0 -171
  179. package/fesm2022/radix-ng-primitives-dropdown-menu.mjs +0 -583
  180. package/fesm2022/radix-ng-primitives-dropdown-menu.mjs.map +0 -1
  181. package/fesm2022/radix-ng-primitives-hover-card.mjs +0 -1246
  182. package/fesm2022/radix-ng-primitives-hover-card.mjs.map +0 -1
  183. package/fesm2022/radix-ng-primitives-tooltip2.mjs +0 -740
  184. package/fesm2022/radix-ng-primitives-tooltip2.mjs.map +0 -1
  185. package/hover-card/README.md +0 -3
  186. package/hover-card/index.d.ts +0 -472
  187. package/menu/index.d.ts +0 -139
  188. package/menubar/index.d.ts +0 -56
  189. package/navigation-menu/index.d.ts +0 -405
  190. package/number-field/index.d.ts +0 -203
  191. package/popover/index.d.ts +0 -403
  192. package/portal/index.d.ts +0 -22
  193. package/presence/index.d.ts +0 -103
  194. package/progress/index.d.ts +0 -79
  195. package/select/index.d.ts +0 -214
  196. package/separator/index.d.ts +0 -63
  197. package/slider/index.d.ts +0 -263
  198. package/switch/index.d.ts +0 -105
  199. package/tabs/index.d.ts +0 -112
  200. package/toggle/index.d.ts +0 -75
  201. package/toggle-group/index.d.ts +0 -194
  202. package/toolbar/index.d.ts +0 -55
  203. package/tooltip/index.d.ts +0 -433
  204. package/tooltip2/README.md +0 -3
  205. package/tooltip2/index.d.ts +0 -325
  206. /package/{focus-guards/index.d.ts → types/radix-ng-primitives-focus-guards.d.ts} +0 -0
  207. /package/{index.d.ts → types/radix-ng-primitives.d.ts} +0 -0
package/select/index.d.ts DELETED
@@ -1,214 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { AfterViewInit, OnDestroy, NgZone, OnInit, AfterContentInit, ElementRef, ChangeDetectorRef, EventEmitter, DestroyRef, QueryList } from '@angular/core';
3
- import { ActiveDescendantKeyManager, Highlightable } from '@angular/cdk/a11y';
4
- import { Directionality } from '@angular/cdk/bidi';
5
- import { Observable, Subject } from 'rxjs';
6
- import { SelectionModel } from '@angular/cdk/collections';
7
- import { Overlay, CdkConnectedOverlay, ConnectedPosition } from '@angular/cdk/overlay';
8
-
9
- declare class RdxSelectValueDirective {
10
- select: RdxSelectComponent;
11
- placeholder: string;
12
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxSelectValueDirective, never>;
13
- static ɵcmp: i0.ɵɵComponentDeclaration<RdxSelectValueDirective, "[rdxSelectValue]", ["rdxSelectValue"], { "placeholder": { "alias": "placeholder"; "required": false; }; }, {}, never, never, true, never>;
14
- }
15
-
16
- declare class RdxSelectTriggerDirective implements AfterViewInit, OnDestroy {
17
- readonly ngZone: NgZone;
18
- protected nativeElement: any;
19
- protected select: RdxSelectComponent;
20
- protected readonly value: i0.Signal<RdxSelectValueDirective>;
21
- private resizeObserver;
22
- ngAfterViewInit(): void;
23
- ngOnDestroy(): void;
24
- focus(): void;
25
- private observeTriggerResize;
26
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxSelectTriggerDirective, never>;
27
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSelectTriggerDirective, "[rdxSelectTrigger]", never, {}, {}, ["value"], never, true, never>;
28
- }
29
-
30
- declare class RdxSelectComponent implements OnInit, AfterContentInit {
31
- protected overlay: Overlay;
32
- protected elementRef: ElementRef<any>;
33
- protected changeDetectorRef: ChangeDetectorRef;
34
- private readonly destroyRef;
35
- private readonly ngZone;
36
- protected readonly trigger: i0.Signal<RdxSelectTriggerDirective>;
37
- protected readonly content: i0.Signal<RdxSelectContentDirective>;
38
- readonly items: i0.Signal<readonly RdxSelectItemDirective[]>;
39
- readonly overlayDir: i0.Signal<CdkConnectedOverlay>;
40
- /**
41
- * Tuple type for the trigger element size. Set by the trigger element itself.
42
- * The first element is the width and the second element is the height.
43
- * @returns The size of the trigger element.
44
- */
45
- readonly triggerSize: i0.WritableSignal<[number, number]>;
46
- /**
47
- * The width of the trigger element.
48
- * @returns The width of the trigger element.
49
- */
50
- readonly triggerWidth: i0.Signal<number>;
51
- /** Deals with the selection logic. */
52
- selectionModel: SelectionModel<RdxSelectItemDirective>;
53
- /**
54
- * This position config ensures that the top "start" corner of the overlay
55
- * is aligned with the top "start" of the origin by default (overlapping
56
- * the trigger completely). If the panel cannot fit below the trigger, it
57
- * will fall back to a position above the trigger.
58
- */
59
- positions: ConnectedPosition[];
60
- private closeSubscription;
61
- /**
62
- * @ignore
63
- */
64
- readonly dir: Directionality | null;
65
- /**
66
- * @ignore
67
- */
68
- protected keyManager: ActiveDescendantKeyManager<RdxSelectItemDirective>;
69
- /**
70
- * @ignore
71
- */
72
- readonly id: string;
73
- defaultValue: string;
74
- name: string;
75
- defaultOpen: boolean;
76
- open: boolean;
77
- /** Whether the Select is disabled. */
78
- disabled: boolean;
79
- required: boolean;
80
- /**
81
- * The overlay width will be set to the trigger width if this is true.
82
- * Otherwise, the overlay width will be set to the width of the content.
83
- */
84
- matchTriggerWidth: boolean;
85
- /**
86
- * The controlled value of the item to expand
87
- */
88
- set value(value: string);
89
- get value(): string | null;
90
- private _value?;
91
- readonly onValueChange: EventEmitter<string>;
92
- readonly onOpenChange: EventEmitter<boolean>;
93
- readonly optionSelectionChanges: Observable<RdxSelectItemChange>;
94
- get selected(): string | null;
95
- ngOnInit(): void;
96
- ngAfterContentInit(): void;
97
- /**
98
- * Callback that is invoked when the overlay panel has been attached.
99
- */
100
- onAttached(): void;
101
- onDetach(): void;
102
- /** Toggles the overlay panel open or closed. */
103
- toggle(): void;
104
- openPanel(): void;
105
- close(): void;
106
- updateActiveItem(item: RdxSelectItemDirective): void;
107
- private selectDefaultValue;
108
- private selectValue;
109
- private closingActions;
110
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxSelectComponent, never>;
111
- static ɵcmp: i0.ɵɵComponentDeclaration<RdxSelectComponent, "[rdxSelect]", never, { "defaultValue": { "alias": "defaultValue"; "required": false; }; "name": { "alias": "name"; "required": false; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; }; "open": { "alias": "open"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "matchTriggerWidth": { "alias": "matchTriggerWidth"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "onValueChange": "onValueChange"; "onOpenChange": "onOpenChange"; }, ["trigger", "content", "items"], ["[rdxSelectTrigger]", "[rdxSelectContent]"], true, never>;
112
- static ngAcceptInputType_defaultOpen: unknown;
113
- static ngAcceptInputType_open: unknown;
114
- static ngAcceptInputType_disabled: unknown;
115
- static ngAcceptInputType_required: unknown;
116
- static ngAcceptInputType_matchTriggerWidth: unknown;
117
- }
118
-
119
- declare class RdxSelectItemChange<T = RdxSelectItemDirective> {
120
- source: T;
121
- constructor(source: T);
122
- }
123
- declare class RdxSelectItemDirective implements Highlightable {
124
- protected readonly select: RdxSelectComponent;
125
- protected readonly content: RdxSelectContentDirective;
126
- readonly onSelectionChange: EventEmitter<RdxSelectItemChange<RdxSelectItemDirective>>;
127
- protected readonly nativeElement: any;
128
- highlighted: boolean;
129
- selected: boolean;
130
- get dataState(): string;
131
- /**
132
- * The unique SelectItem id.
133
- * @ignore
134
- */
135
- readonly id: string;
136
- set value(value: string);
137
- get value(): string;
138
- private _value?;
139
- textValue: string | null;
140
- /** Whether the SelectItem is disabled. */
141
- set disabled(value: boolean);
142
- get disabled(): boolean;
143
- private _disabled;
144
- get viewValue(): string;
145
- constructor();
146
- /** Gets the label to be used when determining whether the option should be focused.
147
- * @ignore
148
- */
149
- getLabel(): string;
150
- /**
151
- * `Selects the option while indicating the selection came from the user. Used to
152
- * determine if the select's view -> model callback should be invoked.`
153
- * @ignore
154
- */
155
- selectViaInteraction(): void;
156
- /** @ignore */
157
- handleKeydown(event: KeyboardEvent): void;
158
- /** @ignore */
159
- setActiveStyles(): void;
160
- /** @ignore */
161
- setInactiveStyles(): void;
162
- protected onPointerMove(): void;
163
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxSelectItemDirective, never>;
164
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSelectItemDirective, "[rdxSelectItem]", ["rdxSelectItem"], { "value": { "alias": "value"; "required": false; }; "textValue": { "alias": "textValue"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
165
- static ngAcceptInputType_disabled: unknown;
166
- }
167
-
168
- declare class RdxSelectContentDirective implements AfterContentInit {
169
- protected readonly destroyRef: DestroyRef;
170
- protected readonly dir: Directionality | null;
171
- protected select: RdxSelectComponent;
172
- readonly highlighted: Subject<RdxSelectItemDirective>;
173
- keyManager: ActiveDescendantKeyManager<RdxSelectItemDirective>;
174
- options: QueryList<RdxSelectItemDirective>;
175
- constructor();
176
- initKeyManager(): ActiveDescendantKeyManager<RdxSelectItemDirective>;
177
- ngAfterContentInit(): void;
178
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxSelectContentDirective, never>;
179
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSelectContentDirective, "[rdxSelectContent]", ["rdxSelectContent"], {}, {}, ["options"], never, true, never>;
180
- }
181
-
182
- declare class RdxSelectGroupDirective {
183
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxSelectGroupDirective, never>;
184
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSelectGroupDirective, "[rdxSelectGroup]", ["rdxSelectGroup"], {}, {}, never, never, true, never>;
185
- }
186
-
187
- declare class RdxSelectItemIndicatorDirective {
188
- protected item: RdxSelectItemDirective;
189
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxSelectItemIndicatorDirective, never>;
190
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSelectItemIndicatorDirective, "[rdxSelectItemIndicator]", ["rdxSelectItemIndicator"], {}, {}, never, never, true, never>;
191
- }
192
-
193
- declare class RdxSelectLabelDirective {
194
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxSelectLabelDirective, never>;
195
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSelectLabelDirective, "[rdxSelectLabel]", ["rdxSelectLabel"], {}, {}, never, never, true, never>;
196
- }
197
-
198
- declare class RdxSelectSeparatorDirective {
199
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxSelectSeparatorDirective, never>;
200
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSelectSeparatorDirective, "[rdxSelectSeparator]", ["rdxSelectSeparator"], {}, {}, never, never, true, never>;
201
- }
202
-
203
- declare class RdxSelectIconDirective {
204
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxSelectIconDirective, never>;
205
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSelectIconDirective, "[rdxSelectIcon]", ["rdxSelectIcon"], {}, {}, never, never, true, never>;
206
- }
207
-
208
- declare class RdxSelectModule {
209
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxSelectModule, never>;
210
- static ɵmod: i0.ɵɵNgModuleDeclaration<RdxSelectModule, never, [typeof RdxSelectContentDirective, typeof RdxSelectGroupDirective, typeof RdxSelectItemDirective, typeof RdxSelectItemIndicatorDirective, typeof RdxSelectLabelDirective, typeof RdxSelectComponent, typeof RdxSelectSeparatorDirective, typeof RdxSelectTriggerDirective, typeof RdxSelectValueDirective, typeof RdxSelectIconDirective], [typeof RdxSelectContentDirective, typeof RdxSelectGroupDirective, typeof RdxSelectItemDirective, typeof RdxSelectItemIndicatorDirective, typeof RdxSelectLabelDirective, typeof RdxSelectComponent, typeof RdxSelectSeparatorDirective, typeof RdxSelectTriggerDirective, typeof RdxSelectValueDirective, typeof RdxSelectIconDirective]>;
211
- static ɵinj: i0.ɵɵInjectorDeclaration<RdxSelectModule>;
212
- }
213
-
214
- export { RdxSelectComponent, RdxSelectContentDirective, RdxSelectGroupDirective, RdxSelectIconDirective, RdxSelectItemChange, RdxSelectItemDirective, RdxSelectItemIndicatorDirective, RdxSelectLabelDirective, RdxSelectModule, RdxSelectSeparatorDirective, RdxSelectTriggerDirective, RdxSelectValueDirective };
@@ -1,63 +0,0 @@
1
- import * as _angular_core from '@angular/core';
2
- import { BooleanInput } from '@angular/cdk/coercion';
3
-
4
- declare const ORIENTATIONS: readonly ["horizontal", "vertical"];
5
- type Orientation = (typeof ORIENTATIONS)[number];
6
- interface SeparatorProps {
7
- /**
8
- * Either `vertical` or `horizontal`. Defaults to `horizontal`.
9
- */
10
- orientation?: Orientation;
11
- /**
12
- * Whether the component is purely decorative. When true, accessibility-related attributes
13
- * are updated so that the rendered element is removed from the accessibility tree.
14
- */
15
- decorative?: boolean;
16
- }
17
- /**
18
- * Directive that adds accessible and configurable separator element to the DOM.
19
- * This can be either horizontal or vertical and optionally decorative (which removes
20
- * it from the accessibility tree).
21
- *
22
- * @group Components
23
- */
24
- declare class RdxSeparatorRootDirective {
25
- /**
26
- * Orientation of the separator, can be either 'horizontal' or 'vertical'.
27
- *
28
- * @defaultValue 'horizontal'
29
- * @group Props
30
- */
31
- readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
32
- /**
33
- * If true, the separator will be considered decorative and removed from
34
- * the accessibility tree. Defaults to false.
35
- *
36
- * @defaultValue false
37
- * @group Props
38
- */
39
- readonly decorative: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
40
- /**
41
- * Computes the `role` attribute for the separator. If `decorative` is true,
42
- * the role is set to "none", otherwise it is "separator".
43
- *
44
- * @ignore
45
- */
46
- protected readonly decorativeEffect: _angular_core.WritableSignal<boolean>;
47
- protected readonly orientationEffect: _angular_core.WritableSignal<"horizontal" | "vertical">;
48
- /**
49
- * Computes the `aria-orientation` attribute. It is set to "vertical" only if
50
- * the separator is not decorative and the orientation is set to "vertical".
51
- * For horizontal orientation, the attribute is omitted.
52
- *
53
- * @ignore
54
- */
55
- protected readonly computedAriaOrientation: _angular_core.Signal<"vertical" | undefined>;
56
- updateOrientation(value: Orientation): void;
57
- updateDecorative(value: boolean): void;
58
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSeparatorRootDirective, never>;
59
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSeparatorRootDirective, "div[rdxSeparatorRoot]", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "decorative": { "alias": "decorative"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
60
- }
61
-
62
- export { RdxSeparatorRootDirective };
63
- export type { Orientation, SeparatorProps };
package/slider/index.d.ts DELETED
@@ -1,263 +0,0 @@
1
- import * as _angular_core from '@angular/core';
2
- import { OnInit, OnDestroy } from '@angular/core';
3
- import { NumberInput, BooleanInput } from '@angular/cdk/coercion';
4
-
5
- interface OrientationContext {
6
- startEdge: string;
7
- endEdge: string;
8
- direction: number;
9
- size: string;
10
- }
11
- declare class RdxSliderOrientationContextService {
12
- private contextSignal;
13
- get context(): OrientationContext;
14
- updateContext(context: Partial<OrientationContext>): void;
15
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSliderOrientationContextService, never>;
16
- static ɵprov: _angular_core.ɵɵInjectableDeclaration<RdxSliderOrientationContextService>;
17
- }
18
-
19
- /**
20
- * @group Components
21
- */
22
- declare class RdxSliderRootComponent implements OnInit {
23
- /** @ignore */
24
- readonly orientationContext: RdxSliderOrientationContextService;
25
- /**
26
- * The minimum value for the range.
27
- *
28
- * @group Props
29
- * @defaultValue 0
30
- */
31
- readonly min: _angular_core.InputSignalWithTransform<number, NumberInput>;
32
- /**
33
- * The maximum value for the range.
34
- *
35
- * @group Props
36
- * @defaultValue 100
37
- */
38
- readonly max: _angular_core.InputSignalWithTransform<number, NumberInput>;
39
- /**
40
- * The stepping interval.
41
- *
42
- * @group Props
43
- * @defaultValue 1
44
- */
45
- readonly step: _angular_core.InputSignalWithTransform<number, NumberInput>;
46
- /**
47
- * The minimum permitted steps between multiple thumbs.
48
- *
49
- * @group Props
50
- * @defaultValue 0
51
- */
52
- readonly minStepsBetweenThumbs: _angular_core.InputSignalWithTransform<number, NumberInput>;
53
- /**
54
- * The orientation of the slider.
55
- *
56
- * @group Props
57
- * @defaultValue 'horizontal'
58
- */
59
- readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
60
- /**
61
- * When true, prevents the user from interacting with the slider.
62
- *
63
- * @group Props
64
- * @defaultValue false
65
- */
66
- readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
67
- /**
68
- * Whether the slider is visually inverted.
69
- *
70
- * @group Props
71
- * @defaultValue false
72
- */
73
- readonly inverted: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
74
- /**
75
- * The reading direction of the combobox when applicable.
76
- *
77
- * @group Props
78
- * @defaultValue 'ltr'
79
- */
80
- readonly dir: _angular_core.InputSignal<"ltr" | "rtl">;
81
- className: string;
82
- /**
83
- * Style class of the component.
84
- *
85
- * @group Props
86
- */
87
- readonly styleClass: _angular_core.InputSignal<string | undefined>;
88
- /**
89
- * The controlled value of the slider.
90
- *
91
- * @group Props
92
- */
93
- readonly modelValue: _angular_core.ModelSignal<number[]>;
94
- /**
95
- * Event handler called when the slider value changes.
96
- *
97
- * @group Emits
98
- */
99
- readonly valueChange: _angular_core.OutputEmitterRef<number[]>;
100
- /**
101
- * Event handler called when the value changes at the end of an interaction.
102
- *
103
- * Useful when you only need to capture a final value e.g. to update a backend service.
104
- *
105
- * @group Emits
106
- */
107
- readonly valueCommit: _angular_core.OutputEmitterRef<number[]>;
108
- /** @ignore */
109
- readonly valueIndexToChange: _angular_core.ModelSignal<number>;
110
- /** @ignore */
111
- readonly valuesBeforeSlideStart: _angular_core.ModelSignal<number[]>;
112
- /** @ignore */
113
- readonly isSlidingFromLeft: _angular_core.Signal<boolean>;
114
- /** @ignore */
115
- readonly isSlidingFromBottom: _angular_core.Signal<boolean>;
116
- /** @ignore */
117
- thumbElements: HTMLElement[];
118
- /** @ignore */
119
- ngOnInit(): void;
120
- /** @ignore */
121
- onPointerDown(): void;
122
- /** @ignore */
123
- handleSlideStart(value: number): void;
124
- /** @ignore */
125
- handleSlideMove(value: number): void;
126
- /** @ignore */
127
- handleSlideEnd(): void;
128
- /** @ignore */
129
- handleStepKeyDown(event: {
130
- event: KeyboardEvent;
131
- direction: number;
132
- }): void;
133
- /** @ignore */
134
- updateValues(value: number, atIndex: number, commit?: boolean): void;
135
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSliderRootComponent, never>;
136
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<RdxSliderRootComponent, "rdx-slider", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "minStepsBetweenThumbs": { "alias": "minStepsBetweenThumbs"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "inverted": { "alias": "inverted"; "required": false; "isSignal": true; }; "dir": { "alias": "dir"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "modelValue": { "alias": "modelValue"; "required": false; "isSignal": true; }; "valueIndexToChange": { "alias": "valueIndexToChange"; "required": false; "isSignal": true; }; "valuesBeforeSlideStart": { "alias": "valuesBeforeSlideStart"; "required": false; "isSignal": true; }; }, { "modelValue": "modelValueChange"; "valueChange": "valueChange"; "valueCommit": "valueCommit"; "valueIndexToChange": "valueIndexToChangeChange"; "valuesBeforeSlideStart": "valuesBeforeSlideStartChange"; }, never, ["*"], true, never>;
137
- }
138
-
139
- declare class RdxSliderTrackComponent {
140
- protected readonly rootContext: RdxSliderRootComponent;
141
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSliderTrackComponent, never>;
142
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<RdxSliderTrackComponent, "rdx-slider-track", never, {}, {}, never, ["*"], true, never>;
143
- }
144
-
145
- declare class RdxSliderRangeComponent {
146
- protected readonly rootContext: RdxSliderRootComponent;
147
- percentages: _angular_core.Signal<number[]>;
148
- offsetStart: _angular_core.Signal<number>;
149
- offsetEnd: _angular_core.Signal<number>;
150
- rangeStyles: _angular_core.Signal<{
151
- [x: string]: string;
152
- }>;
153
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSliderRangeComponent, never>;
154
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<RdxSliderRangeComponent, "rdx-slider-range", never, {}, {}, never, ["*"], true, never>;
155
- }
156
-
157
- declare class RdxSliderThumbImplDirective implements OnInit, OnDestroy {
158
- protected readonly rootContext: RdxSliderRootComponent;
159
- private readonly elementRef;
160
- private readonly platformId;
161
- private resizeObserver;
162
- isMounted: _angular_core.WritableSignal<boolean>;
163
- thumbIndex: _angular_core.Signal<number | null>;
164
- value: _angular_core.Signal<number | undefined>;
165
- percent: _angular_core.Signal<number>;
166
- transform: _angular_core.Signal<string>;
167
- orientationSize: _angular_core.WritableSignal<number>;
168
- thumbInBoundsOffset: _angular_core.Signal<number>;
169
- combinedStyles: _angular_core.Signal<{
170
- [x: string]: string | undefined;
171
- position: string;
172
- transform: string;
173
- display: string | undefined;
174
- }>;
175
- onFocus(): void;
176
- ngOnInit(): void;
177
- ngOnDestroy(): void;
178
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSliderThumbImplDirective, never>;
179
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSliderThumbImplDirective, "[rdxSliderThumbImpl]", never, {}, {}, never, never, true, never>;
180
- }
181
-
182
- declare class RdxSliderThumbComponent {
183
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSliderThumbComponent, never>;
184
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<RdxSliderThumbComponent, "rdx-slider-thumb", never, {}, {}, never, ["*"], true, [{ directive: typeof RdxSliderThumbImplDirective; inputs: {}; outputs: {}; }]>;
185
- }
186
-
187
- declare class RdxSliderHorizontalComponent {
188
- private readonly rootContext;
189
- dir: 'ltr' | 'rtl';
190
- readonly inverted: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
191
- min: number;
192
- max: number;
193
- className: string;
194
- readonly slideStart: _angular_core.OutputEmitterRef<number>;
195
- readonly slideMove: _angular_core.OutputEmitterRef<number>;
196
- readonly slideEnd: _angular_core.OutputEmitterRef<void>;
197
- readonly stepKeyDown: _angular_core.OutputEmitterRef<{
198
- event: KeyboardEvent;
199
- direction: number;
200
- }>;
201
- readonly endKeyDown: _angular_core.OutputEmitterRef<KeyboardEvent>;
202
- readonly homeKeyDown: _angular_core.OutputEmitterRef<KeyboardEvent>;
203
- private readonly sliderElement;
204
- private readonly rect;
205
- onSlideStart(event: PointerEvent): void;
206
- onSlideMove(event: PointerEvent): void;
207
- onSlideEnd(): void;
208
- onStepKeyDown(event: KeyboardEvent): void;
209
- private getValueFromPointer;
210
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSliderHorizontalComponent, never>;
211
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<RdxSliderHorizontalComponent, "rdx-slider-horizontal", never, { "dir": { "alias": "dir"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "className": { "alias": "className"; "required": false; }; }, { "slideStart": "slideStart"; "slideMove": "slideMove"; "slideEnd": "slideEnd"; "stepKeyDown": "stepKeyDown"; "endKeyDown": "endKeyDown"; "homeKeyDown": "homeKeyDown"; }, never, ["*"], true, never>;
212
- }
213
-
214
- declare class RdxSliderImplDirective {
215
- protected readonly rootContext: RdxSliderRootComponent;
216
- readonly slideStart: _angular_core.OutputEmitterRef<PointerEvent>;
217
- readonly slideMove: _angular_core.OutputEmitterRef<PointerEvent>;
218
- readonly slideEnd: _angular_core.OutputEmitterRef<PointerEvent>;
219
- readonly homeKeyDown: _angular_core.OutputEmitterRef<KeyboardEvent>;
220
- readonly endKeyDown: _angular_core.OutputEmitterRef<KeyboardEvent>;
221
- readonly stepKeyDown: _angular_core.OutputEmitterRef<KeyboardEvent>;
222
- onKeyDown(event: KeyboardEvent): void;
223
- onPointerDown(event: PointerEvent): void;
224
- onPointerMove(event: PointerEvent): void;
225
- onPointerUp(event: PointerEvent): void;
226
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSliderImplDirective, never>;
227
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSliderImplDirective, "[rdxSliderImpl]", never, {}, { "slideStart": "slideStart"; "slideMove": "slideMove"; "slideEnd": "slideEnd"; "homeKeyDown": "homeKeyDown"; "endKeyDown": "endKeyDown"; "stepKeyDown": "stepKeyDown"; }, never, never, true, never>;
228
- }
229
-
230
- declare class RdxSliderVerticalComponent {
231
- private readonly rootContext;
232
- dir: 'ltr' | 'rtl';
233
- readonly inverted: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
234
- min: number;
235
- max: number;
236
- className: string;
237
- readonly slideStart: _angular_core.OutputEmitterRef<number>;
238
- readonly slideMove: _angular_core.OutputEmitterRef<number>;
239
- readonly slideEnd: _angular_core.OutputEmitterRef<void>;
240
- readonly stepKeyDown: _angular_core.OutputEmitterRef<{
241
- event: KeyboardEvent;
242
- direction: number;
243
- }>;
244
- readonly endKeyDown: _angular_core.OutputEmitterRef<KeyboardEvent>;
245
- readonly homeKeyDown: _angular_core.OutputEmitterRef<KeyboardEvent>;
246
- private readonly sliderElement;
247
- private readonly rect;
248
- onSlideStart(event: PointerEvent): void;
249
- onSlideMove(event: PointerEvent): void;
250
- onSlideEnd(): void;
251
- onStepKeyDown(event: KeyboardEvent): void;
252
- private getValueFromPointer;
253
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSliderVerticalComponent, never>;
254
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<RdxSliderVerticalComponent, "rdx-slider-vertical", never, { "dir": { "alias": "dir"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "className": { "alias": "className"; "required": false; }; }, { "slideStart": "slideStart"; "slideMove": "slideMove"; "slideEnd": "slideEnd"; "stepKeyDown": "stepKeyDown"; "endKeyDown": "endKeyDown"; "homeKeyDown": "homeKeyDown"; }, never, ["*"], true, never>;
255
- }
256
-
257
- declare class RdxSliderModule {
258
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSliderModule, never>;
259
- static ɵmod: _angular_core.ɵɵNgModuleDeclaration<RdxSliderModule, never, [typeof RdxSliderRootComponent, typeof RdxSliderTrackComponent, typeof RdxSliderRangeComponent, typeof RdxSliderThumbComponent], [typeof RdxSliderRootComponent, typeof RdxSliderTrackComponent, typeof RdxSliderRangeComponent, typeof RdxSliderThumbComponent]>;
260
- static ɵinj: _angular_core.ɵɵInjectorDeclaration<RdxSliderModule>;
261
- }
262
-
263
- export { RdxSliderHorizontalComponent, RdxSliderImplDirective, RdxSliderModule, RdxSliderRangeComponent, RdxSliderRootComponent, RdxSliderThumbComponent, RdxSliderThumbImplDirective, RdxSliderTrackComponent, RdxSliderVerticalComponent };
package/switch/index.d.ts DELETED
@@ -1,105 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { InputSignalWithTransform, Signal, InputSignal } from '@angular/core';
3
- import { BooleanInput } from '@angular/cdk/coercion';
4
- import * as i1 from '@radix-ng/primitives/core';
5
- import { RdxControlValueAccessor } from '@radix-ng/primitives/core';
6
-
7
- interface SwitchContext {
8
- required: InputSignalWithTransform<boolean, BooleanInput>;
9
- checked: Signal<boolean | undefined>;
10
- disabled: Signal<boolean | undefined>;
11
- ariaLabel: InputSignal<string | undefined>;
12
- ariaLabelledBy: InputSignal<string | undefined>;
13
- markAsTouched: () => void;
14
- toggle: () => void;
15
- }
16
- declare const injectSwitchRootContext: (optional?: boolean) => SwitchContext | null;
17
- declare const provideSwitchRootContext: (useFactory: () => SwitchContext) => i0.Provider;
18
- /**
19
- * @group Components
20
- */
21
- declare class RdxSwitchRootDirective {
22
- protected readonly cva: RdxControlValueAccessor<boolean | undefined>;
23
- readonly id: InputSignal<string>;
24
- /**
25
- * When true, indicates that the user must check the switch before the owning form can be submitted.
26
- *
27
- * @default false
28
- * @group Props
29
- */
30
- readonly required: InputSignalWithTransform<boolean, BooleanInput>;
31
- /**
32
- * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
33
- * @default null
34
- * @group Props
35
- */
36
- readonly ariaLabelledBy: InputSignal<string | undefined>;
37
- /**
38
- * Used to define a string that autocomplete attribute the current element.
39
- * @default null
40
- * @group Props
41
- */
42
- readonly ariaLabel: InputSignal<string | undefined>;
43
- /**
44
- * The state of the switch when it is initially rendered. Use when you do not need to control its state.
45
- * @default false
46
- * @group Props
47
- */
48
- readonly defaultChecked: InputSignalWithTransform<boolean, BooleanInput>;
49
- /**
50
- * The controlled state of the switch. Must be used in conjunction with onCheckedChange.
51
- * @defaultValue false
52
- * @group Props
53
- */
54
- readonly checked: i0.ModelSignal<boolean>;
55
- /**
56
- * When `true`, prevents the user from interacting with the switch.
57
- * @default false
58
- * @group Props
59
- */
60
- readonly disabled: InputSignalWithTransform<boolean, BooleanInput>;
61
- /**
62
- * Event handler called when the state of the switch changes.
63
- *
64
- * @param {boolean} value - Boolean value indicates that the option is changed.
65
- * @group Emits
66
- */
67
- readonly onCheckedChange: i0.OutputRef<boolean | undefined>;
68
- /**
69
- * Toggles the checked state of the switch.
70
- * If the switch is disabled, the function returns early.
71
- * @ignore
72
- */
73
- toggle(): void;
74
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxSwitchRootDirective, never>;
75
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSwitchRootDirective, "button[rdxSwitchRoot]", ["rdxSwitchRoot"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "defaultChecked": { "alias": "defaultChecked"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "onCheckedChange": "onCheckedChange"; }, never, never, true, [{ directive: typeof i1.RdxControlValueAccessor; inputs: { "value": "checked"; "disabled": "disabled"; }; outputs: {}; }]>;
76
- }
77
-
78
- /**
79
- * @group Components
80
- */
81
- declare class RdxSwitchInputDirective {
82
- protected readonly rootContext: SwitchContext;
83
- /** @ignore */
84
- protected onBlur(): void;
85
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxSwitchInputDirective, never>;
86
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSwitchInputDirective, "input[rdxSwitchInput]", ["rdxSwitchInput"], {}, {}, never, never, true, never>;
87
- }
88
-
89
- /**
90
- * @group Components
91
- */
92
- declare class RdxSwitchThumbDirective {
93
- protected readonly rootContext: SwitchContext | null;
94
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxSwitchThumbDirective, never>;
95
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSwitchThumbDirective, "span[rdxSwitchThumb]", ["rdxSwitchThumb"], {}, {}, never, never, true, never>;
96
- }
97
-
98
- declare class RdxSwitchModule {
99
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxSwitchModule, never>;
100
- static ɵmod: i0.ɵɵNgModuleDeclaration<RdxSwitchModule, never, [typeof RdxSwitchRootDirective, typeof RdxSwitchInputDirective, typeof RdxSwitchThumbDirective], [typeof RdxSwitchRootDirective, typeof RdxSwitchInputDirective, typeof RdxSwitchThumbDirective]>;
101
- static ɵinj: i0.ɵɵInjectorDeclaration<RdxSwitchModule>;
102
- }
103
-
104
- export { RdxSwitchInputDirective, RdxSwitchModule, RdxSwitchRootDirective, RdxSwitchThumbDirective, injectSwitchRootContext, provideSwitchRootContext };
105
- export type { SwitchContext };