@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
@@ -1,403 +0,0 @@
1
- import * as _angular_core from '@angular/core';
2
- import { ElementRef, OnInit, ViewContainerRef, DestroyRef } from '@angular/core';
3
- import { NumberInput, BooleanInput } from '@angular/cdk/coercion';
4
- import * as _radix_ng_primitives_popover from '@radix-ng/primitives/popover';
5
- import * as rxjs from 'rxjs';
6
- import * as _angular_cdk_overlay_module_d from '@angular/cdk/overlay-module.d';
7
- import { RdxPositionSide, RdxPositionAlign } from '@radix-ng/primitives/core';
8
- import * as i1 from '@angular/cdk/overlay';
9
- import { CdkOverlayOrigin } from '@angular/cdk/overlay';
10
- import * as i1$1 from '@angular/cdk/a11y';
11
-
12
- declare class RdxPopoverArrowDirective {
13
- /** @ignore */
14
- private readonly renderer;
15
- /** @ignore */
16
- private readonly popoverRoot;
17
- /** @ignore */
18
- readonly elementRef: ElementRef<any>;
19
- /**
20
- * @description The width of the arrow in pixels.
21
- * @default 10
22
- */
23
- readonly width: _angular_core.InputSignalWithTransform<number, NumberInput>;
24
- /**
25
- * @description The height of the arrow in pixels.
26
- * @default 5
27
- */
28
- readonly height: _angular_core.InputSignalWithTransform<number, NumberInput>;
29
- /** @ignore */
30
- readonly arrowSvgElement: _angular_core.Signal<HTMLElement>;
31
- /** @ignore */
32
- private readonly currentArrowSvgElement;
33
- /** @ignore */
34
- private readonly position;
35
- /** @ignore */
36
- private anchorOrTriggerRect;
37
- constructor();
38
- /** @ignore */
39
- private setAnchorOrTriggerRect;
40
- /** @ignore */
41
- private setPosition;
42
- /** @ignore */
43
- private onArrowSvgElementChangeEffect;
44
- /** @ignore */
45
- private onContentPositionAndArrowDimensionsChangeEffect;
46
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxPopoverArrowDirective, never>;
47
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxPopoverArrowDirective, "[rdxPopoverArrow]", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
48
- }
49
-
50
- declare class RdxPopoverCloseDirective {
51
- /** @ignore */
52
- protected readonly popoverRoot: _radix_ng_primitives_popover.RdxPopoverRootDirective;
53
- /** @ignore */
54
- readonly elementRef: ElementRef<any>;
55
- /** @ignore */
56
- private readonly renderer;
57
- constructor();
58
- /** @ignore */
59
- private onIsControlledExternallyEffect;
60
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxPopoverCloseDirective, never>;
61
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxPopoverCloseDirective, "[rdxPopoverClose]", never, {}, {}, never, never, true, never>;
62
- }
63
-
64
- declare class RdxPopoverContentDirective implements OnInit {
65
- /** @ignore */
66
- private readonly popoverRoot;
67
- /** @ignore */
68
- private readonly templateRef;
69
- /** @ignore */
70
- private readonly overlay;
71
- /** @ignore */
72
- private readonly destroyRef;
73
- /** @ignore */
74
- private readonly connectedOverlay;
75
- /** @ignore */
76
- readonly name: _angular_core.Signal<string>;
77
- /**
78
- * @description The preferred side of the trigger to render against when open. Will be reversed when collisions occur and avoidCollisions is enabled.
79
- * @default top
80
- */
81
- readonly side: _angular_core.InputSignal<RdxPositionSide>;
82
- /**
83
- * @description The distance in pixels from the trigger.
84
- * @default undefined
85
- */
86
- readonly sideOffset: _angular_core.InputSignalWithTransform<number, NumberInput>;
87
- /**
88
- * @description The preferred alignment against the trigger. May change when collisions occur.
89
- * @default center
90
- */
91
- readonly align: _angular_core.InputSignal<RdxPositionAlign>;
92
- /**
93
- * @description An offset in pixels from the "start" or "end" alignment options.
94
- * @default undefined
95
- */
96
- readonly alignOffset: _angular_core.InputSignalWithTransform<number, NumberInput>;
97
- /**
98
- * @description Whether to add some alternate positions of the content.
99
- * @default false
100
- */
101
- readonly alternatePositionsDisabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
102
- /** @description Whether to prevent `onOverlayEscapeKeyDown` handler from calling. */
103
- readonly onOverlayEscapeKeyDownDisabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
104
- /** @description Whether to prevent `onOverlayOutsideClick` handler from calling. */
105
- readonly onOverlayOutsideClickDisabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
106
- /**
107
- * @description Event handler called when the escape key is down.
108
- * It can be prevented by setting `onOverlayEscapeKeyDownDisabled` input to `true`.
109
- */
110
- readonly onOverlayEscapeKeyDown: _angular_core.OutputEmitterRef<KeyboardEvent>;
111
- /**
112
- * @description Event handler called when a pointer event occurs outside the bounds of the component.
113
- * It can be prevented by setting `onOverlayOutsideClickDisabled` input to `true`.
114
- */
115
- readonly onOverlayOutsideClick: _angular_core.OutputEmitterRef<MouseEvent>;
116
- /**
117
- * @description Event handler called after the overlay is open
118
- */
119
- readonly onOpen: _angular_core.OutputEmitterRef<void>;
120
- /**
121
- * @description Event handler called after the overlay is closed
122
- */
123
- readonly onClosed: _angular_core.OutputEmitterRef<void>;
124
- /** @ingore */
125
- readonly positions: _angular_core.Signal<_angular_cdk_overlay_module_d.ConnectedPosition[]>;
126
- constructor();
127
- /** @ignore */
128
- ngOnInit(): void;
129
- /** @ignore */
130
- open(): void;
131
- /** @ignore */
132
- close(): void;
133
- /** @ignore */
134
- positionChange(): rxjs.Observable<_angular_cdk_overlay_module_d.ConnectedOverlayPositionChange>;
135
- /** @ignore */
136
- private connectKeydownEscape;
137
- /** @ignore */
138
- private connectOutsideClick;
139
- /** @ignore */
140
- private onAttach;
141
- /** @ignore */
142
- private onDetach;
143
- /** @ignore */
144
- private setScrollStrategy;
145
- /** @ignore */
146
- private setHasBackdrop;
147
- /** @ignore */
148
- private setDisableClose;
149
- /** @ignore */
150
- private setOrigin;
151
- /** @ignore */
152
- private setPositions;
153
- /** @ignore */
154
- private computePositions;
155
- private onOriginChangeEffect;
156
- /** @ignore */
157
- private onPositionChangeEffect;
158
- /** @ignore */
159
- private fireOverlayNgOnChanges;
160
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxPopoverContentDirective, never>;
161
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxPopoverContentDirective, "[rdxPopoverContent]", never, { "side": { "alias": "side"; "required": false; "isSignal": true; }; "sideOffset": { "alias": "sideOffset"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "alignOffset": { "alias": "alignOffset"; "required": false; "isSignal": true; }; "alternatePositionsDisabled": { "alias": "alternatePositionsDisabled"; "required": false; "isSignal": true; }; "onOverlayEscapeKeyDownDisabled": { "alias": "onOverlayEscapeKeyDownDisabled"; "required": false; "isSignal": true; }; "onOverlayOutsideClickDisabled": { "alias": "onOverlayOutsideClickDisabled"; "required": false; "isSignal": true; }; }, { "onOverlayEscapeKeyDown": "onOverlayEscapeKeyDown"; "onOverlayOutsideClick": "onOverlayOutsideClick"; "onOpen": "onOpen"; "onClosed": "onClosed"; }, never, never, true, [{ directive: typeof i1.CdkConnectedOverlay; inputs: {}; outputs: {}; }]>;
162
- }
163
-
164
- declare class RdxPopoverTriggerDirective {
165
- /** @ignore */
166
- protected readonly popoverRoot: _radix_ng_primitives_popover.RdxPopoverRootDirective;
167
- /** @ignore */
168
- readonly elementRef: ElementRef<HTMLElement>;
169
- /** @ignore */
170
- readonly overlayOrigin: CdkOverlayOrigin;
171
- /** @ignore */
172
- readonly name: _angular_core.Signal<string>;
173
- /** @ignore */
174
- protected click(): void;
175
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxPopoverTriggerDirective, never>;
176
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxPopoverTriggerDirective, "[rdxPopoverTrigger]", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
177
- }
178
-
179
- type EventType = 'cdkOverlayOutsideClick' | 'cdkOverlayEscapeKeyDown';
180
- type EventTypeCapitalized<R extends EventType = EventType> = Capitalize<R>;
181
- type EventTypeAsPrimitiveConfigKey<R extends EventType = EventType> = `prevent${EventTypeCapitalized<R>}`;
182
- type PrimitiveConfig = {
183
- [value in EventTypeAsPrimitiveConfigKey]?: boolean;
184
- };
185
- type PrimitiveConfigs = Map<object, PrimitiveConfig>;
186
-
187
- declare class RdxPopoverAnchorDirective {
188
- /**
189
- * @ignore
190
- * If outside the root then null, otherwise the root directive - with optional `true` passed in as the first param.
191
- * If outside the root and non-null value that means the html structure is wrong - popover inside popover.
192
- * */
193
- protected popoverRoot: RdxPopoverRootDirective | null;
194
- /** @ignore */
195
- readonly elementRef: ElementRef<any>;
196
- /** @ignore */
197
- readonly overlayOrigin: CdkOverlayOrigin;
198
- /** @ignore */
199
- readonly document: Document;
200
- /** @ignore */
201
- readonly name: _angular_core.Signal<string>;
202
- /** @ignore */
203
- click(): void;
204
- /** @ignore */
205
- setPopoverRoot(popoverRoot: RdxPopoverRootDirective): void;
206
- private emitOutsideClick;
207
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxPopoverAnchorDirective, never>;
208
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxPopoverAnchorDirective, "[rdxPopoverAnchor]", ["rdxPopoverAnchor"], {}, {}, never, never, true, [{ directive: typeof i1.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
209
- }
210
-
211
- declare enum RdxPopoverState {
212
- OPEN = "open",
213
- CLOSED = "closed"
214
- }
215
- declare enum RdxPopoverAttachDetachEvent {
216
- ATTACH = "attach",
217
- DETACH = "detach"
218
- }
219
- declare enum RdxPopoverAnimationStatus {
220
- OPEN_STARTED = "open_started",
221
- OPEN_ENDED = "open_ended",
222
- CLOSED_STARTED = "closed_started",
223
- CLOSED_ENDED = "closed_ended"
224
- }
225
-
226
- declare class RdxPopoverRootDirective {
227
- /** @ignore */
228
- readonly uniqueId: _angular_core.WritableSignal<number>;
229
- /** @ignore */
230
- readonly name: _angular_core.Signal<string>;
231
- /**
232
- * @description The anchor directive that comes form outside the popover root
233
- * @default undefined
234
- */
235
- readonly anchor: _angular_core.InputSignal<RdxPopoverAnchorDirective | undefined>;
236
- /**
237
- * @description The open state of the popover when it is initially rendered. Use when you do not need to control its open state.
238
- * @default false
239
- */
240
- readonly defaultOpen: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
241
- /**
242
- * @description The controlled state of the popover. `open` input take precedence of `defaultOpen` input.
243
- * @default undefined
244
- */
245
- readonly open: _angular_core.InputSignalWithTransform<boolean | undefined, BooleanInput>;
246
- /**
247
- * @description Whether to control the state of the popover from external. Use in conjunction with `open` input.
248
- * @default undefined
249
- */
250
- readonly externalControl: _angular_core.InputSignalWithTransform<boolean | undefined, BooleanInput>;
251
- /**
252
- * @description Whether to take into account CSS opening/closing animations.
253
- * @default false
254
- */
255
- readonly cssAnimation: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
256
- /**
257
- * @description Whether to take into account CSS opening animations. `cssAnimation` input must be set to 'true'
258
- * @default false
259
- */
260
- readonly cssOpeningAnimation: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
261
- /**
262
- * @description Whether to take into account CSS closing animations. `cssAnimation` input must be set to 'true'
263
- * @default false
264
- */
265
- readonly cssClosingAnimation: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
266
- /** @ignore */
267
- readonly cssAnimationStatus: _angular_core.WritableSignal<RdxPopoverAnimationStatus | null>;
268
- /** @ignore */
269
- readonly popoverContentDirective: _angular_core.Signal<RdxPopoverContentDirective>;
270
- /** @ignore */
271
- readonly popoverTriggerDirective: _angular_core.Signal<RdxPopoverTriggerDirective>;
272
- /** @ignore */
273
- readonly popoverArrowDirective: _angular_core.Signal<_radix_ng_primitives_popover.RdxPopoverArrowDirective | undefined>;
274
- /** @ignore */
275
- readonly popoverCloseDirective: _angular_core.Signal<_radix_ng_primitives_popover.RdxPopoverCloseDirective | undefined>;
276
- /** @ignore */
277
- readonly popoverContentAttributesComponent: _angular_core.Signal<_radix_ng_primitives_popover.RdxPopoverContentAttributesComponent | undefined>;
278
- /** @ignore */
279
- private readonly internalPopoverAnchorDirective;
280
- /** @ignore */
281
- readonly viewContainerRef: ViewContainerRef;
282
- /** @ignore */
283
- readonly rdxCdkEventService: {
284
- document: Document;
285
- destroyRef: DestroyRef;
286
- ngZone: _angular_core.NgZone;
287
- renderer2: _angular_core.Renderer2;
288
- window: Window & typeof globalThis;
289
- primitiveConfigs?: PrimitiveConfigs;
290
- onDestroyCallbacks: Set<() => void>;
291
- #clickDomRootEventCallbacks: Set<(event: MouseEvent) => void>;
292
- registerPrimitive<T extends object>(primitiveInstance: T): void;
293
- deregisterPrimitive<T extends object>(primitiveInstance: T): void;
294
- preventPrimitiveFromCdkEvent<T extends object>(primitiveInstance: T, eventType: EventType): void;
295
- allowPrimitiveForCdkEvent<T extends object>(primitiveInstance: T, eventType: EventType): void;
296
- preventPrimitiveFromCdkMultiEvents<T extends object>(primitiveInstance: T, eventTypes: EventType[]): void;
297
- allowPrimitiveForCdkMultiEvents<T extends object>(primitiveInstance: T, eventTypes: EventType[]): void;
298
- setPreventPrimitiveFromCdkMixEvents<T extends object>(primitiveInstance: T, eventTypes: PrimitiveConfig): void;
299
- primitivePreventedFromCdkEvent<T extends object>(primitiveInstance: T, eventType: EventType): boolean | undefined;
300
- addClickDomRootEventCallback(callback: (event: MouseEvent) => void): void;
301
- removeClickDomRootEventCallback(callback: (event: MouseEvent) => void): boolean;
302
- #setPreventPrimitiveFromCdkEvent<T extends object, R extends EventType, K extends PrimitiveConfig[`prevent${Capitalize<R>}`]>(primitiveInstance: T, eventType: R, value: K): void;
303
- #registerOnDestroyCallbacks(): void;
304
- #listenToClickDomRootEvent(): void;
305
- } | null;
306
- /** @ignore */
307
- readonly destroyRef: DestroyRef;
308
- /** @ignore */
309
- readonly state: _angular_core.WritableSignal<RdxPopoverState>;
310
- /** @ignore */
311
- readonly attachDetachEvent: _angular_core.WritableSignal<RdxPopoverAttachDetachEvent>;
312
- /** @ignore */
313
- private readonly isFirstDefaultOpen;
314
- /** @ignore */
315
- readonly popoverAnchorDirective: _angular_core.Signal<RdxPopoverAnchorDirective | undefined>;
316
- constructor();
317
- /** @ignore */
318
- getAnimationParamsSnapshot(): {
319
- cssAnimation: boolean;
320
- cssOpeningAnimation: boolean;
321
- cssClosingAnimation: boolean;
322
- cssAnimationStatus: RdxPopoverAnimationStatus | null;
323
- attachDetachEvent: RdxPopoverAttachDetachEvent;
324
- state: RdxPopoverState;
325
- canEmitOnOpenOrOnClosed: boolean;
326
- };
327
- /** @ignore */
328
- controlledExternally(): _angular_core.InputSignalWithTransform<boolean | undefined, BooleanInput>;
329
- /** @ignore */
330
- firstDefaultOpen(): boolean;
331
- /** @ignore */
332
- handleOpen(): void;
333
- /** @ignore */
334
- handleClose(): void;
335
- /** @ignore */
336
- handleToggle(): void;
337
- /** @ignore */
338
- isOpen(state?: RdxPopoverState): boolean;
339
- /** @ignore */
340
- private setState;
341
- /** @ignore */
342
- private openContent;
343
- /** @ignore */
344
- private closeContent;
345
- /** @ignore */
346
- private emitOnOpen;
347
- /** @ignore */
348
- private emitOnClosed;
349
- /** @ignore */
350
- private ifOpenOrCloseWithoutAnimations;
351
- /** @ignore */
352
- private ifOpenOrCloseWithAnimations;
353
- /** @ignore */
354
- private openOrClose;
355
- /** @ignore */
356
- private emitOnOpenOrOnClosed;
357
- /** @ignore */
358
- private canEmitOnOpenOrOnClosed;
359
- /** @ignore */
360
- private onStateChangeEffect;
361
- /** @ignore */
362
- private onCssAnimationStatusChangeChangeEffect;
363
- /** @ignore */
364
- private emitOpenOrClosedEventEffect;
365
- /** @ignore */
366
- private onOpenChangeEffect;
367
- /** @ignore */
368
- private onIsFirstDefaultOpenChangeEffect;
369
- /** @ignore */
370
- private onAnchorChangeEffect;
371
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxPopoverRootDirective, never>;
372
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxPopoverRootDirective, "[rdxPopoverRoot]", ["rdxPopoverRoot"], { "anchor": { "alias": "anchor"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "externalControl": { "alias": "externalControl"; "required": false; "isSignal": true; }; "cssAnimation": { "alias": "cssAnimation"; "required": false; "isSignal": true; }; "cssOpeningAnimation": { "alias": "cssOpeningAnimation"; "required": false; "isSignal": true; }; "cssClosingAnimation": { "alias": "cssClosingAnimation"; "required": false; "isSignal": true; }; }, {}, ["popoverContentDirective", "popoverTriggerDirective", "popoverArrowDirective", "popoverCloseDirective", "popoverContentAttributesComponent", "internalPopoverAnchorDirective"], never, true, never>;
373
- }
374
-
375
- declare class RdxPopoverContentAttributesComponent {
376
- /** @ignore */
377
- private readonly focusTrapDirective;
378
- /** @ignore */
379
- private readonly focusInitialDirective;
380
- /** @ignore */
381
- protected readonly popoverRoot: _radix_ng_primitives_popover.RdxPopoverRootDirective;
382
- /** @ignore */
383
- readonly name: _angular_core.Signal<string>;
384
- /** @ignore */
385
- readonly disableAnimation: _angular_core.Signal<boolean>;
386
- constructor();
387
- /** @ignore */
388
- protected onAnimationStart(_: AnimationEvent): void;
389
- /** @ignore */
390
- protected onAnimationEnd(_: AnimationEvent): void;
391
- /** @ignore */
392
- private canAnimate;
393
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxPopoverContentAttributesComponent, never>;
394
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<RdxPopoverContentAttributesComponent, "[rdxPopoverContentAttributes]", never, {}, {}, ["focusInitialDirective"], ["*"], true, [{ directive: typeof i1$1.CdkTrapFocus; inputs: {}; outputs: {}; }]>;
395
- }
396
-
397
- declare class RdxPopoverModule {
398
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxPopoverModule, never>;
399
- static ɵmod: _angular_core.ɵɵNgModuleDeclaration<RdxPopoverModule, never, [typeof RdxPopoverArrowDirective, typeof RdxPopoverCloseDirective, typeof RdxPopoverContentDirective, typeof RdxPopoverTriggerDirective, typeof RdxPopoverRootDirective, typeof RdxPopoverAnchorDirective, typeof RdxPopoverContentAttributesComponent], [typeof RdxPopoverArrowDirective, typeof RdxPopoverCloseDirective, typeof RdxPopoverContentDirective, typeof RdxPopoverTriggerDirective, typeof RdxPopoverRootDirective, typeof RdxPopoverAnchorDirective, typeof RdxPopoverContentAttributesComponent]>;
400
- static ɵinj: _angular_core.ɵɵInjectorDeclaration<RdxPopoverModule>;
401
- }
402
-
403
- export { RdxPopoverAnchorDirective, RdxPopoverArrowDirective, RdxPopoverCloseDirective, RdxPopoverContentAttributesComponent, RdxPopoverContentDirective, RdxPopoverModule, RdxPopoverRootDirective, RdxPopoverTriggerDirective };
package/portal/index.d.ts DELETED
@@ -1,22 +0,0 @@
1
- import * as _angular_core from '@angular/core';
2
- import { ElementRef } from '@angular/core';
3
-
4
- declare class RdxPortal {
5
- private readonly elementRef;
6
- private readonly platformId;
7
- private readonly document;
8
- private readonly destroyRef;
9
- /**
10
- * Specify a container element to portal the content into.
11
- */
12
- readonly container: _angular_core.InputSignal<ElementRef<HTMLElement> | undefined>;
13
- private _computedContainer;
14
- readonly computedContainer: _angular_core.WritableSignal<ElementRef<HTMLElement> | undefined>;
15
- private readonly elementContainer;
16
- constructor();
17
- setContainer(container: ElementRef<HTMLElement>): void;
18
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxPortal, never>;
19
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxPortal, "[rdxPortal]", never, { "container": { "alias": "container"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
20
- }
21
-
22
- export { RdxPortal };
@@ -1,103 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { NgZone, Signal, InjectionToken, Provider } from '@angular/core';
3
- import { Subject, Observable } from 'rxjs';
4
-
5
- type TransitionOptions<T> = {
6
- context?: T;
7
- animation: boolean;
8
- state?: 'continue' | 'stop';
9
- transitionTimerDelayMs?: number;
10
- };
11
- type TransitionContext<T> = {
12
- transition$: Subject<any>;
13
- complete: () => void;
14
- context: T;
15
- };
16
- type TransitionStartFn<T = any> = (element: HTMLElement, animation: boolean, context: T) => TransitionEndFn | void;
17
- type TransitionEndFn = () => void;
18
-
19
- /**
20
- * Manages the presence of an element with optional transition animation.
21
- *
22
- * @template T - The type of the context object used in the transition.
23
- * @param {NgZone} zone - The Angular zone to control the change detection context.
24
- * @param {HTMLElement} element - The target HTML element to apply the transition.
25
- * @param {TransitionOptions<T>} options - Options for controlling the transition behavior.
26
- * @param {T} [options.context] - An optional context object to pass through the transition.
27
- * @param {boolean} options.animation - A flag indicating if the transition should be animated.
28
- * @param {'start' | 'continue' | 'stop'} options.state - The desired state of the transition.
29
- * @param {TransitionStartFn<T>} startFn - A function to start the transition.
30
- * @returns {Observable<void>} - An observable that emits when the transition completes.
31
- *
32
- * The `usePresence` function is designed to manage the presence and visibility of an HTML element,
33
- * optionally applying a transition animation. It utilizes Angular's NgZone for efficient change
34
- * detection management and allows for different states of transitions ('start', 'continue', 'stop').
35
- * The function takes a start function to handle the beginning of the transition and returns an
36
- * observable that completes when the transition ends.
37
- *
38
- * Example usage:
39
- *
40
- * const options: TransitionOptions<MyContext> = {
41
- * context: {}, // your context object
42
- * animation: true,
43
- * state: 'start'
44
- * };
45
- *
46
- * const startFn: TransitionStartFn<MyContext> = (el, animation, context) => {
47
- * el.classList.add('active');
48
- * return () => el.classList.remove('active');
49
- * };
50
- *
51
- * usePresence(zone, element, startFn, options).subscribe(() => {
52
- * console.log('Transition completed');
53
- * });
54
- */
55
- declare const usePresence: <T>(zone: NgZone, element: HTMLElement, startFn: TransitionStartFn<T>, options: TransitionOptions<T>) => Observable<void>;
56
- declare const completeTransition: (element: HTMLElement) => void;
57
-
58
- /**
59
- * Context interface for RdxPresence directive
60
- * Contains a Signal that indicates whether the content should be present in the DOM
61
- */
62
- type RdxPresenceContext = {
63
- present: Signal<boolean>;
64
- };
65
- declare const RDX_PRESENCE_CONTEXT: InjectionToken<RdxPresenceContext>;
66
- /**
67
- * Factory provider helper.
68
- * In your parent component/directive you can write:
69
- *
70
- * providers: [
71
- * provideRdxPresenceContext(() => ({ present: myBooleanSignal }))
72
- * ]
73
- */
74
- declare function provideRdxPresenceContext(contextFactory: () => RdxPresenceContext): Provider;
75
- declare class RdxPresenceDirective {
76
- private readonly context;
77
- private readonly viewContainerRef;
78
- private readonly templateRef;
79
- private effectRef;
80
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxPresenceDirective, never>;
81
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxPresenceDirective, never, never, {}, {}, never, never, true, never>;
82
- }
83
-
84
- type CollapseContext = {
85
- direction: 'show' | 'hide';
86
- dimension: 'width' | 'height';
87
- maxSize?: string;
88
- };
89
- /**
90
- * Function to handle the start of a collapsing transition.
91
- *
92
- * @param element - The HTML element to animate.
93
- * @param animation - Whether to use animation or not.
94
- * @param context - The context containing direction and dimension information.
95
- * @returns A function to clean up the animation.
96
- */
97
- declare const transitionCollapsing: TransitionStartFn<CollapseContext>;
98
-
99
- declare const toastFadeInTransition: TransitionStartFn;
100
- declare const toastFadeOutTransition: TransitionStartFn;
101
-
102
- export { RDX_PRESENCE_CONTEXT, RdxPresenceDirective, completeTransition, provideRdxPresenceContext, toastFadeInTransition, toastFadeOutTransition, transitionCollapsing, usePresence };
103
- export type { CollapseContext, RdxPresenceContext, TransitionContext, TransitionEndFn, TransitionOptions, TransitionStartFn };
@@ -1,79 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { InjectionToken } from '@angular/core';
3
-
4
- declare const RdxProgressToken: InjectionToken<RdxProgressRootDirective>;
5
- /**
6
- * Injects the current instance of RdxProgressRootDirective.
7
- * @returns The instance of RdxProgressRootDirective.
8
- */
9
- declare function injectProgress(): RdxProgressRootDirective;
10
- type ProgressState = 'indeterminate' | 'complete' | 'loading';
11
- interface ProgressProps {
12
- value?: number | null;
13
- max?: number;
14
- /**
15
- * A function to get the accessible label text representing the current value in a human-readable format.
16
- *
17
- * If not provided, the value label will be read as the numeric value as a percentage of the max value.
18
- */
19
- getValueLabel?: (value: number, max: number) => string;
20
- }
21
- /**
22
- * Directive to manage progress bar state and attributes.
23
- *
24
- * This directive provides a way to create a progress bar with customizable value and max attributes.
25
- * It handles aria attributes for accessibility and provides different states like 'indeterminate', 'complete', and 'loading'.
26
- *
27
- * @group Components
28
- */
29
- declare class RdxProgressRootDirective {
30
- /**
31
- * The current value of the progress bar.
32
- * @group Props
33
- * @defaultValue 0
34
- */
35
- readonly value: i0.ModelSignal<number>;
36
- /**
37
- * The maximum value of the progress bar.
38
- * @defaultValue 100
39
- * @group Props
40
- */
41
- readonly max: i0.ModelSignal<number>;
42
- /**
43
- * Function to generate the value label.
44
- * @group Props
45
- */
46
- readonly valueLabel: i0.InputSignal<(value: number, max: number) => string>;
47
- protected readonly label: i0.Signal<string>;
48
- readonly progressState: i0.Signal<ProgressState>;
49
- constructor();
50
- private validateValue;
51
- private validateMax;
52
- private defaultGetValueLabel;
53
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxProgressRootDirective, never>;
54
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxProgressRootDirective, "[rdxProgressRoot]", ["rdxProgressRoot"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "valueLabel": { "alias": "valueLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "max": "maxChange"; }, never, never, true, never>;
55
- }
56
-
57
- /**
58
- * Directive to manage progress indicator state and attributes.
59
- *
60
- * This directive is used to display the progress indicator inside the progress bar.
61
- * It inherits the state and value from the `RdxProgressRootDirective`.
62
- */
63
- declare class RdxProgressIndicatorDirective {
64
- /**
65
- * This allows the directive to access the progress bar state and values.
66
- */
67
- protected readonly progress: RdxProgressRootDirective;
68
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxProgressIndicatorDirective, never>;
69
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxProgressIndicatorDirective, "[rdxProgressIndicator]", ["rdxProgressIndicator"], {}, {}, never, never, true, never>;
70
- }
71
-
72
- declare class RdxProgressModule {
73
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxProgressModule, never>;
74
- static ɵmod: i0.ɵɵNgModuleDeclaration<RdxProgressModule, never, [typeof RdxProgressRootDirective, typeof RdxProgressIndicatorDirective], [typeof RdxProgressRootDirective, typeof RdxProgressIndicatorDirective]>;
75
- static ɵinj: i0.ɵɵInjectorDeclaration<RdxProgressModule>;
76
- }
77
-
78
- export { RdxProgressIndicatorDirective, RdxProgressModule, RdxProgressRootDirective, RdxProgressToken, injectProgress };
79
- export type { ProgressProps, ProgressState };