@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,57 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { TemplateRef, ViewContainerRef } from '@angular/core';
3
- import * as i1 from '@angular/cdk/a11y';
4
-
5
- declare class RdxAlertDialogRootDirective {
6
- private readonly viewContainerRef;
7
- private readonly alertDialogService;
8
- set content(template: TemplateRef<any>);
9
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxAlertDialogRootDirective, never>;
10
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAlertDialogRootDirective, "[rdxAlertDialogRoot]", never, { "content": { "alias": "content"; "required": false; }; }, {}, never, never, true, never>;
11
- }
12
-
13
- declare class RdxAlertDialogContentDirective {
14
- private readonly renderer;
15
- private readonly elementRef;
16
- set maxWidth(value: string);
17
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxAlertDialogContentDirective, never>;
18
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAlertDialogContentDirective, "[rdxAlertDialogContent]", never, { "maxWidth": { "alias": "maxWidth"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.CdkTrapFocus; inputs: {}; outputs: {}; }]>;
19
- }
20
-
21
- declare class RdxAlertDialogCancelDirective {
22
- private readonly alertDialogService;
23
- onClick(): void;
24
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxAlertDialogCancelDirective, never>;
25
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAlertDialogCancelDirective, "[rdxAlertDialogCancel]", never, {}, {}, never, never, true, never>;
26
- }
27
-
28
- declare class RdxAlertDialogTriggerDirective {
29
- private readonly alertDialogService;
30
- handleClick(): void;
31
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxAlertDialogTriggerDirective, never>;
32
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAlertDialogTriggerDirective, "[rdxAlertDialogTrigger]", never, {}, {}, never, never, true, never>;
33
- }
34
-
35
- declare class RdxAlertDialogTitleDirective {
36
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxAlertDialogTitleDirective, never>;
37
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAlertDialogTitleDirective, "[rdxAlertDialogTitle]", never, {}, {}, never, never, true, never>;
38
- }
39
-
40
- declare class RdxAlertDialogService {
41
- private overlayRef;
42
- private readonly overlay;
43
- private dialogContent;
44
- setDialogContent(viewContainerRef: ViewContainerRef, template: TemplateRef<any>): void;
45
- open(): void;
46
- close(): void;
47
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxAlertDialogService, never>;
48
- static ɵprov: i0.ɵɵInjectableDeclaration<RdxAlertDialogService>;
49
- }
50
-
51
- declare class RdxAlertDialogModule {
52
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxAlertDialogModule, never>;
53
- static ɵmod: i0.ɵɵNgModuleDeclaration<RdxAlertDialogModule, never, [typeof RdxAlertDialogRootDirective, typeof RdxAlertDialogContentDirective, typeof RdxAlertDialogCancelDirective, typeof RdxAlertDialogTriggerDirective, typeof RdxAlertDialogTitleDirective], [typeof RdxAlertDialogRootDirective, typeof RdxAlertDialogContentDirective, typeof RdxAlertDialogCancelDirective, typeof RdxAlertDialogTriggerDirective, typeof RdxAlertDialogTitleDirective]>;
54
- static ɵinj: i0.ɵɵInjectorDeclaration<RdxAlertDialogModule>;
55
- }
56
-
57
- export { RdxAlertDialogCancelDirective, RdxAlertDialogContentDirective, RdxAlertDialogModule, RdxAlertDialogRootDirective, RdxAlertDialogService, RdxAlertDialogTitleDirective, RdxAlertDialogTriggerDirective };
@@ -1,164 +0,0 @@
1
- import * as _angular_core from '@angular/core';
2
- import * as i1 from '@radix-ng/primitives/presence';
3
- import * as _angular_cdk_coercion from '@angular/cdk/coercion';
4
- import { BooleanInput } from '@angular/cdk/coercion';
5
- import * as i1$1 from '@radix-ng/primitives/core';
6
-
7
- declare class RdxCheckboxIndicatorPresenceDirective {
8
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxCheckboxIndicatorPresenceDirective, never>;
9
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxCheckboxIndicatorPresenceDirective, "ng-template[rdxCheckboxIndicatorPresence]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxPresenceDirective; inputs: {}; outputs: {}; }]>;
10
- }
11
-
12
- type CheckedState = boolean | 'indeterminate';
13
- declare const rootContext: () => {
14
- checked: _angular_core.Signal<CheckedState | undefined>;
15
- disabled: _angular_core.Signal<boolean>;
16
- required: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
17
- value: _angular_core.InputSignal<string>;
18
- name: _angular_core.InputSignal<string | undefined>;
19
- form: _angular_core.InputSignal<string | undefined>;
20
- readonly: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
21
- state: _angular_core.Signal<"indeterminate" | "checked" | "unchecked">;
22
- toggle(): void;
23
- };
24
- type CheckboxRootContext = ReturnType<typeof rootContext>;
25
- declare const injectCheckboxRootContext: (optional?: boolean) => {
26
- checked: _angular_core.Signal<CheckedState | undefined>;
27
- disabled: _angular_core.Signal<boolean>;
28
- required: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
29
- value: _angular_core.InputSignal<string>;
30
- name: _angular_core.InputSignal<string | undefined>;
31
- form: _angular_core.InputSignal<string | undefined>;
32
- readonly: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
33
- state: _angular_core.Signal<"indeterminate" | "checked" | "unchecked">;
34
- toggle(): void;
35
- } | null;
36
- declare const provideCheckboxRootContext: (useFactory: () => {
37
- checked: _angular_core.Signal<CheckedState | undefined>;
38
- disabled: _angular_core.Signal<boolean>;
39
- required: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
40
- value: _angular_core.InputSignal<string>;
41
- name: _angular_core.InputSignal<string | undefined>;
42
- form: _angular_core.InputSignal<string | undefined>;
43
- readonly: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
44
- state: _angular_core.Signal<"indeterminate" | "checked" | "unchecked">;
45
- toggle(): void;
46
- }) => _angular_core.Provider;
47
- /**
48
- * @group Components
49
- */
50
- declare class RdxCheckboxRootDirective {
51
- private readonly controlValueAccessor;
52
- /**
53
- * The controlled checked state of the checkbox. Must be used in conjunction with onCheckedChange.
54
- * @group Props
55
- */
56
- readonly checked: _angular_core.ModelSignal<CheckedState>;
57
- /**
58
- * The value of the checkbox. This is what is submitted with the form when the checkbox is checked.
59
- * @group Props
60
- */
61
- readonly value: _angular_core.InputSignal<string>;
62
- /**
63
- * Whether or not the checkbox button is disabled. This prevents the user from interacting with it.
64
- * @group Props
65
- */
66
- readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
67
- /**
68
- * Whether the user should be unable to tick or untick the checkbox.
69
- * @group Props
70
- */
71
- readonly readonly: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
72
- /**
73
- * Whether or not the checkbox is required.
74
- * @group Props
75
- */
76
- readonly required: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
77
- /**
78
- * Name of the form control. Submitted with the form as part of a name/value pair.
79
- * @group Props
80
- */
81
- readonly name: _angular_core.InputSignal<string | undefined>;
82
- /**
83
- * Associates the control with a form element.
84
- * @group Props
85
- */
86
- readonly form: _angular_core.InputSignal<string | undefined>;
87
- /**
88
- * Event emitted when the checkbox checked state changes.
89
- * @group Emits
90
- */
91
- readonly onCheckedChange: _angular_core.OutputRef<any>;
92
- toggle(): void;
93
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxCheckboxRootDirective, never>;
94
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxCheckboxRootDirective, "[rdxCheckboxRoot]", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "onCheckedChange": "onCheckedChange"; }, never, never, true, [{ directive: typeof i1$1.RdxControlValueAccessor; inputs: { "value": "checked"; "disabled": "disabled"; }; outputs: {}; }]>;
95
- }
96
-
97
- declare class RdxCheckboxInputDirective {
98
- protected readonly rootContext: {
99
- checked: _angular_core.Signal<CheckedState | undefined>;
100
- disabled: _angular_core.Signal<boolean>;
101
- required: _angular_core.InputSignalWithTransform<boolean, _angular_cdk_coercion.BooleanInput>;
102
- value: _angular_core.InputSignal<string>;
103
- name: _angular_core.InputSignal<string | undefined>;
104
- form: _angular_core.InputSignal<string | undefined>;
105
- readonly: _angular_core.InputSignalWithTransform<boolean, _angular_cdk_coercion.BooleanInput>;
106
- state: _angular_core.Signal<"indeterminate" | "checked" | "unchecked">;
107
- toggle(): void;
108
- };
109
- private readonly elementRef;
110
- private readonly destroyRef;
111
- constructor();
112
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxCheckboxInputDirective, never>;
113
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxCheckboxInputDirective, "input[rdxCheckboxInput]", never, {}, {}, never, never, true, never>;
114
- }
115
-
116
- /**
117
- * Directive: rdxCheckboxButton
118
- * Purpose: Turns a native <button> into an accessible checkbox control bound to the Radix Checkbox context.
119
- * It mirrors the checkbox state via ARIA/data attributes, toggles on click, and prevents Enter activation per WAI-ARIA.
120
- * In forms, it stops the button's click from bubbling so only the hidden input emits the native event used for form/validator integration.
121
- */
122
- declare class RdxCheckboxButtonDirective {
123
- protected readonly rootContext: {
124
- checked: _angular_core.Signal<CheckedState | undefined>;
125
- disabled: _angular_core.Signal<boolean>;
126
- required: _angular_core.InputSignalWithTransform<boolean, _angular_cdk_coercion.BooleanInput>;
127
- value: _angular_core.InputSignal<string>;
128
- name: _angular_core.InputSignal<string | undefined>;
129
- form: _angular_core.InputSignal<string | undefined>;
130
- readonly: _angular_core.InputSignalWithTransform<boolean, _angular_cdk_coercion.BooleanInput>;
131
- state: _angular_core.Signal<"indeterminate" | "checked" | "unchecked">;
132
- toggle(): void;
133
- };
134
- private readonly elementRef;
135
- protected clicked(event: MouseEvent): void;
136
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxCheckboxButtonDirective, never>;
137
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxCheckboxButtonDirective, "button[rdxCheckboxButton]", never, {}, {}, never, never, true, never>;
138
- }
139
-
140
- declare class RdxCheckboxIndicatorDirective {
141
- protected readonly rootContext: {
142
- checked: _angular_core.Signal<CheckedState | undefined>;
143
- disabled: _angular_core.Signal<boolean>;
144
- required: _angular_core.InputSignalWithTransform<boolean, _angular_cdk_coercion.BooleanInput>;
145
- value: _angular_core.InputSignal<string>;
146
- name: _angular_core.InputSignal<string | undefined>;
147
- form: _angular_core.InputSignal<string | undefined>;
148
- readonly: _angular_core.InputSignalWithTransform<boolean, _angular_cdk_coercion.BooleanInput>;
149
- state: _angular_core.Signal<"indeterminate" | "checked" | "unchecked">;
150
- toggle(): void;
151
- };
152
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxCheckboxIndicatorDirective, never>;
153
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxCheckboxIndicatorDirective, "[rdxCheckboxIndicator]", never, {}, {}, never, never, true, never>;
154
- }
155
-
156
- declare const checkboxImports: (typeof RdxCheckboxIndicatorPresenceDirective)[];
157
- declare class RdxCheckboxModule {
158
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxCheckboxModule, never>;
159
- static ɵmod: _angular_core.ɵɵNgModuleDeclaration<RdxCheckboxModule, never, [typeof RdxCheckboxInputDirective, typeof RdxCheckboxRootDirective, typeof RdxCheckboxButtonDirective, typeof RdxCheckboxIndicatorDirective, typeof RdxCheckboxIndicatorPresenceDirective], [typeof RdxCheckboxInputDirective, typeof RdxCheckboxRootDirective, typeof RdxCheckboxButtonDirective, typeof RdxCheckboxIndicatorDirective, typeof RdxCheckboxIndicatorPresenceDirective]>;
160
- static ɵinj: _angular_core.ɵɵInjectorDeclaration<RdxCheckboxModule>;
161
- }
162
-
163
- export { RdxCheckboxButtonDirective, RdxCheckboxIndicatorDirective, RdxCheckboxIndicatorPresenceDirective, RdxCheckboxInputDirective, RdxCheckboxModule, RdxCheckboxRootDirective, checkboxImports, injectCheckboxRootContext, provideCheckboxRootContext };
164
- export type { CheckboxRootContext, CheckedState };
@@ -1,85 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { InputSignal, ModelSignal, Signal } from '@angular/core';
3
- import { BooleanInput } from '@angular/cdk/coercion';
4
- import * as i1 from '@radix-ng/primitives/presence';
5
-
6
- type RdxCollapsibleState = 'open' | 'closed';
7
- interface CollapsibleRootContext {
8
- contentId: InputSignal<string>;
9
- open: ModelSignal<boolean>;
10
- toggle: () => void;
11
- disabled: Signal<boolean>;
12
- }
13
- declare const injectCollapsibleRootContext: (optional?: boolean) => CollapsibleRootContext | null;
14
- declare const provideCollapsibleRootContext: (useFactory: () => CollapsibleRootContext) => i0.Provider;
15
- /**
16
- * @group Components
17
- */
18
- declare class RdxCollapsibleRootDirective {
19
- /**
20
- * The controlled open state of the collapsible.
21
- * Sets the state of the directive. `true` - expanded, `false` - collapsed
22
- *
23
- * @group Props
24
- * @defaultValue false
25
- */
26
- readonly open: ModelSignal<boolean>;
27
- readonly contentId: InputSignal<string>;
28
- /**
29
- * Determines whether a directive is available for interaction.
30
- * When true, prevents the user from interacting with the collapsible.
31
- *
32
- * @group Props
33
- */
34
- readonly disabled: i0.InputSignalWithTransform<boolean, BooleanInput>;
35
- readonly _disabled: i0.WritableSignal<boolean>;
36
- readonly isDisabled: Signal<boolean>;
37
- readonly isOpen: Signal<boolean>;
38
- /**
39
- * Emitted with new value when directive state changed.
40
- * Event handler called when the open state of the collapsible changes.
41
- *
42
- * @group Emits
43
- */
44
- readonly onOpenChange: i0.OutputEmitterRef<boolean>;
45
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxCollapsibleRootDirective, never>;
46
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxCollapsibleRootDirective, "[rdxCollapsibleRoot]", ["rdxCollapsibleRoot"], { "open": { "alias": "open"; "required": false; "isSignal": true; }; "contentId": { "alias": "contentId"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "onOpenChange": "onOpenChange"; }, never, never, true, never>;
47
- }
48
-
49
- declare class RdxCollapsibleContentDirective {
50
- private readonly elementRef;
51
- private readonly platformId;
52
- protected readonly rootContext: CollapsibleRootContext;
53
- readonly isOpen: i0.Signal<boolean>;
54
- readonly height: i0.WritableSignal<number | null>;
55
- readonly width: i0.WritableSignal<number | null>;
56
- readonly shouldHide: i0.WritableSignal<boolean>;
57
- private isMountAnimationPrevented;
58
- private currentStyle;
59
- private firstRender;
60
- constructor();
61
- onAnimationEnd(): void;
62
- private updateDimensions;
63
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxCollapsibleContentDirective, never>;
64
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxCollapsibleContentDirective, "[rdxCollapsibleContent]", never, {}, {}, never, never, true, never>;
65
- }
66
-
67
- declare class RdxCollapsibleTriggerDirective {
68
- protected readonly rootContext: CollapsibleRootContext;
69
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxCollapsibleTriggerDirective, never>;
70
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxCollapsibleTriggerDirective, "[rdxCollapsibleTrigger]", never, {}, {}, never, never, true, never>;
71
- }
72
-
73
- declare class RdxCollapsibleContentPresenceDirective {
74
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxCollapsibleContentPresenceDirective, never>;
75
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxCollapsibleContentPresenceDirective, "ng-template[rdxCollapsibleContentPresence]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxPresenceDirective; inputs: {}; outputs: {}; }]>;
76
- }
77
-
78
- declare class RdxCollapsibleModule {
79
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxCollapsibleModule, never>;
80
- static ɵmod: i0.ɵɵNgModuleDeclaration<RdxCollapsibleModule, never, [typeof RdxCollapsibleContentDirective, typeof RdxCollapsibleRootDirective, typeof RdxCollapsibleTriggerDirective, typeof RdxCollapsibleContentPresenceDirective], [typeof RdxCollapsibleContentDirective, typeof RdxCollapsibleRootDirective, typeof RdxCollapsibleTriggerDirective, typeof RdxCollapsibleContentPresenceDirective]>;
81
- static ɵinj: i0.ɵɵInjectorDeclaration<RdxCollapsibleModule>;
82
- }
83
-
84
- export { RdxCollapsibleContentDirective, RdxCollapsibleContentPresenceDirective, RdxCollapsibleModule, RdxCollapsibleRootDirective, RdxCollapsibleTriggerDirective, injectCollapsibleRootContext, provideCollapsibleRootContext };
85
- export type { CollapsibleRootContext, RdxCollapsibleState };
@@ -1,129 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { EventEmitter, TemplateRef, AfterContentInit, OnDestroy } from '@angular/core';
3
- import { CdkMenuItem, CdkContextMenuTrigger, CdkMenu } from '@angular/cdk/menu';
4
- import { Subject } from 'rxjs';
5
- import { ConnectedPosition } from '@angular/cdk/overlay';
6
- import * as i1 from '@radix-ng/primitives/separator';
7
-
8
- declare class RdxContextMenuItemDirective extends CdkMenuItem {
9
- protected readonly menu: RdxContextMenuContentDirective;
10
- protected readonly nativeElement: any;
11
- highlighted: boolean;
12
- disabled: boolean;
13
- readonly onSelect: EventEmitter<void>;
14
- constructor();
15
- protected onPointerMove(): void;
16
- protected onKeydown(event: KeyboardEvent): void;
17
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxContextMenuItemDirective, never>;
18
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxContextMenuItemDirective, "[rdxContextMenuItem]", never, { "disabled": { "alias": "disabled"; "required": false; }; }, { "onSelect": "onSelect"; }, never, never, true, never>;
19
- static ngAcceptInputType_disabled: unknown;
20
- }
21
-
22
- declare enum ContextMenuSide {
23
- Top = "top",
24
- Right = "right",
25
- Bottom = "bottom",
26
- Left = "left"
27
- }
28
- declare class RdxContextMenuTriggerDirective extends CdkContextMenuTrigger {
29
- menuPosition: {
30
- originX: "start" | "center" | "end";
31
- originY: "top" | "center" | "bottom";
32
- overlayX: "start" | "center" | "end";
33
- overlayY: "top" | "center" | "bottom";
34
- weight?: number;
35
- offsetX?: number;
36
- offsetY?: number;
37
- panelClass?: string | string[];
38
- }[];
39
- set rdxContextMenuTrigger(value: TemplateRef<unknown> | null);
40
- set alignOffset(value: number);
41
- disabled: boolean;
42
- onOpenChange: i0.OutputRef<void>;
43
- get defaultPosition(): ConnectedPosition;
44
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxContextMenuTriggerDirective, never>;
45
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxContextMenuTriggerDirective, "[rdxContextMenuTrigger]", never, { "rdxContextMenuTrigger": { "alias": "rdxContextMenuTrigger"; "required": false; }; "alignOffset": { "alias": "alignOffset"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onOpenChange": "onOpenChange"; }, never, never, true, never>;
46
- static ngAcceptInputType_alignOffset: unknown;
47
- static ngAcceptInputType_disabled: unknown;
48
- }
49
-
50
- declare class RdxContextMenuContentDirective extends CdkMenu {
51
- readonly highlighted: Subject<RdxContextMenuItemDirective>;
52
- readonly menuTrigger: RdxContextMenuTriggerDirective | null;
53
- onEscapeKeyDown: (event?: Event) => void;
54
- closeOnEscape: boolean;
55
- constructor();
56
- updateActiveItem(item: CdkMenuItem): void;
57
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxContextMenuContentDirective, never>;
58
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxContextMenuContentDirective, "[rdxContextMenuContent]", never, { "onEscapeKeyDown": { "alias": "onEscapeKeyDown"; "required": false; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; }; }, {}, never, never, true, never>;
59
- }
60
-
61
- /** Base class providing checked state for selectable ContextMenuItems. */
62
- declare class RdxContextMenuSelectable extends RdxContextMenuItemDirective {
63
- /** Whether the element is checked */
64
- checked: boolean;
65
- readonly checkedChange: EventEmitter<boolean>;
66
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxContextMenuSelectable, never>;
67
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxContextMenuSelectable, never, never, { "checked": { "alias": "checked"; "required": false; }; }, { "checkedChange": "checkedChange"; }, never, never, true, never>;
68
- static ngAcceptInputType_checked: unknown;
69
- }
70
-
71
- declare class RdxContextMenuItemCheckboxDirective extends RdxContextMenuSelectable {
72
- trigger(options?: {
73
- keepOpen: boolean;
74
- }): void;
75
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxContextMenuItemCheckboxDirective, never>;
76
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxContextMenuItemCheckboxDirective, "[rdxContextMenuItemCheckbox]", never, {}, {}, never, never, true, never>;
77
- }
78
-
79
- declare class RdxContextMenuItemRadioGroupDirective<T> implements AfterContentInit {
80
- private readonly selectionDispatcher;
81
- set value(value: T | null);
82
- get value(): T | null;
83
- private _value;
84
- readonly valueChange: EventEmitter<any>;
85
- ngAfterContentInit(): void;
86
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxContextMenuItemRadioGroupDirective<any>, never>;
87
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxContextMenuItemRadioGroupDirective<any>, "[rdxContextMenuItemRadioGroup]", never, { "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
88
- }
89
-
90
- declare class RdxContextMenuItemIndicatorDirective {
91
- item: RdxContextMenuSelectable;
92
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxContextMenuItemIndicatorDirective, never>;
93
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxContextMenuItemIndicatorDirective, "[rdxContextMenuItemIndicator]", never, {}, {}, never, never, true, never>;
94
- }
95
-
96
- declare class RdxContextMenuItemRadioDirective extends RdxContextMenuSelectable implements AfterContentInit, OnDestroy {
97
- /** The unique selection dispatcher for this radio's `RdxContextMenuItemRadioGroupDirective`. */
98
- private readonly selectionDispatcher;
99
- private readonly group;
100
- get value(): string;
101
- set value(value: string);
102
- private _value;
103
- /** An ID to identify this radio item to the `UniqueSelectionDispatcher`. */
104
- private id;
105
- private removeDispatcherListener;
106
- constructor();
107
- ngAfterContentInit(): void;
108
- ngOnDestroy(): void;
109
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxContextMenuItemRadioDirective, never>;
110
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxContextMenuItemRadioDirective, "[rdxContextMenuItemRadio]", never, { "value": { "alias": "value"; "required": false; }; }, {}, never, never, true, never>;
111
- }
112
-
113
- declare class RdxContextMenuLabelDirective {
114
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxContextMenuLabelDirective, never>;
115
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxContextMenuLabelDirective, "[rdxContextMenuLabel]", never, {}, {}, never, never, true, never>;
116
- }
117
-
118
- declare class RdxContextMenuSeparatorDirective {
119
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxContextMenuSeparatorDirective, never>;
120
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxContextMenuSeparatorDirective, "[rdxContextMenuSeparator]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxSeparatorRootDirective; inputs: {}; outputs: {}; }]>;
121
- }
122
-
123
- declare class RdxContextMenuModule {
124
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxContextMenuModule, never>;
125
- static ɵmod: i0.ɵɵNgModuleDeclaration<RdxContextMenuModule, never, [typeof RdxContextMenuContentDirective, typeof RdxContextMenuSelectable, typeof RdxContextMenuItemCheckboxDirective, typeof RdxContextMenuItemDirective, typeof RdxContextMenuItemRadioGroupDirective, typeof RdxContextMenuItemIndicatorDirective, typeof RdxContextMenuItemRadioDirective, typeof RdxContextMenuLabelDirective, typeof RdxContextMenuSeparatorDirective, typeof RdxContextMenuTriggerDirective], [typeof RdxContextMenuContentDirective, typeof RdxContextMenuSelectable, typeof RdxContextMenuItemCheckboxDirective, typeof RdxContextMenuItemDirective, typeof RdxContextMenuItemRadioGroupDirective, typeof RdxContextMenuItemIndicatorDirective, typeof RdxContextMenuItemRadioDirective, typeof RdxContextMenuLabelDirective, typeof RdxContextMenuSeparatorDirective, typeof RdxContextMenuTriggerDirective]>;
126
- static ɵinj: i0.ɵɵInjectorDeclaration<RdxContextMenuModule>;
127
- }
128
-
129
- export { ContextMenuSide, RdxContextMenuContentDirective, RdxContextMenuItemCheckboxDirective, RdxContextMenuItemDirective, RdxContextMenuItemIndicatorDirective, RdxContextMenuItemRadioDirective, RdxContextMenuItemRadioGroupDirective, RdxContextMenuLabelDirective, RdxContextMenuModule, RdxContextMenuSelectable, RdxContextMenuSeparatorDirective, RdxContextMenuTriggerDirective };
package/dialog/index.d.ts DELETED
@@ -1,205 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { TemplateRef, EnvironmentProviders, Provider } from '@angular/core';
3
- import { AutoFocusTarget, DialogConfig, DialogRef } from '@angular/cdk/dialog';
4
- import { ComponentType } from '@angular/cdk/overlay';
5
- import { Observable } from 'rxjs';
6
-
7
- declare const ɵdialogData: unique symbol;
8
- declare const ɵdialogResult: unique symbol;
9
- type ɵDialogDataFlag = {
10
- [ɵdialogData]: unknown;
11
- };
12
- type ɵDialogResultFlag<R> = {
13
- [ɵdialogResult]: R;
14
- };
15
- type RdxDialogData<T> = {
16
- [K in keyof T]: T[K] extends ɵDialogDataFlag ? Omit<T[K], typeof ɵdialogData> : never;
17
- }[keyof T];
18
- type DialogRefProps<C> = {
19
- [K in keyof C]: C[K] extends ɵDialogResultFlag<unknown> ? K : never;
20
- }[keyof C] & keyof C;
21
- type RdxDialogResult<C> = DialogRefProps<C> extends never ? void : C[DialogRefProps<C>] extends ɵDialogResultFlag<infer T> ? T : void;
22
- type RdxDialogMode = 'default' | 'sheet' | 'sheet-bottom' | 'sheet-top' | 'sheet-left' | 'sheet-right';
23
- type RdxBaseDialogConfig<C> = {
24
- content: ComponentType<C> | TemplateRef<C>;
25
- data: RdxDialogData<C>;
26
- modal?: boolean;
27
- ariaLabel?: string;
28
- autoFocus?: AutoFocusTarget | 'first-input' | string;
29
- canClose?: (comp: C) => boolean | Observable<boolean>;
30
- canCloseWithBackdrop?: boolean;
31
- closeDelay?: number;
32
- cdkConfigOverride?: Partial<DialogConfig<C>>;
33
- mode?: RdxDialogMode;
34
- backdropClass?: string | string[];
35
- panelClasses?: string[];
36
- isAlert?: boolean;
37
- };
38
- type RdxDialogConfig<T> = RdxDialogData<T> extends never ? Omit<RdxBaseDialogConfig<T>, 'data'> : RdxBaseDialogConfig<T> & {
39
- data: Required<RdxDialogData<T>>;
40
- };
41
- type RdxDialogState = 'open' | 'closed';
42
- declare function getState(open: boolean): RdxDialogState;
43
-
44
- /**
45
- * @group Components
46
- */
47
- declare class RdxDialogTriggerDirective {
48
- private readonly dialogService;
49
- /**
50
- * @group Props
51
- */
52
- readonly id: i0.InputSignal<string>;
53
- readonly dialogId: i0.Signal<string>;
54
- /**
55
- * @group Props
56
- */
57
- dialog: TemplateRef<void>;
58
- /**
59
- * @group Props
60
- */
61
- dialogConfig: RdxDialogConfig<unknown>;
62
- readonly isOpen: i0.WritableSignal<boolean>;
63
- readonly state: i0.Signal<RdxDialogState>;
64
- private currentDialogRef;
65
- protected onClick(): void;
66
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxDialogTriggerDirective, never>;
67
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDialogTriggerDirective, "[rdxDialogTrigger]", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "dialog": { "alias": "rdxDialogTrigger"; "required": true; }; "dialogConfig": { "alias": "rdxDialogConfig"; "required": false; }; }, {}, never, never, true, never>;
68
- }
69
-
70
- declare class RdxDialogContentDirective<C = unknown> {
71
- private readonly dialogRef;
72
- private readonly destroyRef;
73
- private readonly isOpen;
74
- readonly state: i0.Signal<RdxDialogState>;
75
- constructor();
76
- /**
77
- * Closes the dialog with a specified result.
78
- *
79
- * @param result The result to be passed back when closing the dialog
80
- */
81
- close(result: RdxDialogResult<C>): void;
82
- /**
83
- * Dismisses the dialog without a result.
84
- */
85
- dismiss(): void;
86
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxDialogContentDirective<any>, never>;
87
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDialogContentDirective<any>, "[rdxDialogContent]", never, {}, {}, never, never, true, never>;
88
- }
89
-
90
- declare class RdxDialogTitleDirective {
91
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxDialogTitleDirective, never>;
92
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDialogTitleDirective, "[rdxDialogTitle]", never, {}, {}, never, never, true, never>;
93
- }
94
-
95
- declare class RdxDialogCloseDirective {
96
- private readonly ref;
97
- protected onClick(): void;
98
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxDialogCloseDirective, never>;
99
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDialogCloseDirective, "[rdxDialogClose]", never, {}, {}, never, never, true, never>;
100
- }
101
-
102
- declare class RdxDialogDescriptionDirective {
103
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxDialogDescriptionDirective, never>;
104
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDialogDescriptionDirective, "[rdxDialogDescription]", never, {}, {}, never, never, true, never>;
105
- }
106
-
107
- declare class RdxDialogDismissDirective {
108
- private readonly ref;
109
- protected onClick(): void;
110
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxDialogDismissDirective, never>;
111
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxDialogDismissDirective, "button[rdxDialogDismiss]", never, {}, {}, never, never, true, never>;
112
- }
113
-
114
- declare const DISMISSED_VALUE: {};
115
- /**
116
- * Represents a reference to an open dialog.
117
- * Provides methods and observables to interact with and monitor the dialog's state.
118
- * @template C - The type of the dialog's content component
119
- */
120
- declare class RdxDialogRef<C = unknown> {
121
- readonly cdkRef: DialogRef<RdxDialogResult<C> | typeof DISMISSED_VALUE, C>;
122
- readonly config: RdxDialogConfig<C>;
123
- private _previousTimeout;
124
- private readonly _openSignal;
125
- readonly state: i0.Signal<"open" | "closed">;
126
- closed$: Observable<RdxDialogResult<C> | undefined>;
127
- dismissed$: Observable<void>;
128
- result$: Observable<RdxDialogResult<C>>;
129
- /**
130
- * @param cdkRef - Reference to the underlying CDK dialog
131
- * @param config - Configuration options for the dialog
132
- */
133
- constructor(cdkRef: DialogRef<RdxDialogResult<C> | typeof DISMISSED_VALUE, C>, config: RdxDialogConfig<C>);
134
- get instance(): C | null;
135
- /**
136
- * Attempts to dismiss the dialog
137
- * Checks the canClose condition before dismissing
138
- */
139
- dismiss(): void;
140
- close(result: RdxDialogResult<C>): void;
141
- }
142
- /**
143
- * Represents a simplified interface for dialog interaction
144
- * Typically used by dialog content components
145
- * @template R - The type of the result when closing the dialog
146
- */
147
- type RdxDialogSelfRef<R> = {
148
- dismiss(): void;
149
- close(res: R): void;
150
- };
151
-
152
- declare function injectDialogData<TData>(): TData & ɵDialogDataFlag;
153
- declare function injectDialogRef<R = void>(): RdxDialogSelfRef<R> & ɵDialogResultFlag<R>;
154
-
155
- /**
156
- * Configures the RdxDialog module by providing necessary dependencies.
157
- *
158
- * This function sets up the environment providers required for the RdxDialog to function,
159
- * specifically importing the Angular CDK's DialogModule.
160
- *
161
- * @returns {EnvironmentProviders} An EnvironmentProviders instance containing the DialogModule.
162
- */
163
- declare function provideRdxDialogConfig(): EnvironmentProviders;
164
- /**
165
- * Provides the RdxDialogService for dependency injection.
166
- *
167
- * This function is used to make the RdxDialogService available for injection
168
- * in components, directives, or other services that require dialog functionality.
169
- *
170
- * @returns {Provider} A provider for the RdxDialogService.
171
- */
172
- declare function provideRdxDialog(): Provider;
173
-
174
- /**
175
- * Modality control: When `isModal` is set to `true`, the dialog will:
176
- *
177
- * - Have a backdrop that blocks interaction with the rest of the page
178
- * - Disable closing by clicking outside or pressing Escape
179
- * - Set `aria-modal="true"` for screen readers
180
- * - Automatically focus the first tabbable element in the dialog
181
- * - Restore focus to the element that opened the dialog when it's closed
182
- *
183
- *
184
- * When `isModal` is `false`, the dialog will:
185
- *
186
- * - Not have a backdrop, allowing interaction with the rest of the page
187
- * - Allow closing by clicking outside or pressing Escape
188
- * - Not set `aria-modal` attribute
189
- * - Not automatically manage focus
190
- */
191
- declare class RdxDialogService {
192
- #private;
193
- open<C>(config: RdxDialogConfig<C>): RdxDialogRef<C>;
194
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxDialogService, never>;
195
- static ɵprov: i0.ɵɵInjectableDeclaration<RdxDialogService>;
196
- }
197
-
198
- declare class RdxDialogModule {
199
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxDialogModule, never>;
200
- static ɵmod: i0.ɵɵNgModuleDeclaration<RdxDialogModule, never, [typeof RdxDialogTriggerDirective, typeof RdxDialogContentDirective, typeof RdxDialogTitleDirective, typeof RdxDialogCloseDirective, typeof RdxDialogDescriptionDirective, typeof RdxDialogDismissDirective], [typeof RdxDialogTriggerDirective, typeof RdxDialogContentDirective, typeof RdxDialogTitleDirective, typeof RdxDialogCloseDirective, typeof RdxDialogDescriptionDirective, typeof RdxDialogDismissDirective]>;
201
- static ɵinj: i0.ɵɵInjectorDeclaration<RdxDialogModule>;
202
- }
203
-
204
- export { DISMISSED_VALUE, RdxDialogCloseDirective, RdxDialogContentDirective, RdxDialogDescriptionDirective, RdxDialogDismissDirective, RdxDialogModule, RdxDialogRef, RdxDialogService, RdxDialogTitleDirective, RdxDialogTriggerDirective, getState, injectDialogData, injectDialogRef, provideRdxDialog, provideRdxDialogConfig };
205
- export type { RdxDialogConfig, RdxDialogData, RdxDialogResult, RdxDialogSelfRef, RdxDialogState, ɵDialogDataFlag, ɵDialogResultFlag };
@@ -1 +0,0 @@
1
- # @radix-ng/primitives/dropdown-menu