@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,433 +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_tooltip from '@radix-ng/primitives/tooltip';
5
- import * as rxjs from 'rxjs';
6
- import { Subject } from 'rxjs';
7
- import * as _angular_cdk_overlay_module_d from '@angular/cdk/overlay-module.d';
8
- import { RdxPositionSide, RdxPositionAlign } from '@radix-ng/primitives/core';
9
- import * as i1 from '@angular/cdk/overlay';
10
- import { CdkOverlayOrigin } from '@angular/cdk/overlay';
11
-
12
- declare class RdxTooltipArrowDirective {
13
- /** @ignore */
14
- private readonly renderer;
15
- /** @ignore */
16
- private readonly rootDirective;
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<RdxTooltipArrowDirective, never>;
47
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTooltipArrowDirective, "[rdxTooltipArrow]", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
48
- }
49
-
50
- /**
51
- * TODO: to be removed? But it seems to be useful when controlled from outside
52
- */
53
- declare class RdxTooltipCloseDirective {
54
- /** @ignore */
55
- protected readonly rootDirective: _radix_ng_primitives_tooltip.RdxTooltipRootDirective;
56
- /** @ignore */
57
- readonly elementRef: ElementRef<any>;
58
- /** @ignore */
59
- private readonly renderer;
60
- constructor();
61
- /** @ignore */
62
- private onIsControlledExternallyEffect;
63
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTooltipCloseDirective, never>;
64
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTooltipCloseDirective, "[rdxTooltipClose]", never, {}, {}, never, never, true, never>;
65
- }
66
-
67
- declare class RdxTooltipContentDirective implements OnInit {
68
- /** @ignore */
69
- private readonly rootDirective;
70
- /** @ignore */
71
- private readonly templateRef;
72
- /** @ignore */
73
- private readonly overlay;
74
- /** @ignore */
75
- private readonly destroyRef;
76
- /** @ignore */
77
- private readonly connectedOverlay;
78
- /** @ignore */
79
- readonly name: _angular_core.Signal<string>;
80
- /**
81
- * @description The preferred side of the trigger to render against when open. Will be reversed when collisions occur and avoidCollisions is enabled.
82
- * @default top
83
- */
84
- readonly side: _angular_core.InputSignal<RdxPositionSide>;
85
- /**
86
- * @description The distance in pixels from the trigger.
87
- * @default undefined
88
- */
89
- readonly sideOffset: _angular_core.InputSignalWithTransform<number, NumberInput>;
90
- /**
91
- * @description The preferred alignment against the trigger. May change when collisions occur.
92
- * @default center
93
- */
94
- readonly align: _angular_core.InputSignal<RdxPositionAlign>;
95
- /**
96
- * @description An offset in pixels from the "start" or "end" alignment options.
97
- * @default undefined
98
- */
99
- readonly alignOffset: _angular_core.InputSignalWithTransform<number, NumberInput>;
100
- /**
101
- * @description Whether to add some alternate positions of the content.
102
- * @default false
103
- */
104
- readonly alternatePositionsDisabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
105
- /** @description Whether to prevent `onOverlayEscapeKeyDown` handler from calling. */
106
- readonly onOverlayEscapeKeyDownDisabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
107
- /** @description Whether to prevent `onOverlayOutsideClick` handler from calling. */
108
- readonly onOverlayOutsideClickDisabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
109
- /**
110
- * @description Event handler called when the escape key is down.
111
- * It can be prevented by setting `onOverlayEscapeKeyDownDisabled` input to `true`.
112
- */
113
- readonly onOverlayEscapeKeyDown: _angular_core.OutputEmitterRef<KeyboardEvent>;
114
- /**
115
- * @description Event handler called when a pointer event occurs outside the bounds of the component.
116
- * It can be prevented by setting `onOverlayOutsideClickDisabled` input to `true`.
117
- */
118
- readonly onOverlayOutsideClick: _angular_core.OutputEmitterRef<MouseEvent>;
119
- /**
120
- * @description Event handler called after the overlay is open
121
- */
122
- readonly onOpen: _angular_core.OutputEmitterRef<void>;
123
- /**
124
- * @description Event handler called after the overlay is closed
125
- */
126
- readonly onClosed: _angular_core.OutputEmitterRef<void>;
127
- /** @ingore */
128
- readonly positions: _angular_core.Signal<_angular_cdk_overlay_module_d.ConnectedPosition[]>;
129
- constructor();
130
- /** @ignore */
131
- ngOnInit(): void;
132
- /** @ignore */
133
- open(): void;
134
- /** @ignore */
135
- close(): void;
136
- /** @ignore */
137
- positionChange(): rxjs.Observable<_angular_cdk_overlay_module_d.ConnectedOverlayPositionChange>;
138
- /** @ignore */
139
- private connectKeydownEscape;
140
- /** @ignore */
141
- private connectOutsideClick;
142
- /** @ignore */
143
- private onAttach;
144
- /** @ignore */
145
- private onDetach;
146
- /** @ignore */
147
- private setScrollStrategy;
148
- /** @ignore */
149
- private setHasBackdrop;
150
- /** @ignore */
151
- private setDisableClose;
152
- /** @ignore */
153
- private setOrigin;
154
- /** @ignore */
155
- private setPositions;
156
- /** @ignore */
157
- private computePositions;
158
- private onOriginChangeEffect;
159
- /** @ignore */
160
- private onPositionChangeEffect;
161
- /** @ignore */
162
- private fireOverlayNgOnChanges;
163
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTooltipContentDirective, never>;
164
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTooltipContentDirective, "[rdxTooltipContent]", 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: {}; }]>;
165
- }
166
-
167
- declare class RdxTooltipTriggerDirective {
168
- /** @ignore */
169
- protected readonly rootDirective: _radix_ng_primitives_tooltip.RdxTooltipRootDirective;
170
- /** @ignore */
171
- readonly elementRef: ElementRef<HTMLElement>;
172
- /** @ignore */
173
- readonly overlayOrigin: CdkOverlayOrigin;
174
- /** @ignore */
175
- readonly name: _angular_core.Signal<string>;
176
- /** @ignore */
177
- pointerenter(): void;
178
- /** @ignore */
179
- pointerleave(): void;
180
- /** @ignore */
181
- focus(): void;
182
- /** @ignore */
183
- blur(): void;
184
- /** @ignore */
185
- click(): void;
186
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTooltipTriggerDirective, never>;
187
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTooltipTriggerDirective, "[rdxTooltipTrigger]", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
188
- }
189
-
190
- type EventType = 'cdkOverlayOutsideClick' | 'cdkOverlayEscapeKeyDown';
191
- type EventTypeCapitalized<R extends EventType = EventType> = Capitalize<R>;
192
- type EventTypeAsPrimitiveConfigKey<R extends EventType = EventType> = `prevent${EventTypeCapitalized<R>}`;
193
- type PrimitiveConfig = {
194
- [value in EventTypeAsPrimitiveConfigKey]?: boolean;
195
- };
196
- type PrimitiveConfigs = Map<object, PrimitiveConfig>;
197
-
198
- declare class RdxTooltipAnchorDirective {
199
- /**
200
- * @ignore
201
- * If outside the rootDirective then null, otherwise the rootDirective directive - with optional `true` passed in as the first param.
202
- * If outside the rootDirective and non-null value that means the html structure is wrong - tooltip inside tooltip.
203
- * */
204
- protected rootDirective: RdxTooltipRootDirective | null;
205
- /** @ignore */
206
- readonly elementRef: ElementRef<any>;
207
- /** @ignore */
208
- readonly overlayOrigin: CdkOverlayOrigin;
209
- /** @ignore */
210
- readonly document: Document;
211
- /** @ignore */
212
- readonly name: _angular_core.Signal<string>;
213
- /** @ignore */
214
- click(): void;
215
- /** @ignore */
216
- setRoot(root: RdxTooltipRootDirective): void;
217
- private emitOutsideClick;
218
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTooltipAnchorDirective, never>;
219
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTooltipAnchorDirective, "[rdxTooltipAnchor]", ["rdxTooltipAnchor"], {}, {}, never, never, true, [{ directive: typeof i1.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
220
- }
221
-
222
- declare enum RdxTooltipState {
223
- OPEN = "open",
224
- CLOSED = "closed"
225
- }
226
- declare enum RdxTooltipAction {
227
- OPEN = "open",
228
- CLOSE = "close"
229
- }
230
- declare enum RdxTooltipAttachDetachEvent {
231
- ATTACH = "attach",
232
- DETACH = "detach"
233
- }
234
- declare enum RdxTooltipAnimationStatus {
235
- OPEN_STARTED = "open_started",
236
- OPEN_ENDED = "open_ended",
237
- CLOSED_STARTED = "closed_started",
238
- CLOSED_ENDED = "closed_ended"
239
- }
240
-
241
- declare class RdxTooltipRootDirective {
242
- /** @ignore */
243
- readonly uniqueId: _angular_core.WritableSignal<number>;
244
- /** @ignore */
245
- readonly name: _angular_core.Signal<string>;
246
- /**
247
- * @description The anchor directive that comes form outside the tooltip rootDirective
248
- * @default undefined
249
- */
250
- readonly anchor: _angular_core.InputSignal<RdxTooltipAnchorDirective | undefined>;
251
- /**
252
- * @description The open state of the tooltip when it is initially rendered. Use when you do not need to control its open state.
253
- * @default false
254
- */
255
- readonly defaultOpen: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
256
- /**
257
- * @description The controlled state of the tooltip. `open` input take precedence of `defaultOpen` input.
258
- * @default undefined
259
- */
260
- readonly open: _angular_core.InputSignalWithTransform<boolean | undefined, BooleanInput>;
261
- /**
262
- * To customise the open delay for a specific tooltip.
263
- */
264
- readonly openDelay: _angular_core.InputSignalWithTransform<number, NumberInput>;
265
- /**
266
- * To customise the close delay for a specific tooltip.
267
- */
268
- readonly closeDelay: _angular_core.InputSignalWithTransform<number, NumberInput>;
269
- /**
270
- * @description Whether to control the state of the tooltip from external. Use in conjunction with `open` input.
271
- * @default undefined
272
- */
273
- readonly externalControl: _angular_core.InputSignalWithTransform<boolean | undefined, BooleanInput>;
274
- /**
275
- * @description Whether to take into account CSS opening/closing animations.
276
- * @default false
277
- */
278
- readonly cssAnimation: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
279
- /**
280
- * @description Whether to take into account CSS opening animations. `cssAnimation` input must be set to 'true'
281
- * @default false
282
- */
283
- readonly cssOpeningAnimation: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
284
- /**
285
- * @description Whether to take into account CSS closing animations. `cssAnimation` input must be set to 'true'
286
- * @default false
287
- */
288
- readonly cssClosingAnimation: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
289
- /** @ignore */
290
- readonly cssAnimationStatus: _angular_core.WritableSignal<RdxTooltipAnimationStatus | null>;
291
- /** @ignore */
292
- readonly contentDirective: _angular_core.Signal<RdxTooltipContentDirective>;
293
- /** @ignore */
294
- readonly triggerDirective: _angular_core.Signal<RdxTooltipTriggerDirective>;
295
- /** @ignore */
296
- readonly arrowDirective: _angular_core.Signal<_radix_ng_primitives_tooltip.RdxTooltipArrowDirective | undefined>;
297
- /** @ignore */
298
- readonly closeDirective: _angular_core.Signal<_radix_ng_primitives_tooltip.RdxTooltipCloseDirective | undefined>;
299
- /** @ignore */
300
- readonly contentAttributesComponent: _angular_core.Signal<_radix_ng_primitives_tooltip.RdxTooltipContentAttributesComponent | undefined>;
301
- /** @ignore */
302
- private readonly internalAnchorDirective;
303
- /** @ignore */
304
- readonly viewContainerRef: ViewContainerRef;
305
- /** @ignore */
306
- readonly rdxCdkEventService: {
307
- document: Document;
308
- destroyRef: DestroyRef;
309
- ngZone: _angular_core.NgZone;
310
- renderer2: _angular_core.Renderer2;
311
- window: Window & typeof globalThis;
312
- primitiveConfigs?: PrimitiveConfigs;
313
- onDestroyCallbacks: Set<() => void>;
314
- #clickDomRootEventCallbacks: Set<(event: MouseEvent) => void>;
315
- registerPrimitive<T extends object>(primitiveInstance: T): void;
316
- deregisterPrimitive<T extends object>(primitiveInstance: T): void;
317
- preventPrimitiveFromCdkEvent<T extends object>(primitiveInstance: T, eventType: EventType): void;
318
- allowPrimitiveForCdkEvent<T extends object>(primitiveInstance: T, eventType: EventType): void;
319
- preventPrimitiveFromCdkMultiEvents<T extends object>(primitiveInstance: T, eventTypes: EventType[]): void;
320
- allowPrimitiveForCdkMultiEvents<T extends object>(primitiveInstance: T, eventTypes: EventType[]): void;
321
- setPreventPrimitiveFromCdkMixEvents<T extends object>(primitiveInstance: T, eventTypes: PrimitiveConfig): void;
322
- primitivePreventedFromCdkEvent<T extends object>(primitiveInstance: T, eventType: EventType): boolean | undefined;
323
- addClickDomRootEventCallback(callback: (event: MouseEvent) => void): void;
324
- removeClickDomRootEventCallback(callback: (event: MouseEvent) => void): boolean;
325
- #setPreventPrimitiveFromCdkEvent<T extends object, R extends EventType, K extends PrimitiveConfig[`prevent${Capitalize<R>}`]>(primitiveInstance: T, eventType: R, value: K): void;
326
- #registerOnDestroyCallbacks(): void;
327
- #listenToClickDomRootEvent(): void;
328
- } | null;
329
- /** @ignore */
330
- readonly destroyRef: DestroyRef;
331
- /** @ignore */
332
- readonly state: _angular_core.WritableSignal<RdxTooltipState>;
333
- /** @ignore */
334
- readonly attachDetachEvent: _angular_core.WritableSignal<RdxTooltipAttachDetachEvent>;
335
- /** @ignore */
336
- private readonly isFirstDefaultOpen;
337
- /** @ignore */
338
- readonly anchorDirective: _angular_core.Signal<RdxTooltipAnchorDirective | undefined>;
339
- /** @ignore */
340
- readonly actionSubject$: Subject<RdxTooltipAction>;
341
- constructor();
342
- /** @ignore */
343
- getAnimationParamsSnapshot(): {
344
- cssAnimation: boolean;
345
- cssOpeningAnimation: boolean;
346
- cssClosingAnimation: boolean;
347
- cssAnimationStatus: RdxTooltipAnimationStatus | null;
348
- attachDetachEvent: RdxTooltipAttachDetachEvent;
349
- state: RdxTooltipState;
350
- canEmitOnOpenOrOnClosed: boolean;
351
- };
352
- /** @ignore */
353
- controlledExternally(): _angular_core.InputSignalWithTransform<boolean | undefined, BooleanInput>;
354
- /** @ignore */
355
- firstDefaultOpen(): boolean;
356
- /** @ignore */
357
- handleOpen(): void;
358
- /** @ignore */
359
- handleClose(closeButton?: boolean): void;
360
- /** @ignore */
361
- handleToggle(): void;
362
- /** @ignore */
363
- isOpen(state?: RdxTooltipState): boolean;
364
- /** @ignore */
365
- private setState;
366
- /** @ignore */
367
- private openContent;
368
- /** @ignore */
369
- private closeContent;
370
- /** @ignore */
371
- private emitOnOpen;
372
- /** @ignore */
373
- private emitOnClosed;
374
- /** @ignore */
375
- private ifOpenOrCloseWithoutAnimations;
376
- /** @ignore */
377
- private ifOpenOrCloseWithAnimations;
378
- /** @ignore */
379
- private openOrClose;
380
- /** @ignore */
381
- private emitOnOpenOrOnClosed;
382
- /** @ignore */
383
- private canEmitOnOpenOrOnClosed;
384
- /** @ignore */
385
- private onStateChangeEffect;
386
- /** @ignore */
387
- private onCssAnimationStatusChangeChangeEffect;
388
- /** @ignore */
389
- private emitOpenOrClosedEventEffect;
390
- /** @ignore */
391
- private onOpenChangeEffect;
392
- /** @ignore */
393
- private onIsFirstDefaultOpenChangeEffect;
394
- /** @ignore */
395
- private onAnchorChangeEffect;
396
- /** @ignore */
397
- private actionSubscription;
398
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTooltipRootDirective, never>;
399
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTooltipRootDirective, "[rdxTooltipRoot]", ["rdxTooltipRoot"], { "anchor": { "alias": "anchor"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "openDelay": { "alias": "openDelay"; "required": false; "isSignal": true; }; "closeDelay": { "alias": "closeDelay"; "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; }; }, {}, ["contentDirective", "triggerDirective", "arrowDirective", "closeDirective", "contentAttributesComponent", "internalAnchorDirective"], never, true, never>;
400
- }
401
-
402
- declare class RdxTooltipContentAttributesComponent {
403
- /** @ignore */
404
- protected readonly rootDirective: _radix_ng_primitives_tooltip.RdxTooltipRootDirective;
405
- /** @ignore */
406
- readonly name: _angular_core.Signal<string>;
407
- /** @ignore */
408
- readonly disableAnimation: _angular_core.Signal<boolean>;
409
- /** @ignore */
410
- protected onAnimationStart(_: AnimationEvent): void;
411
- /** @ignore */
412
- protected onAnimationEnd(_: AnimationEvent): void;
413
- /** @ignore */
414
- protected pointerenter(): void;
415
- /** @ignore */
416
- protected pointerleave(): void;
417
- /** @ignore */
418
- protected focus(): void;
419
- /** @ignore */
420
- protected blur(): void;
421
- /** @ignore */
422
- private canAnimate;
423
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTooltipContentAttributesComponent, never>;
424
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<RdxTooltipContentAttributesComponent, "[rdxTooltipContentAttributes]", never, {}, {}, never, ["*"], true, never>;
425
- }
426
-
427
- declare class RdxTooltipModule {
428
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTooltipModule, never>;
429
- static ɵmod: _angular_core.ɵɵNgModuleDeclaration<RdxTooltipModule, never, [typeof RdxTooltipArrowDirective, typeof RdxTooltipCloseDirective, typeof RdxTooltipContentDirective, typeof RdxTooltipTriggerDirective, typeof RdxTooltipRootDirective, typeof RdxTooltipAnchorDirective, typeof RdxTooltipContentAttributesComponent], [typeof RdxTooltipArrowDirective, typeof RdxTooltipCloseDirective, typeof RdxTooltipContentDirective, typeof RdxTooltipTriggerDirective, typeof RdxTooltipRootDirective, typeof RdxTooltipAnchorDirective, typeof RdxTooltipContentAttributesComponent]>;
430
- static ɵinj: _angular_core.ɵɵInjectorDeclaration<RdxTooltipModule>;
431
- }
432
-
433
- export { RdxTooltipAnchorDirective, RdxTooltipArrowDirective, RdxTooltipCloseDirective, RdxTooltipContentAttributesComponent, RdxTooltipContentDirective, RdxTooltipModule, RdxTooltipRootDirective, RdxTooltipTriggerDirective };
@@ -1,3 +0,0 @@
1
- # @radix-ng/primitives/tooltip2
2
-
3
- Secondary entry point of `@radix-ng/primitives`. It can be used by importing from `@radix-ng/primitives/tooltip2`.