@radix-ng/primitives 0.51.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 (178) hide show
  1. package/fesm2022/radix-ng-primitives-accordion.mjs +105 -38
  2. package/fesm2022/radix-ng-primitives-accordion.mjs.map +1 -1
  3. package/fesm2022/radix-ng-primitives-alert-dialog.mjs +221 -129
  4. package/fesm2022/radix-ng-primitives-alert-dialog.mjs.map +1 -1
  5. package/fesm2022/radix-ng-primitives-arrow.mjs +20 -4
  6. package/fesm2022/radix-ng-primitives-arrow.mjs.map +1 -1
  7. package/fesm2022/radix-ng-primitives-aspect-ratio.mjs.map +1 -1
  8. package/fesm2022/radix-ng-primitives-avatar.mjs +54 -61
  9. package/fesm2022/radix-ng-primitives-avatar.mjs.map +1 -1
  10. package/fesm2022/radix-ng-primitives-button.mjs +123 -0
  11. package/fesm2022/radix-ng-primitives-button.mjs.map +1 -0
  12. package/fesm2022/radix-ng-primitives-calendar.mjs.map +1 -1
  13. package/fesm2022/radix-ng-primitives-checkbox.mjs +378 -54
  14. package/fesm2022/radix-ng-primitives-checkbox.mjs.map +1 -1
  15. package/fesm2022/radix-ng-primitives-collapsible.mjs +182 -81
  16. package/fesm2022/radix-ng-primitives-collapsible.mjs.map +1 -1
  17. package/fesm2022/radix-ng-primitives-collection.mjs +40 -57
  18. package/fesm2022/radix-ng-primitives-collection.mjs.map +1 -1
  19. package/fesm2022/radix-ng-primitives-config.mjs.map +1 -1
  20. package/fesm2022/radix-ng-primitives-context-menu.mjs +140 -424
  21. package/fesm2022/radix-ng-primitives-context-menu.mjs.map +1 -1
  22. package/fesm2022/radix-ng-primitives-core.mjs +735 -744
  23. package/fesm2022/radix-ng-primitives-core.mjs.map +1 -1
  24. package/fesm2022/radix-ng-primitives-cropper.mjs +1 -0
  25. package/fesm2022/radix-ng-primitives-cropper.mjs.map +1 -1
  26. package/fesm2022/radix-ng-primitives-date-field.mjs +51 -45
  27. package/fesm2022/radix-ng-primitives-date-field.mjs.map +1 -1
  28. package/fesm2022/radix-ng-primitives-dialog.mjs +655 -327
  29. package/fesm2022/radix-ng-primitives-dialog.mjs.map +1 -1
  30. package/fesm2022/radix-ng-primitives-dismissable-layer.mjs +70 -46
  31. package/fesm2022/radix-ng-primitives-dismissable-layer.mjs.map +1 -1
  32. package/fesm2022/radix-ng-primitives-drawer.mjs +1059 -0
  33. package/fesm2022/radix-ng-primitives-drawer.mjs.map +1 -0
  34. package/fesm2022/radix-ng-primitives-editable.mjs.map +1 -1
  35. package/fesm2022/radix-ng-primitives-field.mjs +363 -0
  36. package/fesm2022/radix-ng-primitives-field.mjs.map +1 -0
  37. package/fesm2022/radix-ng-primitives-fieldset.mjs +79 -0
  38. package/fesm2022/radix-ng-primitives-fieldset.mjs.map +1 -0
  39. package/fesm2022/radix-ng-primitives-focus-scope.mjs +23 -8
  40. package/fesm2022/radix-ng-primitives-focus-scope.mjs.map +1 -1
  41. package/fesm2022/radix-ng-primitives-input.mjs +172 -0
  42. package/fesm2022/radix-ng-primitives-input.mjs.map +1 -0
  43. package/fesm2022/radix-ng-primitives-label.mjs +6 -6
  44. package/fesm2022/radix-ng-primitives-label.mjs.map +1 -1
  45. package/fesm2022/radix-ng-primitives-menu.mjs +1480 -344
  46. package/fesm2022/radix-ng-primitives-menu.mjs.map +1 -1
  47. package/fesm2022/radix-ng-primitives-menubar.mjs +290 -162
  48. package/fesm2022/radix-ng-primitives-menubar.mjs.map +1 -1
  49. package/fesm2022/radix-ng-primitives-meter.mjs +271 -0
  50. package/fesm2022/radix-ng-primitives-meter.mjs.map +1 -0
  51. package/fesm2022/radix-ng-primitives-navigation-menu.mjs +1052 -1553
  52. package/fesm2022/radix-ng-primitives-navigation-menu.mjs.map +1 -1
  53. package/fesm2022/radix-ng-primitives-number-field.mjs +1102 -367
  54. package/fesm2022/radix-ng-primitives-number-field.mjs.map +1 -1
  55. package/fesm2022/radix-ng-primitives-pagination.mjs.map +1 -1
  56. package/fesm2022/radix-ng-primitives-popover.mjs +978 -989
  57. package/fesm2022/radix-ng-primitives-popover.mjs.map +1 -1
  58. package/fesm2022/radix-ng-primitives-popper.mjs +91 -41
  59. package/fesm2022/radix-ng-primitives-popper.mjs.map +1 -1
  60. package/fesm2022/radix-ng-primitives-portal.mjs +34 -10
  61. package/fesm2022/radix-ng-primitives-portal.mjs.map +1 -1
  62. package/fesm2022/radix-ng-primitives-presence.mjs +134 -246
  63. package/fesm2022/radix-ng-primitives-presence.mjs.map +1 -1
  64. package/fesm2022/radix-ng-primitives-preview-card.mjs +997 -0
  65. package/fesm2022/radix-ng-primitives-preview-card.mjs.map +1 -0
  66. package/fesm2022/radix-ng-primitives-progress.mjs +223 -84
  67. package/fesm2022/radix-ng-primitives-progress.mjs.map +1 -1
  68. package/fesm2022/radix-ng-primitives-radio.mjs +191 -51
  69. package/fesm2022/radix-ng-primitives-radio.mjs.map +1 -1
  70. package/fesm2022/radix-ng-primitives-roving-focus.mjs +96 -50
  71. package/fesm2022/radix-ng-primitives-roving-focus.mjs.map +1 -1
  72. package/fesm2022/radix-ng-primitives-select.mjs +791 -509
  73. package/fesm2022/radix-ng-primitives-select.mjs.map +1 -1
  74. package/fesm2022/radix-ng-primitives-separator.mjs +12 -35
  75. package/fesm2022/radix-ng-primitives-separator.mjs.map +1 -1
  76. package/fesm2022/radix-ng-primitives-slider.mjs +969 -717
  77. package/fesm2022/radix-ng-primitives-slider.mjs.map +1 -1
  78. package/fesm2022/radix-ng-primitives-stepper.mjs +15 -19
  79. package/fesm2022/radix-ng-primitives-stepper.mjs.map +1 -1
  80. package/fesm2022/radix-ng-primitives-switch.mjs +125 -113
  81. package/fesm2022/radix-ng-primitives-switch.mjs.map +1 -1
  82. package/fesm2022/radix-ng-primitives-tabs.mjs +381 -108
  83. package/fesm2022/radix-ng-primitives-tabs.mjs.map +1 -1
  84. package/fesm2022/radix-ng-primitives-time-field.mjs +55 -46
  85. package/fesm2022/radix-ng-primitives-time-field.mjs.map +1 -1
  86. package/fesm2022/radix-ng-primitives-toggle-group.mjs +121 -247
  87. package/fesm2022/radix-ng-primitives-toggle-group.mjs.map +1 -1
  88. package/fesm2022/radix-ng-primitives-toggle.mjs +98 -61
  89. package/fesm2022/radix-ng-primitives-toggle.mjs.map +1 -1
  90. package/fesm2022/radix-ng-primitives-toolbar.mjs +303 -92
  91. package/fesm2022/radix-ng-primitives-toolbar.mjs.map +1 -1
  92. package/fesm2022/radix-ng-primitives-tooltip.mjs +690 -1071
  93. package/fesm2022/radix-ng-primitives-tooltip.mjs.map +1 -1
  94. package/fesm2022/radix-ng-primitives-visually-hidden.mjs +25 -66
  95. package/fesm2022/radix-ng-primitives-visually-hidden.mjs.map +1 -1
  96. package/meter/README.md +3 -0
  97. package/navigation-menu/README.md +2 -1
  98. package/package.json +31 -18
  99. package/portal/README.md +2 -0
  100. package/preview-card/README.md +3 -0
  101. package/schematics/collection.json +1 -0
  102. package/schematics/ng-add/index.d.ts +3 -2
  103. package/schematics/ng-add/index.js +62 -31
  104. package/schematics/ng-add/index.js.map +1 -1
  105. package/schematics/ng-add/package-config.d.ts +4 -2
  106. package/schematics/ng-add/package-config.js +10 -2
  107. package/schematics/ng-add/package-config.js.map +1 -1
  108. package/schematics/ng-add/schema.d.ts +3 -0
  109. package/schematics/ng-add/schema.js +3 -0
  110. package/schematics/ng-add/schema.js.map +1 -0
  111. package/schematics/ng-add/schema.json +14 -0
  112. package/select/README.md +2 -0
  113. package/types/radix-ng-primitives-accordion.d.ts +48 -14
  114. package/types/radix-ng-primitives-alert-dialog.d.ts +95 -38
  115. package/types/radix-ng-primitives-arrow.d.ts +1 -1
  116. package/types/radix-ng-primitives-aspect-ratio.d.ts +1 -1
  117. package/types/radix-ng-primitives-avatar.d.ts +7 -11
  118. package/types/radix-ng-primitives-button.d.ts +73 -0
  119. package/types/radix-ng-primitives-calendar.d.ts +1 -2
  120. package/types/radix-ng-primitives-checkbox.d.ts +201 -32
  121. package/types/radix-ng-primitives-collapsible.d.ts +112 -39
  122. package/types/radix-ng-primitives-collection.d.ts +38 -34
  123. package/types/radix-ng-primitives-config.d.ts +1 -1
  124. package/types/radix-ng-primitives-context-menu.d.ts +60 -116
  125. package/types/radix-ng-primitives-core.d.ts +307 -236
  126. package/types/radix-ng-primitives-cropper.d.ts +2 -2
  127. package/types/radix-ng-primitives-date-field.d.ts +38 -23
  128. package/types/radix-ng-primitives-dialog.d.ts +282 -165
  129. package/types/radix-ng-primitives-dismissable-layer.d.ts +15 -7
  130. package/types/radix-ng-primitives-drawer.d.ts +448 -0
  131. package/types/radix-ng-primitives-editable.d.ts +1 -1
  132. package/types/radix-ng-primitives-field.d.ts +373 -0
  133. package/types/radix-ng-primitives-fieldset.d.ts +48 -0
  134. package/types/radix-ng-primitives-focus-scope.d.ts +13 -5
  135. package/types/radix-ng-primitives-input.d.ts +87 -0
  136. package/types/radix-ng-primitives-label.d.ts +0 -1
  137. package/types/radix-ng-primitives-menu.d.ts +572 -99
  138. package/types/radix-ng-primitives-menubar.d.ts +60 -50
  139. package/types/radix-ng-primitives-meter.d.ts +193 -0
  140. package/types/radix-ng-primitives-navigation-menu.d.ts +422 -340
  141. package/types/radix-ng-primitives-number-field.d.ts +405 -145
  142. package/types/radix-ng-primitives-pagination.d.ts +2 -2
  143. package/types/radix-ng-primitives-popover.d.ts +365 -351
  144. package/types/radix-ng-primitives-popper.d.ts +49 -9
  145. package/types/radix-ng-primitives-portal.d.ts +14 -6
  146. package/types/radix-ng-primitives-presence.d.ts +28 -76
  147. package/types/radix-ng-primitives-preview-card.d.ts +359 -0
  148. package/types/radix-ng-primitives-progress.d.ts +174 -48
  149. package/types/radix-ng-primitives-radio.d.ts +55 -25
  150. package/types/radix-ng-primitives-roving-focus.d.ts +30 -21
  151. package/types/radix-ng-primitives-select.d.ts +475 -177
  152. package/types/radix-ng-primitives-separator.d.ts +7 -32
  153. package/types/radix-ng-primitives-slider.d.ts +315 -201
  154. package/types/radix-ng-primitives-stepper.d.ts +5 -7
  155. package/types/radix-ng-primitives-switch.d.ts +86 -71
  156. package/types/radix-ng-primitives-tabs.d.ts +213 -79
  157. package/types/radix-ng-primitives-time-field.d.ts +42 -27
  158. package/types/radix-ng-primitives-toggle-group.d.ts +85 -164
  159. package/types/radix-ng-primitives-toggle.d.ts +43 -53
  160. package/types/radix-ng-primitives-toolbar.d.ts +163 -38
  161. package/types/radix-ng-primitives-tooltip.d.ts +347 -384
  162. package/types/radix-ng-primitives-visually-hidden.d.ts +19 -19
  163. package/dropdown-menu/README.md +0 -1
  164. package/fesm2022/radix-ng-primitives-dropdown-menu.mjs +0 -581
  165. package/fesm2022/radix-ng-primitives-dropdown-menu.mjs.map +0 -1
  166. package/fesm2022/radix-ng-primitives-hover-card.mjs +0 -1238
  167. package/fesm2022/radix-ng-primitives-hover-card.mjs.map +0 -1
  168. package/fesm2022/radix-ng-primitives-select2.mjs +0 -897
  169. package/fesm2022/radix-ng-primitives-select2.mjs.map +0 -1
  170. package/fesm2022/radix-ng-primitives-tooltip2.mjs +0 -735
  171. package/fesm2022/radix-ng-primitives-tooltip2.mjs.map +0 -1
  172. package/hover-card/README.md +0 -3
  173. package/select2/README.md +0 -3
  174. package/tooltip2/README.md +0 -3
  175. package/types/radix-ng-primitives-dropdown-menu.d.ts +0 -171
  176. package/types/radix-ng-primitives-hover-card.d.ts +0 -471
  177. package/types/radix-ng-primitives-select2.d.ts +0 -511
  178. package/types/radix-ng-primitives-tooltip2.d.ts +0 -325
@@ -0,0 +1,448 @@
1
+ import * as i0 from '@angular/core';
2
+ import { Signal, Provider } from '@angular/core';
3
+ import { BooleanInput } from '@radix-ng/primitives/core';
4
+ import * as i1 from '@radix-ng/primitives/dialog';
5
+ import { RdxDialogHandle } from '@radix-ng/primitives/dialog';
6
+ import * as _radix_ng_primitives_drawer from '@radix-ng/primitives/drawer';
7
+
8
+ /** A single open drawer's registration with the {@link RdxDrawerProvider}. */
9
+ interface RdxDrawerRegistration {
10
+ /** Stable id of the registered drawer root. */
11
+ id: string;
12
+ /** The drawer popup's measured size (px) along its dismiss axis. */
13
+ height: Signal<number>;
14
+ }
15
+ /**
16
+ * App-level coordinator that tracks every open drawer so background content can react to them
17
+ * (the page-scale / indent effect). Provide it once near the app root with
18
+ * {@link provideRdxDrawerProvider} or the `[rdxDrawerProvider]` directive; drawers that find it in
19
+ * their injector register while open. It is optional — drawers work without it.
20
+ */
21
+ declare class RdxDrawerProvider {
22
+ private readonly stack;
23
+ /** Number of open drawers. */
24
+ readonly count: Signal<number>;
25
+ /** Whether any drawer is open. */
26
+ readonly active: Signal<boolean>;
27
+ /** The most recently opened (frontmost) drawer, or `null`. */
28
+ readonly frontmost: Signal<RdxDrawerRegistration | null>;
29
+ /** The frontmost drawer's measured size (px), or `0` when none is open. */
30
+ readonly frontmostHeight: Signal<number>;
31
+ /** Register an open drawer; returns a disposer that removes it. */
32
+ register(registration: RdxDrawerRegistration): () => void;
33
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxDrawerProvider, never>;
34
+ static ɵprov: i0.ɵɵInjectableDeclaration<RdxDrawerProvider>;
35
+ }
36
+ /** Provide a {@link RdxDrawerProvider} for an app (e.g. in `app.config.ts`). */
37
+ declare function provideRdxDrawerProvider(): Provider[];
38
+ /**
39
+ * Hosts a {@link RdxDrawerProvider} for its subtree. Put it on a wrapping element so descendant
40
+ * drawer roots and `rdxDrawerIndent*` parts share one coordinator.
41
+ */
42
+ declare class RdxDrawerProviderDirective {
43
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxDrawerProviderDirective, never>;
44
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDrawerProviderDirective, "[rdxDrawerProvider]", ["rdxDrawerProvider"], {}, {}, never, never, true, never>;
45
+ }
46
+
47
+ /**
48
+ * Direction a swipe travels to dismiss the drawer. Mirrors Base UI's `swipeDirection`:
49
+ * `'down'` is the default (bottom sheet). The *visual* side of the drawer is consumer CSS;
50
+ * this only controls the dismiss gesture and the data/CSS-variable contract below.
51
+ */
52
+ type RdxDrawerSwipeDirection = 'up' | 'down' | 'left' | 'right';
53
+ /** The decision a release resolves to: dismiss the drawer, or rest at a snap offset (px). */
54
+ type RdxDrawerRelease = {
55
+ type: 'dismiss';
56
+ } | {
57
+ type: 'snap';
58
+ offset: number;
59
+ };
60
+ interface RdxDrawerSwipeConfig {
61
+ /** The popup element the gesture lives on (CSS variables + data attributes are written here). */
62
+ element: () => HTMLElement;
63
+ /** Active swipe direction. */
64
+ direction: Signal<RdxDrawerSwipeDirection>;
65
+ /** Whether the gesture is currently armed (typically `open`). */
66
+ enabled: Signal<boolean>;
67
+ /**
68
+ * Resting translate magnitude (px toward dismissal) of the active snap point; `0` is fully open
69
+ * and the default when there are no snap points. The popup keeps this in sync with snap state.
70
+ */
71
+ restingOffset: Signal<number>;
72
+ /**
73
+ * Decide where a release lands. `projected` is the resting offset the drag reached (px toward
74
+ * dismissal, may be negative past fully-open); `velocity` is signed px/ms toward dismissal;
75
+ * `canDismiss` is false for a cancelled gesture or a closed drawer.
76
+ */
77
+ resolveRelease: (projected: number, velocity: number, canDismiss: boolean) => RdxDrawerRelease;
78
+ /** Called once per release that resolves to dismissal. */
79
+ onDismiss: (event: PointerEvent) => void;
80
+ /** Called with the 0..1 live dismiss progress so siblings (backdrop) can react; `0` at rest. */
81
+ onProgress?: (strength: number) => void;
82
+ }
83
+ /**
84
+ * Headless swipe gesture for the drawer popup: dismiss, snap-back, and movement between snap points.
85
+ *
86
+ * Writes a small contract the consumer styles against (no transform is applied for you, keeping the
87
+ * primitive headless):
88
+ * - `--drawer-swipe-movement-x` / `--drawer-swipe-movement-y` — signed px offset along the axis,
89
+ * including the active snap point's resting offset while idle.
90
+ * - `--drawer-swipe-strength` — 0..1 live dismiss progress (`0` at rest).
91
+ * - `[data-swiping]` — present while a gesture is active (drive `transition: none` off this).
92
+ * - `[data-swipe-direction]` — the active direction.
93
+ * - `[data-swipe-dismiss]` — present briefly when a release commits to dismissal.
94
+ *
95
+ * While idle the movement variables hold the active snap offset; releasing without dismissing writes
96
+ * the target offset so the consumer's `transition` animates between snap points and home.
97
+ *
98
+ * Must be called from an injection context (a directive/component constructor).
99
+ */
100
+ declare function useDrawerSwipe(config: RdxDrawerSwipeConfig): void;
101
+
102
+ /**
103
+ * A resting position for the drawer along the dismiss axis.
104
+ *
105
+ * - a number in `(0, 1]` — a fraction of the drawer's size (`1` = fully open);
106
+ * - a number `> 1` — an absolute amount of the drawer revealed, in pixels;
107
+ * - a string — `'148px'` (pixels), `'30rem'` (root-em), `'40%'` (fraction of size), or a bare number
108
+ * as above.
109
+ *
110
+ * Order the `snapPoints` array ascending by openness; the last entry is treated as "most open" and
111
+ * is the default the drawer opens to when `defaultSnapPoint` is not set.
112
+ */
113
+ type RdxDrawerSnapPoint = number | string;
114
+ /**
115
+ * Resolve a snap point to the number of pixels of the drawer revealed at that point. `rootFontSize`
116
+ * (px) resolves `rem` units; it defaults to the CSS initial value of `16`.
117
+ */
118
+ declare function snapPointReveal(value: RdxDrawerSnapPoint, size: number, rootFontSize?: number): number;
119
+ interface RdxDrawerSnapEntry {
120
+ value: RdxDrawerSnapPoint;
121
+ /** Pixels of the drawer revealed at this point. */
122
+ reveal: number;
123
+ /** Translate magnitude (px) toward dismissal from fully-open; `0` is fully open. */
124
+ offset: number;
125
+ }
126
+ /**
127
+ * Build the snap entries for a given drawer size, sorted by openness (most open / smallest offset
128
+ * first). `offset = size - reveal`, so a fully-revealed point sits at offset `0`.
129
+ */
130
+ declare function buildSnapEntries(values: readonly RdxDrawerSnapPoint[], size: number, rootFontSize?: number): RdxDrawerSnapEntry[];
131
+ type RdxDrawerSnapTarget = {
132
+ dismiss: true;
133
+ } | {
134
+ index: number;
135
+ };
136
+ interface RdxDrawerSnapResolveOptions {
137
+ /** Snap offsets (px), ascending; index-aligned to the sorted entries. */
138
+ offsets: readonly number[];
139
+ /** Index of the currently active offset. */
140
+ activeIndex: number;
141
+ /** Projected resting offset (px toward dismissal) at release. */
142
+ projected: number;
143
+ /** Signed release velocity (px/ms), positive toward dismissal. */
144
+ velocity: number;
145
+ /** Drawer size (px); the dismiss target sits here (fully hidden). */
146
+ size: number;
147
+ /** Step at most one snap point per release instead of velocity-skipping. */
148
+ sequential: boolean;
149
+ /** Whether passing the most-closed point may dismiss the drawer. */
150
+ canDismiss: boolean;
151
+ }
152
+ /** Pick the snap point (or dismissal) a release lands on. */
153
+ declare function resolveSnapTarget(options: RdxDrawerSnapResolveOptions): RdxDrawerSnapTarget;
154
+ /** The unit translate vector pointing toward dismissal for a direction. */
155
+ declare function dismissUnitVector(direction: RdxDrawerSwipeDirection): {
156
+ x: number;
157
+ y: number;
158
+ };
159
+
160
+ interface RdxDrawerRootContext {
161
+ /** Direction a swipe travels to dismiss the drawer. */
162
+ swipeDirection: Signal<RdxDrawerSwipeDirection>;
163
+ /** 0..1 progress of the active dismiss gesture; siblings (e.g. backdrop) react to it. */
164
+ swipeProgress: Signal<number>;
165
+ /** Reports gesture progress from the popup's swipe engine. */
166
+ setSwipeProgress: (value: number) => void;
167
+ /** Configured snap points (empty when the drawer has none). */
168
+ snapPoints: Signal<readonly RdxDrawerSnapPoint[]>;
169
+ /** Whether the drawer rests at discrete snap points. */
170
+ hasSnapPoints: Signal<boolean>;
171
+ /** The active snap point, or `null` when none is set / the drawer is closed. */
172
+ activeSnapPoint: Signal<RdxDrawerSnapPoint | null>;
173
+ /** Step at most one snap point per release instead of velocity-skipping. */
174
+ sequentialSnap: Signal<boolean>;
175
+ /** Sets the active snap point, optionally emitting `onSnapPointChange`. */
176
+ setActiveSnapPoint: (value: RdxDrawerSnapPoint, emit: boolean) => void;
177
+ /** Whether a drawer nested inside this one is open. */
178
+ nestedDrawerOpen: Signal<boolean>;
179
+ /** Number of drawers nested inside this one that are open. */
180
+ nestedDrawerCount: Signal<number>;
181
+ /** The app-wide frontmost drawer's measured size (px), via the optional provider. */
182
+ frontmostHeight: Signal<number>;
183
+ /** Reports the popup's measured size (px) so the provider can expose it. */
184
+ reportPopupHeight: (height: number) => void;
185
+ }
186
+ declare const injectRdxDrawerRootContext: (optional?: boolean) => RdxDrawerRootContext | null;
187
+ declare const provideRdxDrawerRootContext: (useFactory: () => RdxDrawerRootContext) => i0.Provider;
188
+ /**
189
+ * Groups all parts of the drawer.
190
+ *
191
+ * Composes the Dialog primitive directly (modal-by-default but user-overridable) and layers the
192
+ * drawer-specific swipe and snap-point contract on top via {@link RdxDrawerRootContext}. Modality,
193
+ * dismissal and detached-trigger handling are the dialog's: the `modal`, `disablePointerDismissal`
194
+ * and `handle` inputs are proxied straight through, so a drawer is a modal dialog the user can make
195
+ * non-modal.
196
+ */
197
+ declare class RdxDrawerRoot {
198
+ private readonly dialog;
199
+ private readonly provider;
200
+ /** The popup's measured size (px) along its dismiss axis, reported by the popup. */
201
+ readonly popupHeight: i0.WritableSignal<number>;
202
+ /**
203
+ * Direction a swipe travels to dismiss the drawer. The visual side of the drawer is consumer
204
+ * CSS; this controls the dismiss gesture and the `data-swipe-direction` styling hook.
205
+ */
206
+ readonly swipeDirection: i0.InputSignal<RdxDrawerSwipeDirection>;
207
+ /**
208
+ * Resting positions the drawer snaps to along the dismiss axis. Order ascending by openness; the
209
+ * last entry is the default the drawer opens to. Omit for a plain open/closed drawer.
210
+ */
211
+ readonly snapPoints: i0.InputSignal<readonly RdxDrawerSnapPoint[] | undefined>;
212
+ /** The active snap point (controlled / uncontrolled with `[(snapPoint)]`). */
213
+ readonly snapPoint: i0.ModelSignal<RdxDrawerSnapPoint | null>;
214
+ /** The snap point the drawer opens to when uncontrolled; defaults to the most open point. */
215
+ readonly defaultSnapPoint: i0.InputSignal<RdxDrawerSnapPoint | undefined>;
216
+ /** Step at most one snap point per release instead of letting velocity skip points. */
217
+ readonly snapToSequentialPoints: i0.InputSignalWithTransform<boolean, BooleanInput>;
218
+ /** Emits when the active snap point changes through a gesture. */
219
+ readonly onSnapPointChange: i0.OutputEmitterRef<RdxDrawerSnapPoint>;
220
+ /** 0..1 progress of the active dismiss gesture, written by the popup's swipe engine. */
221
+ readonly swipeProgress: i0.WritableSignal<number>;
222
+ readonly normalizedSnapPoints: Signal<readonly RdxDrawerSnapPoint[]>;
223
+ readonly hasSnapPoints: Signal<boolean>;
224
+ /** Whether a drawer nested inside this one is open (reuses the dialog's nesting detection). */
225
+ readonly nestedDrawerOpen: Signal<boolean>;
226
+ /** Number of open drawers nested inside this one. */
227
+ readonly nestedDrawerCount: Signal<number>;
228
+ /** The app-wide frontmost drawer's measured size (px); `0` without a provider. */
229
+ readonly frontmostHeight: Signal<number>;
230
+ /** Whether the drawer is open (read-only mirror of the composed dialog state). */
231
+ readonly open: i0.ModelSignal<boolean>;
232
+ /** The active trigger's id. */
233
+ readonly triggerId: i0.ModelSignal<string | null>;
234
+ /** Payload of the active trigger. */
235
+ readonly payload: i0.WritableSignal<unknown>;
236
+ constructor();
237
+ setActiveSnapPoint(value: RdxDrawerSnapPoint, emit: boolean): void;
238
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxDrawerRoot, never>;
239
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDrawerRoot, "[rdxDrawerRoot]", ["rdxDrawerRoot"], { "swipeDirection": { "alias": "swipeDirection"; "required": false; "isSignal": true; }; "snapPoints": { "alias": "snapPoints"; "required": false; "isSignal": true; }; "snapPoint": { "alias": "snapPoint"; "required": false; "isSignal": true; }; "defaultSnapPoint": { "alias": "defaultSnapPoint"; "required": false; "isSignal": true; }; "snapToSequentialPoints": { "alias": "snapToSequentialPoints"; "required": false; "isSignal": true; }; }, { "snapPoint": "snapPointChange"; "onSnapPointChange": "onSnapPointChange"; }, never, never, true, [{ directive: typeof i1.RdxDialogRoot; inputs: { "open": "open"; "defaultOpen": "defaultOpen"; "triggerId": "triggerId"; "defaultTriggerId": "defaultTriggerId"; "handle": "handle"; "modal": "modal"; "disablePointerDismissal": "disablePointerDismissal"; }; outputs: { "openChange": "openChange"; "triggerIdChange": "triggerIdChange"; "onOpenChange": "onOpenChange"; "onOpenChangeComplete": "onOpenChangeComplete"; }; }]>;
240
+ }
241
+
242
+ /**
243
+ * A button that opens the drawer. Behaves exactly like the dialog trigger.
244
+ */
245
+ declare class RdxDrawerTrigger {
246
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxDrawerTrigger, never>;
247
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDrawerTrigger, "button[rdxDrawerTrigger]", ["rdxDrawerTrigger"], {}, {}, never, never, true, [{ directive: typeof i1.RdxDialogTrigger; inputs: { "handle": "handle"; "payload": "payload"; "id": "id"; "disabled": "disabled"; }; outputs: {}; }]>;
248
+ }
249
+
250
+ /**
251
+ * An off-canvas region (typically pinned to a screen edge) that opens the drawer when swiped inward.
252
+ *
253
+ * Phase 1 opens on a threshold crossing rather than following the pointer live (the popup is not
254
+ * mounted while closed); the live-follow open will land with snap points. Shares the drawer's
255
+ * pointer-drag lifecycle so capture/cancel handling stays consistent with the popup gesture.
256
+ */
257
+ declare class RdxDrawerSwipeArea {
258
+ private readonly drawerContext;
259
+ private readonly dialogContext;
260
+ /** Direction the swipe area opens from; defaults to the root's `swipeDirection`. */
261
+ readonly swipeDirection: i0.InputSignal<RdxDrawerSwipeDirection | undefined>;
262
+ /** Whether the swipe area should ignore user interaction. */
263
+ readonly disabled: i0.InputSignalWithTransform<boolean, BooleanInput>;
264
+ protected readonly isOpen: i0.Signal<boolean>;
265
+ protected readonly direction: i0.Signal<RdxDrawerSwipeDirection>;
266
+ protected readonly swiping: i0.WritableSignal<boolean>;
267
+ private startX;
268
+ private startY;
269
+ constructor();
270
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxDrawerSwipeArea, never>;
271
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDrawerSwipeArea, "[rdxDrawerSwipeArea]", ["rdxDrawerSwipeArea"], { "swipeDirection": { "alias": "swipeDirection"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
272
+ }
273
+
274
+ /**
275
+ * Mounts the portal while the drawer is open and waits for CSS exit keyframes before unmounting.
276
+ */
277
+ declare class RdxDrawerPortalPresence {
278
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxDrawerPortalPresence, never>;
279
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDrawerPortalPresence, "ng-template[rdxDrawerPortalPresence]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxDialogPortalPresence; inputs: {}; outputs: {}; }]>;
280
+ }
281
+
282
+ /**
283
+ * Moves the drawer to a different part of the DOM. Defaults to `document.body`.
284
+ */
285
+ declare class RdxDrawerPortal {
286
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxDrawerPortal, never>;
287
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDrawerPortal, "[rdxDrawerPortal]", ["rdxDrawerPortal"], {}, {}, never, never, true, [{ directive: typeof i1.RdxDialogPortal; inputs: { "container": "container"; }; outputs: {}; }]>;
288
+ }
289
+
290
+ /**
291
+ * An overlay displayed beneath the drawer popup.
292
+ *
293
+ * Composes the dialog backdrop and additionally exposes `--drawer-swipe-progress` (0..1) so the
294
+ * consumer can fade it in step with the dismiss gesture.
295
+ */
296
+ declare class RdxDrawerBackdrop {
297
+ protected readonly drawerContext: _radix_ng_primitives_drawer.RdxDrawerRootContext;
298
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxDrawerBackdrop, never>;
299
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDrawerBackdrop, "[rdxDrawerBackdrop]", ["rdxDrawerBackdrop"], {}, {}, never, never, true, [{ directive: typeof i1.RdxDialogBackdrop; inputs: {}; outputs: {}; }]>;
300
+ }
301
+
302
+ /**
303
+ * A positioning container for the drawer popup that can be made scrollable.
304
+ *
305
+ * Exposes the dialog viewport's `data-nested` / `data-nested-dialog-open` state for styling.
306
+ */
307
+ declare class RdxDrawerViewport {
308
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxDrawerViewport, never>;
309
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDrawerViewport, "[rdxDrawerViewport]", ["rdxDrawerViewport"], {}, {}, never, never, true, [{ directive: typeof i1.RdxDialogViewport; inputs: {}; outputs: {}; }]>;
310
+ }
311
+
312
+ /**
313
+ * A container for the drawer contents.
314
+ *
315
+ * Composes the dialog popup (focus trap, dismissal, scroll lock, a11y wiring) and owns the drawer
316
+ * gesture on top of it: swipe-to-dismiss, snap-back, and movement between snap points. The gesture
317
+ * publishes a CSS-variable / data-attribute contract (see {@link useDrawerSwipe}); the consumer
318
+ * styles the actual transform and snap-back transition off it, keeping the primitive headless.
319
+ */
320
+ declare class RdxDrawerPopup {
321
+ protected readonly drawerContext: _radix_ng_primitives_drawer.RdxDrawerRootContext;
322
+ private readonly dialogContext;
323
+ private readonly elementRef;
324
+ private readonly element;
325
+ /** Live popup size (px); a ResizeObserver keeps it current so snap geometry never goes stale. */
326
+ private readonly size;
327
+ /** Snap entries for the current size; built once and shared by the offset/expanded reads. */
328
+ private readonly snapEntries;
329
+ /** Resting translate magnitude (px) of the active snap point; `0` when fully open / no snaps. */
330
+ readonly restingOffset: i0.Signal<number>;
331
+ /** Whether the active snap point is the most open one. */
332
+ protected readonly expanded: i0.Signal<boolean>;
333
+ /** The frontmost nested drawer's height for `--drawer-frontmost-height`, or unset when none. */
334
+ protected readonly frontmostHeightPx: i0.Signal<string | null>;
335
+ constructor();
336
+ private axisSize;
337
+ private resolveRelease;
338
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxDrawerPopup, never>;
339
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDrawerPopup, "[rdxDrawerPopup]", ["rdxDrawerPopup"], {}, {}, never, never, true, [{ directive: typeof i1.RdxDialogPopup; inputs: {}; outputs: { "escapeKeyDown": "escapeKeyDown"; "pointerDownOutside": "pointerDownOutside"; "focusOutside": "focusOutside"; "interactOutside": "interactOutside"; "openAutoFocus": "openAutoFocus"; "closeAutoFocus": "closeAutoFocus"; }; }]>;
340
+ }
341
+
342
+ /**
343
+ * The scrollable body of the drawer.
344
+ *
345
+ * A structural marker so the anatomy matches Base UI. The popup's swipe engine yields to scrolling
346
+ * inside this region automatically (it only starts a dismiss gesture when the scroll is at its
347
+ * edge), so no extra wiring is needed. Opt individual elements out of swiping with the
348
+ * `data-base-ui-swipe-ignore` attribute.
349
+ */
350
+ declare class RdxDrawerContent {
351
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxDrawerContent, never>;
352
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDrawerContent, "[rdxDrawerContent]", ["rdxDrawerContent"], {}, {}, never, never, true, never>;
353
+ }
354
+
355
+ /**
356
+ * An accessible title announced when the drawer is opened.
357
+ */
358
+ declare class RdxDrawerTitle {
359
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxDrawerTitle, never>;
360
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDrawerTitle, "[rdxDrawerTitle]", ["rdxDrawerTitle"], {}, {}, never, never, true, [{ directive: typeof i1.RdxDialogTitle; inputs: {}; outputs: {}; }]>;
361
+ }
362
+
363
+ /**
364
+ * An accessible description announced when the drawer is opened.
365
+ */
366
+ declare class RdxDrawerDescription {
367
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxDrawerDescription, never>;
368
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDrawerDescription, "[rdxDrawerDescription]", ["rdxDrawerDescription"], {}, {}, never, never, true, [{ directive: typeof i1.RdxDialogDescription; inputs: {}; outputs: {}; }]>;
369
+ }
370
+
371
+ /**
372
+ * A button that closes the drawer.
373
+ */
374
+ declare class RdxDrawerClose {
375
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxDrawerClose, never>;
376
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDrawerClose, "button[rdxDrawerClose]", ["rdxDrawerClose"], {}, {}, never, never, true, [{ directive: typeof i1.RdxDialogClose; inputs: {}; outputs: {}; }]>;
377
+ }
378
+
379
+ /**
380
+ * Background content that scales/indents while any drawer is open.
381
+ *
382
+ * Reads the nearest {@link RdxDrawerProvider} and exposes styling hooks; the visual transform is
383
+ * consumer CSS (headless):
384
+ * - `[data-active]` — present while at least one drawer is open.
385
+ * - `--nested-drawers` — the number of open drawers.
386
+ * - `--drawer-frontmost-height` — the frontmost drawer's measured size, in pixels.
387
+ */
388
+ declare class RdxDrawerIndent {
389
+ protected readonly provider: RdxDrawerProvider | null;
390
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxDrawerIndent, never>;
391
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDrawerIndent, "[rdxDrawerIndent]", ["rdxDrawerIndent"], {}, {}, never, never, true, never>;
392
+ }
393
+
394
+ /**
395
+ * The page background layer that scales/indents while any drawer is open.
396
+ *
397
+ * Behaves like {@link RdxDrawerIndent} (same `[data-active]` / `--nested-drawers` /
398
+ * `--drawer-frontmost-height` contract); kept as a distinct part so the page backdrop and the
399
+ * indented content can be styled independently, mirroring Base UI.
400
+ */
401
+ declare class RdxDrawerIndentBackground {
402
+ protected readonly provider: RdxDrawerProvider | null;
403
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxDrawerIndentBackground, never>;
404
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDrawerIndentBackground, "[rdxDrawerIndentBackground]", ["rdxDrawerIndentBackground"], {}, {}, never, never, true, never>;
405
+ }
406
+
407
+ /**
408
+ * Connects a drawer root with trigger elements rendered elsewhere in the DOM.
409
+ *
410
+ * Drawers reuse the dialog handle implementation unchanged.
411
+ */
412
+ declare const RdxDrawerHandle: typeof RdxDialogHandle;
413
+ type RdxDrawerHandle<Payload = unknown> = RdxDialogHandle<Payload>;
414
+ declare function createRdxDrawerHandle<Payload = unknown>(): RdxDrawerHandle<Payload>;
415
+
416
+ interface RdxPointerDragHandlers {
417
+ /** Whether a press may begin a drag (e.g. enabled, not on an opt-out element, at a scroll edge). */
418
+ canStart: (event: PointerEvent) => boolean;
419
+ /** A drag actually began (the pointer moved past the start threshold). */
420
+ onStart: (event: PointerEvent) => void;
421
+ /** Pointer moved during a drag. Return `false` to end the gesture early (treated as not committed). */
422
+ onMove: (event: PointerEvent) => void | boolean;
423
+ /** The drag ended. `committed` is true only for a normal `pointerup`, false for cancel/lost-capture/early-stop. */
424
+ onEnd: (event: PointerEvent, committed: boolean) => void;
425
+ }
426
+ /**
427
+ * Shared pointer-drag lifecycle for the drawer gestures (popup swipe and swipe-area open).
428
+ *
429
+ * A press only becomes a drag once the pointer moves past {@link DRAG_THRESHOLD}; until then it is a
430
+ * plain tap, so clicks on buttons inside the drawer keep working (the gesture never captures the
431
+ * pointer for a tap). Once dragging, the pointer is captured so a drag that leaves the element still
432
+ * completes, and `lostpointercapture` / `pointercancel` count as a non-committed end — a swallowed
433
+ * `pointerup` (native context menu, OS gesture, tab switch) can never wedge the gesture. No-op
434
+ * outside the browser, keeping SSR safe.
435
+ *
436
+ * Must be called from an injection context (a directive/component constructor).
437
+ */
438
+ declare function usePointerDrag(handlers: RdxPointerDragHandlers): void;
439
+
440
+ declare const drawerImports: (typeof RdxDrawerProviderDirective)[];
441
+ declare class RdxDrawerModule {
442
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxDrawerModule, never>;
443
+ static ɵmod: i0.ɵɵNgModuleDeclaration<RdxDrawerModule, never, [typeof RdxDrawerProviderDirective, typeof RdxDrawerRoot, typeof RdxDrawerTrigger, typeof RdxDrawerSwipeArea, typeof RdxDrawerPortalPresence, typeof RdxDrawerPortal, typeof RdxDrawerBackdrop, typeof RdxDrawerViewport, typeof RdxDrawerPopup, typeof RdxDrawerContent, typeof RdxDrawerTitle, typeof RdxDrawerDescription, typeof RdxDrawerClose, typeof RdxDrawerIndent, typeof RdxDrawerIndentBackground], [typeof RdxDrawerProviderDirective, typeof RdxDrawerRoot, typeof RdxDrawerTrigger, typeof RdxDrawerSwipeArea, typeof RdxDrawerPortalPresence, typeof RdxDrawerPortal, typeof RdxDrawerBackdrop, typeof RdxDrawerViewport, typeof RdxDrawerPopup, typeof RdxDrawerContent, typeof RdxDrawerTitle, typeof RdxDrawerDescription, typeof RdxDrawerClose, typeof RdxDrawerIndent, typeof RdxDrawerIndentBackground]>;
444
+ static ɵinj: i0.ɵɵInjectorDeclaration<RdxDrawerModule>;
445
+ }
446
+
447
+ export { RdxDrawerBackdrop, RdxDrawerClose, RdxDrawerContent, RdxDrawerDescription, RdxDrawerHandle, RdxDrawerIndent, RdxDrawerIndentBackground, RdxDrawerModule, RdxDrawerPopup, RdxDrawerPortal, RdxDrawerPortalPresence, RdxDrawerProvider, RdxDrawerProviderDirective, RdxDrawerRoot, RdxDrawerSwipeArea, RdxDrawerTitle, RdxDrawerTrigger, RdxDrawerViewport, buildSnapEntries, createRdxDrawerHandle, dismissUnitVector, drawerImports, injectRdxDrawerRootContext, provideRdxDrawerProvider, provideRdxDrawerRootContext, resolveSnapTarget, snapPointReveal, useDrawerSwipe, usePointerDrag };
448
+ export type { RdxDrawerRegistration, RdxDrawerRelease, RdxDrawerRootContext, RdxDrawerSnapEntry, RdxDrawerSnapPoint, RdxDrawerSnapResolveOptions, RdxDrawerSnapTarget, RdxDrawerSwipeConfig, RdxDrawerSwipeDirection, RdxPointerDragHandlers };
@@ -1,6 +1,6 @@
1
1
  import * as _angular_core from '@angular/core';
2
2
  import { Signal, WritableSignal } from '@angular/core';
3
- import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
3
+ import { BooleanInput, NumberInput } from '@radix-ng/primitives/core';
4
4
  import * as i1 from '@radix-ng/primitives/dismissable-layer';
5
5
  import { RdxPointerDownOutside } from '@radix-ng/primitives/dismissable-layer';
6
6