@radix-ng/primitives 0.2.0 → 0.4.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 (123) hide show
  1. package/avatar/README.md +1 -0
  2. package/avatar/index.d.ts +4 -0
  3. package/avatar/src/avatar-fallback.directive.d.ts +34 -0
  4. package/avatar/src/avatar-image.directive.d.ts +17 -0
  5. package/avatar/src/avatar.config.d.ts +12 -0
  6. package/avatar/src/avatar.directive.d.ts +22 -0
  7. package/avatar/src/avatar.token.d.ts +4 -0
  8. package/checkbox/index.d.ts +1 -1
  9. package/checkbox/src/checkbox-indicator.directive.d.ts +4 -4
  10. package/checkbox/src/checkbox.directive.d.ts +3 -3
  11. package/checkbox/src/checkbox.token.d.ts +3 -3
  12. package/esm2022/avatar/index.mjs +5 -0
  13. package/esm2022/avatar/radix-ng-primitives-avatar.mjs +5 -0
  14. package/esm2022/avatar/src/avatar-fallback.directive.mjs +61 -0
  15. package/esm2022/avatar/src/avatar-image.directive.mjs +50 -0
  16. package/esm2022/avatar/src/avatar.config.mjs +17 -0
  17. package/esm2022/avatar/src/avatar.directive.mjs +38 -0
  18. package/esm2022/avatar/src/avatar.token.mjs +6 -0
  19. package/esm2022/checkbox/index.mjs +2 -2
  20. package/esm2022/checkbox/src/checkbox-indicator.directive.mjs +5 -5
  21. package/esm2022/checkbox/src/checkbox.directive.mjs +11 -11
  22. package/esm2022/checkbox/src/checkbox.token.mjs +4 -4
  23. package/esm2022/label/src/label.directive.mjs +5 -5
  24. package/esm2022/overlay/index.mjs +5 -0
  25. package/esm2022/overlay/radix-ng-primitives-overlay.mjs +5 -0
  26. package/esm2022/overlay/src/overlay-arrow.directive.mjs +59 -0
  27. package/esm2022/overlay/src/overlay-arrow.token.mjs +3 -0
  28. package/esm2022/overlay/src/overlay-trigger.directive.mjs +279 -0
  29. package/esm2022/overlay/src/overlay-trigger.token.mjs +9 -0
  30. package/esm2022/overlay/src/overlay.directive.mjs +51 -0
  31. package/esm2022/overlay/src/overlay.token.mjs +3 -0
  32. package/esm2022/progress/src/progress-indicator.directive.mjs +5 -5
  33. package/esm2022/progress/src/progress.directive.mjs +7 -7
  34. package/esm2022/progress/src/progress.token.mjs +4 -4
  35. package/esm2022/radio/index.mjs +2 -2
  36. package/esm2022/radio/src/radio-group.directive.mjs +14 -14
  37. package/esm2022/radio/src/radio-group.token.mjs +4 -4
  38. package/esm2022/radio/src/radio-indicator.directive.mjs +5 -5
  39. package/esm2022/radio/src/radio-item.directive.mjs +11 -11
  40. package/esm2022/radio/src/radio-item.token.mjs +4 -4
  41. package/esm2022/roving-focus/src/roving-focus-group.directive.mjs +8 -8
  42. package/esm2022/roving-focus/src/roving-focus-group.token.mjs +4 -4
  43. package/esm2022/roving-focus/src/roving-focus-item.directive.mjs +8 -8
  44. package/esm2022/roving-focus/src/roving-focus-item.token.mjs +4 -4
  45. package/esm2022/separator/src/separator.directive.mjs +6 -6
  46. package/esm2022/switch/index.mjs +2 -2
  47. package/esm2022/switch/src/switch-thumb.directive.mjs +5 -5
  48. package/esm2022/switch/src/switch.directive.mjs +11 -11
  49. package/esm2022/switch/src/switch.token.mjs +4 -4
  50. package/esm2022/toggle/index.mjs +2 -0
  51. package/esm2022/toggle/radix-ng-primitives-toggle.mjs +5 -0
  52. package/esm2022/toggle/src/toggle.directive.mjs +65 -0
  53. package/esm2022/tooltip/index.mjs +5 -0
  54. package/esm2022/tooltip/radix-ng-primitives-tooltip.mjs +5 -0
  55. package/esm2022/tooltip/src/tooltip-arrow.directive.mjs +17 -0
  56. package/esm2022/tooltip/src/tooltip-trigger.directive.mjs +148 -0
  57. package/esm2022/tooltip/src/tooltip-trigger.token.mjs +6 -0
  58. package/esm2022/tooltip/src/tooltip.config.mjs +31 -0
  59. package/esm2022/tooltip/src/tooltip.directive.mjs +46 -0
  60. package/esm2022/visually-hidden/src/visually-hidden.directive.mjs +5 -5
  61. package/fesm2022/radix-ng-primitives-avatar.mjs +167 -0
  62. package/fesm2022/radix-ng-primitives-avatar.mjs.map +1 -0
  63. package/fesm2022/radix-ng-primitives-checkbox.mjs +32 -32
  64. package/fesm2022/radix-ng-primitives-checkbox.mjs.map +1 -1
  65. package/fesm2022/radix-ng-primitives-label.mjs +5 -5
  66. package/fesm2022/radix-ng-primitives-label.mjs.map +1 -1
  67. package/fesm2022/radix-ng-primitives-overlay.mjs +399 -0
  68. package/fesm2022/radix-ng-primitives-overlay.mjs.map +1 -0
  69. package/fesm2022/radix-ng-primitives-progress.mjs +12 -12
  70. package/fesm2022/radix-ng-primitives-progress.mjs.map +1 -1
  71. package/fesm2022/radix-ng-primitives-radio.mjs +48 -48
  72. package/fesm2022/radix-ng-primitives-radio.mjs.map +1 -1
  73. package/fesm2022/radix-ng-primitives-roving-focus.mjs +15 -15
  74. package/fesm2022/radix-ng-primitives-roving-focus.mjs.map +1 -1
  75. package/fesm2022/radix-ng-primitives-separator.mjs +5 -5
  76. package/fesm2022/radix-ng-primitives-separator.mjs.map +1 -1
  77. package/fesm2022/radix-ng-primitives-switch.mjs +34 -34
  78. package/fesm2022/radix-ng-primitives-switch.mjs.map +1 -1
  79. package/fesm2022/radix-ng-primitives-toggle.mjs +72 -0
  80. package/fesm2022/radix-ng-primitives-toggle.mjs.map +1 -0
  81. package/fesm2022/radix-ng-primitives-tooltip.mjs +242 -0
  82. package/fesm2022/radix-ng-primitives-tooltip.mjs.map +1 -0
  83. package/fesm2022/radix-ng-primitives-visually-hidden.mjs +5 -5
  84. package/fesm2022/radix-ng-primitives-visually-hidden.mjs.map +1 -1
  85. package/label/src/label.directive.d.ts +3 -3
  86. package/overlay/README.md +1 -0
  87. package/overlay/index.d.ts +4 -0
  88. package/overlay/src/overlay-arrow.directive.d.ts +29 -0
  89. package/overlay/src/overlay-arrow.token.d.ts +3 -0
  90. package/overlay/src/overlay-trigger.directive.d.ts +163 -0
  91. package/overlay/src/overlay-trigger.token.d.ts +7 -0
  92. package/overlay/src/overlay.directive.d.ts +29 -0
  93. package/overlay/src/overlay.token.d.ts +3 -0
  94. package/package.json +29 -4
  95. package/progress/src/progress-indicator.directive.d.ts +4 -4
  96. package/progress/src/progress.directive.d.ts +3 -3
  97. package/progress/src/progress.token.d.ts +3 -3
  98. package/radio/index.d.ts +1 -1
  99. package/radio/src/radio-group.directive.d.ts +3 -3
  100. package/radio/src/radio-group.token.d.ts +3 -3
  101. package/radio/src/radio-indicator.directive.d.ts +5 -5
  102. package/radio/src/radio-item.directive.d.ts +4 -4
  103. package/radio/src/radio-item.token.d.ts +3 -3
  104. package/roving-focus/src/roving-focus-group.directive.d.ts +7 -7
  105. package/roving-focus/src/roving-focus-group.token.d.ts +3 -3
  106. package/roving-focus/src/roving-focus-item.directive.d.ts +3 -3
  107. package/roving-focus/src/roving-focus-item.token.d.ts +3 -3
  108. package/separator/src/separator.directive.d.ts +3 -3
  109. package/switch/index.d.ts +1 -1
  110. package/switch/src/switch-thumb.directive.d.ts +4 -4
  111. package/switch/src/switch.directive.d.ts +3 -3
  112. package/switch/src/switch.token.d.ts +3 -3
  113. package/toggle/README.md +3 -0
  114. package/toggle/index.d.ts +1 -0
  115. package/toggle/src/toggle.directive.d.ts +30 -0
  116. package/tooltip/README.md +1 -0
  117. package/tooltip/index.d.ts +4 -0
  118. package/tooltip/src/tooltip-arrow.directive.d.ts +6 -0
  119. package/tooltip/src/tooltip-trigger.directive.d.ts +79 -0
  120. package/tooltip/src/tooltip-trigger.token.d.ts +4 -0
  121. package/tooltip/src/tooltip.config.d.ts +46 -0
  122. package/tooltip/src/tooltip.directive.d.ts +17 -0
  123. package/visually-hidden/src/visually-hidden.directive.d.ts +3 -3
@@ -0,0 +1,163 @@
1
+ import { StaticProvider, TemplateRef } from '@angular/core';
2
+ import { Placement } from '@floating-ui/dom';
3
+ import type { RdxOverlayArrowDirective } from './overlay-arrow.directive';
4
+ import type { RdxOverlayDirective } from './overlay.directive';
5
+ import * as i0 from "@angular/core";
6
+ export declare class RdxOverlayTriggerDirective {
7
+ /**
8
+ * Access the application ref
9
+ */
10
+ private readonly appRef;
11
+ /**
12
+ * Access the component factory resolver
13
+ */
14
+ private readonly componentFactoryResolver;
15
+ /**
16
+ * Access the injector
17
+ */
18
+ private readonly injector;
19
+ /**
20
+ * Access the trigger element
21
+ */
22
+ private readonly trigger;
23
+ /**
24
+ * Access the view container
25
+ */
26
+ private readonly viewContainer;
27
+ /**
28
+ * Define the overlay to display when the trigger is activated.
29
+ */
30
+ templateRef: TemplateRef<void>;
31
+ /**
32
+ * Define if the trigger should be disabled.
33
+ * @default false
34
+ */
35
+ disabled: boolean;
36
+ /**
37
+ * Define the placement of the overlay relative to the trigger.
38
+ * @default 'bottom'
39
+ */
40
+ placement: Placement;
41
+ /**
42
+ * Define the offset of the overlay relative to the trigger.
43
+ * @default 4
44
+ */
45
+ offset: number;
46
+ /**
47
+ * Define the delay before the overlay is displayed.
48
+ * @default 0
49
+ */
50
+ showDelay: number;
51
+ /**
52
+ * Define the delay before the overlay is hidden.
53
+ * @default 0
54
+ */
55
+ hideDelay: number;
56
+ /**
57
+ * Define whether the overlay should shift when the overlay is near the edge of the viewport.
58
+ * @default true
59
+ */
60
+ shift: boolean;
61
+ /**
62
+ * Define whether the overlay should flip when there is not enough space for the overlay.
63
+ * @default true
64
+ */
65
+ flip: boolean;
66
+ /**
67
+ * Define the container in to which the overlay should be attached.
68
+ * @default document.body
69
+ */
70
+ container: HTMLElement;
71
+ /**
72
+ * Store the overlay content instance.
73
+ */
74
+ private overlay;
75
+ /**
76
+ * Store the overlay arrow instance.
77
+ */
78
+ private arrow;
79
+ /**
80
+ * Store the view ref
81
+ */
82
+ private viewRef;
83
+ /**
84
+ * Store the show delay timeout
85
+ */
86
+ private showDelayTimeout;
87
+ /**
88
+ * Store the hide delay timeout
89
+ */
90
+ private hideDelayTimeout;
91
+ /**
92
+ * Store the dispose function
93
+ */
94
+ private dispose?;
95
+ /**
96
+ * Store additional providers to register on the overlay.
97
+ */
98
+ private readonly providers;
99
+ /**
100
+ * Determine the state of the overlay.
101
+ */
102
+ private get isOpen();
103
+ /**
104
+ * Determine the state of the overlay.
105
+ */
106
+ protected get state(): 'closed' | 'opening' | 'open' | 'closing';
107
+ /**
108
+ * Create the overlay.
109
+ */
110
+ private createOverlay;
111
+ /**
112
+ * Update the overlay position.
113
+ */
114
+ private updateOverlayPosition;
115
+ /**
116
+ * Destroy the overlay.
117
+ */
118
+ private destroyOverlay;
119
+ /**
120
+ * Show the overlay.
121
+ */
122
+ show(): void;
123
+ /**
124
+ * Hide the overlay.
125
+ */
126
+ hide(): void;
127
+ /**
128
+ * Register the overlay.
129
+ * @param overlay The overlay to register.
130
+ * @internal
131
+ */
132
+ registerOverlay(overlay: RdxOverlayDirective): void;
133
+ /**
134
+ * Unregister the overlay.
135
+ * @internal
136
+ */
137
+ unregisterOverlay(): void;
138
+ /**
139
+ * Register the arrow.
140
+ * @param arrow The arrow to register.
141
+ * @internal
142
+ */
143
+ registerArrow(arrow: RdxOverlayArrowDirective): void;
144
+ /**
145
+ * Unregister the arrow.
146
+ * @internal
147
+ */
148
+ unregisterArrow(): void;
149
+ /**
150
+ * Register a provider on the overlay.
151
+ * @param provider The provider to register.
152
+ * @internal
153
+ */
154
+ registerProvider(provider: StaticProvider): void;
155
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxOverlayTriggerDirective, never>;
156
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxOverlayTriggerDirective, "[rdxOverlayTrigger]", ["rdxOverlayTrigger"], { "templateRef": { "alias": "rdxOverlayTrigger"; "required": true; }; "disabled": { "alias": "rdxOverlayDisabled"; "required": false; }; "placement": { "alias": "rdxOverlayPlacement"; "required": false; }; "offset": { "alias": "rdxOverlayOffset"; "required": false; }; "showDelay": { "alias": "rdxOverlayShowDelay"; "required": false; }; "hideDelay": { "alias": "rdxOverlayHideDelay"; "required": false; }; "shift": { "alias": "rdxOverlayShift"; "required": false; }; "flip": { "alias": "rdxOverlayFlip"; "required": false; }; "container": { "alias": "rdxOverlayContainer"; "required": false; }; }, {}, never, never, true, never>;
157
+ static ngAcceptInputType_disabled: unknown;
158
+ static ngAcceptInputType_offset: unknown;
159
+ static ngAcceptInputType_showDelay: unknown;
160
+ static ngAcceptInputType_hideDelay: unknown;
161
+ static ngAcceptInputType_shift: unknown;
162
+ static ngAcceptInputType_flip: unknown;
163
+ }
@@ -0,0 +1,7 @@
1
+ import { InjectionToken } from '@angular/core';
2
+ import type { RdxOverlayTriggerDirective } from './overlay-trigger.directive';
3
+ export declare const RdxOverlayTriggerToken: InjectionToken<RdxOverlayTriggerDirective>;
4
+ /**
5
+ * Inject the overlay trigger directive
6
+ */
7
+ export declare function injectOverlayTrigger(): RdxOverlayTriggerDirective;
@@ -0,0 +1,29 @@
1
+ import { OnDestroy, OnInit } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export declare class RdxOverlayDirective implements OnInit, OnDestroy {
4
+ /**
5
+ * Access the overlay element
6
+ */
7
+ private readonly elementRef;
8
+ /**
9
+ * Access the overlay trigger
10
+ */
11
+ private readonly overlayTrigger;
12
+ /**
13
+ * Register the overlay on init
14
+ */
15
+ ngOnInit(): void;
16
+ /**
17
+ * Unregister the overlay on destroy
18
+ */
19
+ ngOnDestroy(): void;
20
+ /**
21
+ * Set the position of the overlay
22
+ * @param x The x position
23
+ * @param y The y position
24
+ * @internal
25
+ */
26
+ setPosition(x?: number, y?: number): void;
27
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxOverlayDirective, never>;
28
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxOverlayDirective, "[rdxOverlay]", never, {}, {}, never, never, true, never>;
29
+ }
@@ -0,0 +1,3 @@
1
+ import { InjectionToken } from '@angular/core';
2
+ import type { RdxOverlayDirective } from './overlay.directive';
3
+ export declare const RdxOverlayToken: InjectionToken<RdxOverlayDirective>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@radix-ng/primitives",
3
- "version": "0.2.0",
3
+ "version": "0.4.0",
4
4
  "license": "MIT",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -21,6 +21,10 @@
21
21
  "@angular/core": "^17.0.0",
22
22
  "@angular/cdk": "^17.0.0"
23
23
  },
24
+ "dependencies": {
25
+ "@floating-ui/dom": "^1.6.3",
26
+ "tslib": "^2.3.0"
27
+ },
24
28
  "sideEffects": false,
25
29
  "module": "fesm2022/radix-ng-primitives.mjs",
26
30
  "typings": "index.d.ts",
@@ -34,6 +38,12 @@
34
38
  "esm": "./esm2022/radix-ng-primitives.mjs",
35
39
  "default": "./fesm2022/radix-ng-primitives.mjs"
36
40
  },
41
+ "./avatar": {
42
+ "types": "./avatar/index.d.ts",
43
+ "esm2022": "./esm2022/avatar/radix-ng-primitives-avatar.mjs",
44
+ "esm": "./esm2022/avatar/radix-ng-primitives-avatar.mjs",
45
+ "default": "./fesm2022/radix-ng-primitives-avatar.mjs"
46
+ },
37
47
  "./checkbox": {
38
48
  "types": "./checkbox/index.d.ts",
39
49
  "esm2022": "./esm2022/checkbox/radix-ng-primitives-checkbox.mjs",
@@ -46,6 +56,12 @@
46
56
  "esm": "./esm2022/label/radix-ng-primitives-label.mjs",
47
57
  "default": "./fesm2022/radix-ng-primitives-label.mjs"
48
58
  },
59
+ "./overlay": {
60
+ "types": "./overlay/index.d.ts",
61
+ "esm2022": "./esm2022/overlay/radix-ng-primitives-overlay.mjs",
62
+ "esm": "./esm2022/overlay/radix-ng-primitives-overlay.mjs",
63
+ "default": "./fesm2022/radix-ng-primitives-overlay.mjs"
64
+ },
49
65
  "./progress": {
50
66
  "types": "./progress/index.d.ts",
51
67
  "esm2022": "./esm2022/progress/radix-ng-primitives-progress.mjs",
@@ -76,14 +92,23 @@
76
92
  "esm": "./esm2022/switch/radix-ng-primitives-switch.mjs",
77
93
  "default": "./fesm2022/radix-ng-primitives-switch.mjs"
78
94
  },
95
+ "./toggle": {
96
+ "types": "./toggle/index.d.ts",
97
+ "esm2022": "./esm2022/toggle/radix-ng-primitives-toggle.mjs",
98
+ "esm": "./esm2022/toggle/radix-ng-primitives-toggle.mjs",
99
+ "default": "./fesm2022/radix-ng-primitives-toggle.mjs"
100
+ },
101
+ "./tooltip": {
102
+ "types": "./tooltip/index.d.ts",
103
+ "esm2022": "./esm2022/tooltip/radix-ng-primitives-tooltip.mjs",
104
+ "esm": "./esm2022/tooltip/radix-ng-primitives-tooltip.mjs",
105
+ "default": "./fesm2022/radix-ng-primitives-tooltip.mjs"
106
+ },
79
107
  "./visually-hidden": {
80
108
  "types": "./visually-hidden/index.d.ts",
81
109
  "esm2022": "./esm2022/visually-hidden/radix-ng-primitives-visually-hidden.mjs",
82
110
  "esm": "./esm2022/visually-hidden/radix-ng-primitives-visually-hidden.mjs",
83
111
  "default": "./fesm2022/radix-ng-primitives-visually-hidden.mjs"
84
112
  }
85
- },
86
- "dependencies": {
87
- "tslib": "^2.3.0"
88
113
  }
89
114
  }
@@ -1,6 +1,6 @@
1
1
  import * as i0 from "@angular/core";
2
- export declare class ProgressIndicatorDirective {
3
- protected readonly progress: import("@radix-ng/primitives/progress").ProgressDirective;
4
- static ɵfac: i0.ɵɵFactoryDeclaration<ProgressIndicatorDirective, never>;
5
- static ɵdir: i0.ɵɵDirectiveDeclaration<ProgressIndicatorDirective, "[rdxProgressIndicator]", never, {}, {}, never, never, true, never>;
2
+ export declare class RdxProgressIndicatorDirective {
3
+ protected readonly progress: import("@radix-ng/primitives/progress").RdxProgressDirective;
4
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxProgressIndicatorDirective, never>;
5
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxProgressIndicatorDirective, "[rdxProgressIndicator]", never, {}, {}, never, never, true, never>;
6
6
  }
@@ -1,5 +1,5 @@
1
1
  import * as i0 from "@angular/core";
2
- export declare class ProgressDirective {
2
+ export declare class RdxProgressDirective {
3
3
  /**
4
4
  * Define the progress value.
5
5
  */
@@ -19,8 +19,8 @@ export declare class ProgressDirective {
19
19
  * @internal
20
20
  */
21
21
  get state(): 'indeterminate' | 'loading' | 'complete';
22
- static ɵfac: i0.ɵɵFactoryDeclaration<ProgressDirective, never>;
23
- static ɵdir: i0.ɵɵDirectiveDeclaration<ProgressDirective, "[rdxProgress]", never, { "value": { "alias": "rdxProgressValue"; "required": false; }; "max": { "alias": "rdxProgressMax"; "required": false; }; "valueLabel": { "alias": "rdxProgressValueLabel"; "required": false; }; }, {}, never, never, true, never>;
22
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxProgressDirective, never>;
23
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxProgressDirective, "[rdxProgress]", never, { "value": { "alias": "rdxProgressValue"; "required": false; }; "max": { "alias": "rdxProgressMax"; "required": false; }; "valueLabel": { "alias": "rdxProgressValueLabel"; "required": false; }; }, {}, never, never, true, never>;
24
24
  static ngAcceptInputType_value: unknown;
25
25
  static ngAcceptInputType_max: unknown;
26
26
  }
@@ -1,4 +1,4 @@
1
1
  import { InjectionToken } from '@angular/core';
2
- import type { ProgressDirective } from './progress.directive';
3
- export declare const ProgressToken: InjectionToken<ProgressDirective>;
4
- export declare function injectProgress(): ProgressDirective;
2
+ import type { RdxProgressDirective } from './progress.directive';
3
+ export declare const RdxProgressToken: InjectionToken<RdxProgressDirective>;
4
+ export declare function injectProgress(): RdxProgressDirective;
package/radio/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export * from './src/radio-group.directive';
2
- export * from './src/radio-item.directive';
3
2
  export * from './src/radio-group.token';
4
3
  export * from './src/radio-indicator.directive';
4
+ export * from './src/radio-item.directive';
5
5
  export * from './src/radio-item.token';
@@ -2,7 +2,7 @@ import { EventEmitter } from '@angular/core';
2
2
  import { ControlValueAccessor } from '@angular/forms';
3
3
  import * as i0 from "@angular/core";
4
4
  import * as i1 from "@radix-ng/primitives/roving-focus";
5
- export declare class RadioGroupDirective implements ControlValueAccessor {
5
+ export declare class RdxRadioGroupDirective implements ControlValueAccessor {
6
6
  /**
7
7
  * The value of the radio group.
8
8
  */
@@ -59,7 +59,7 @@ export declare class RadioGroupDirective implements ControlValueAccessor {
59
59
  * @internal
60
60
  */
61
61
  protected onFocusout(): void;
62
- static ɵfac: i0.ɵɵFactoryDeclaration<RadioGroupDirective, never>;
63
- static ɵdir: i0.ɵɵDirectiveDeclaration<RadioGroupDirective, "[rdxRadioGroup]", never, { "value": { "alias": "rdxRadioGroupValue"; "required": false; }; "disabled": { "alias": "rdxRadioGroupDisabled"; "required": false; }; "orientation": { "alias": "rdxRadioGroupOrientation"; "required": false; }; }, { "valueChange": "rdxRadioGroupValueChange"; }, never, never, true, [{ directive: typeof i1.RovingFocusGroupDirective; inputs: {}; outputs: {}; }]>;
62
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxRadioGroupDirective, never>;
63
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxRadioGroupDirective, "[rdxRadioGroup]", never, { "value": { "alias": "rdxRadioGroupValue"; "required": false; }; "disabled": { "alias": "rdxRadioGroupDisabled"; "required": false; }; "orientation": { "alias": "rdxRadioGroupOrientation"; "required": false; }; }, { "valueChange": "rdxRadioGroupValueChange"; }, never, never, true, [{ directive: typeof i1.RdxRovingFocusGroupDirective; inputs: {}; outputs: {}; }]>;
64
64
  static ngAcceptInputType_disabled: unknown;
65
65
  }
@@ -1,4 +1,4 @@
1
1
  import { InjectionToken } from '@angular/core';
2
- import type { RadioGroupDirective } from './radio-group.directive';
3
- export declare const RadioGroupToken: InjectionToken<RadioGroupDirective>;
4
- export declare function injectRadioGroup(): RadioGroupDirective;
2
+ import type { RdxRadioGroupDirective } from './radio-group.directive';
3
+ export declare const RdxRadioGroupToken: InjectionToken<RdxRadioGroupDirective>;
4
+ export declare function injectRadioGroup(): RdxRadioGroupDirective;
@@ -1,13 +1,13 @@
1
1
  import * as i0 from "@angular/core";
2
- export declare class RadioIndicatorDirective {
2
+ export declare class RdxRadioIndicatorDirective {
3
3
  /**
4
4
  * Access the radio group.
5
5
  */
6
- protected readonly radioGroup: import("@radix-ng/primitives/radio").RadioGroupDirective;
6
+ protected readonly radioGroup: import("@radix-ng/primitives/radio").RdxRadioGroupDirective;
7
7
  /**
8
8
  * Access the radio group item.
9
9
  */
10
- protected readonly radioItem: import("@radix-ng/primitives/radio").RadioItemDirective;
11
- static ɵfac: i0.ɵɵFactoryDeclaration<RadioIndicatorDirective, never>;
12
- static ɵdir: i0.ɵɵDirectiveDeclaration<RadioIndicatorDirective, "[rdxRadioIndicator]", never, {}, {}, never, never, true, never>;
10
+ protected readonly radioItem: import("@radix-ng/primitives/radio").RdxRadioItemDirective;
11
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxRadioIndicatorDirective, never>;
12
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxRadioIndicatorDirective, "[rdxRadioIndicator]", never, {}, {}, never, never, true, never>;
13
13
  }
@@ -1,10 +1,10 @@
1
1
  import * as i0 from "@angular/core";
2
2
  import * as i1 from "@radix-ng/primitives/roving-focus";
3
- export declare class RadioItemDirective {
3
+ export declare class RdxRadioItemDirective {
4
4
  /**
5
5
  * Access the radio group.
6
6
  */
7
- protected readonly radioGroup: import("@radix-ng/primitives/radio").RadioGroupDirective;
7
+ protected readonly radioGroup: import("@radix-ng/primitives/radio").RdxRadioGroupDirective;
8
8
  /**
9
9
  * The value of the radio item.
10
10
  */
@@ -30,7 +30,7 @@ export declare class RadioItemDirective {
30
30
  * @internal
31
31
  */
32
32
  protected onClick(): void;
33
- static ɵfac: i0.ɵɵFactoryDeclaration<RadioItemDirective, never>;
34
- static ɵdir: i0.ɵɵDirectiveDeclaration<RadioItemDirective, "button[rdxRadioItem]", never, { "value": { "alias": "value"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.RovingFocusItemDirective; inputs: {}; outputs: {}; }]>;
33
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxRadioItemDirective, never>;
34
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxRadioItemDirective, "button[rdxRadioItem]", never, { "value": { "alias": "value"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.RdxRovingFocusItemDirective; inputs: {}; outputs: {}; }]>;
35
35
  static ngAcceptInputType_disabled: unknown;
36
36
  }
@@ -1,4 +1,4 @@
1
1
  import { InjectionToken } from '@angular/core';
2
- import type { RadioItemDirective } from './radio-item.directive';
3
- export declare const RadioItemToken: InjectionToken<RadioItemDirective>;
4
- export declare function injectRadioItem(): RadioItemDirective;
2
+ import type { RdxRadioItemDirective } from './radio-item.directive';
3
+ export declare const RdxRadioItemToken: InjectionToken<RdxRadioItemDirective>;
4
+ export declare function injectRadioItem(): RdxRadioItemDirective;
@@ -1,8 +1,8 @@
1
1
  import { FocusKeyManager } from '@angular/cdk/a11y';
2
2
  import { OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
3
- import type { RovingFocusItemDirective } from './roving-focus-item.directive';
3
+ import type { RdxRovingFocusItemDirective } from './roving-focus-item.directive';
4
4
  import * as i0 from "@angular/core";
5
- export declare class RovingFocusGroupDirective implements OnInit, OnChanges, OnDestroy {
5
+ export declare class RdxRovingFocusGroupDirective implements OnInit, OnChanges, OnDestroy {
6
6
  private readonly directionality;
7
7
  private readonly destroyRef;
8
8
  /**
@@ -14,7 +14,7 @@ export declare class RovingFocusGroupDirective implements OnInit, OnChanges, OnD
14
14
  * Create the focus key manager instance.
15
15
  * @internal
16
16
  */
17
- readonly keyManager: FocusKeyManager<RovingFocusItemDirective>;
17
+ readonly keyManager: FocusKeyManager<RdxRovingFocusItemDirective>;
18
18
  /**
19
19
  * Determine the orientation of the roving focus group.
20
20
  * @default vertical
@@ -32,12 +32,12 @@ export declare class RovingFocusGroupDirective implements OnInit, OnChanges, OnD
32
32
  * Register a roving focus item.
33
33
  * @param item The roving focus item to register.
34
34
  */
35
- register(item: RovingFocusItemDirective): void;
35
+ register(item: RdxRovingFocusItemDirective): void;
36
36
  /**
37
37
  * Unregister a roving focus item.
38
38
  * @param item The roving focus item to unregister.
39
39
  */
40
- unregister(item: RovingFocusItemDirective): void;
40
+ unregister(item: RdxRovingFocusItemDirective): void;
41
41
  /**
42
42
  * Handle key events on the roving focus items.
43
43
  * @param event The key event.
@@ -49,7 +49,7 @@ export declare class RovingFocusGroupDirective implements OnInit, OnChanges, OnD
49
49
  * @param orientation The orientation of the roving focus group.
50
50
  */
51
51
  setOrientation(orientation: 'horizontal' | 'vertical'): void;
52
- static ɵfac: i0.ɵɵFactoryDeclaration<RovingFocusGroupDirective, never>;
53
- static ɵdir: i0.ɵɵDirectiveDeclaration<RovingFocusGroupDirective, "[rdxRovingFocusGroup]", never, { "orientation": { "alias": "orientation"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; }, {}, never, never, true, never>;
52
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxRovingFocusGroupDirective, never>;
53
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxRovingFocusGroupDirective, "[rdxRovingFocusGroup]", never, { "orientation": { "alias": "orientation"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; }, {}, never, never, true, never>;
54
54
  static ngAcceptInputType_wrap: unknown;
55
55
  }
@@ -1,7 +1,7 @@
1
1
  import { InjectionToken } from '@angular/core';
2
- import type { RovingFocusGroupDirective } from './roving-focus-group.directive';
3
- export declare const RovingFocusGroupToken: InjectionToken<RovingFocusGroupDirective>;
2
+ import type { RdxRovingFocusGroupDirective } from './roving-focus-group.directive';
3
+ export declare const RdxRovingFocusGroupToken: InjectionToken<RdxRovingFocusGroupDirective>;
4
4
  /**
5
5
  * Inject the roving focus directive instance.
6
6
  */
7
- export declare function injectRovingFocusGroup(): RovingFocusGroupDirective;
7
+ export declare function injectRovingFocusGroup(): RdxRovingFocusGroupDirective;
@@ -1,7 +1,7 @@
1
1
  import { FocusableOption } from '@angular/cdk/a11y';
2
2
  import { OnDestroy, OnInit } from '@angular/core';
3
3
  import * as i0 from "@angular/core";
4
- export declare class RovingFocusItemDirective implements OnInit, OnDestroy, FocusableOption {
4
+ export declare class RdxRovingFocusItemDirective implements OnInit, OnDestroy, FocusableOption {
5
5
  /**
6
6
  * Access the group the roving focus item belongs to.
7
7
  */
@@ -45,8 +45,8 @@ export declare class RovingFocusItemDirective implements OnInit, OnDestroy, Focu
45
45
  * @internal
46
46
  */
47
47
  focus(): void;
48
- static ɵfac: i0.ɵɵFactoryDeclaration<RovingFocusItemDirective, never>;
49
- static ɵdir: i0.ɵɵDirectiveDeclaration<RovingFocusItemDirective, "[rdxRovingFocusItem]", never, { "order": { "alias": "order"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
48
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxRovingFocusItemDirective, never>;
49
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxRovingFocusItemDirective, "[rdxRovingFocusItem]", never, { "order": { "alias": "order"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
50
50
  static ngAcceptInputType_order: unknown;
51
51
  static ngAcceptInputType_disabled: unknown;
52
52
  }
@@ -1,4 +1,4 @@
1
1
  import { InjectionToken } from '@angular/core';
2
- import type { RovingFocusItemDirective } from './roving-focus-item.directive';
3
- export declare const RovingFocusItemToken: InjectionToken<RovingFocusItemDirective>;
4
- export declare function injectRovingFocusItem(): RovingFocusItemDirective;
2
+ import type { RdxRovingFocusItemDirective } from './roving-focus-item.directive';
3
+ export declare const RdxRovingFocusItemToken: InjectionToken<RdxRovingFocusItemDirective>;
4
+ export declare function injectRovingFocusItem(): RdxRovingFocusItemDirective;
@@ -1,5 +1,5 @@
1
1
  import * as i0 from "@angular/core";
2
- export declare class SeparatorDirective {
2
+ export declare class RdxSeparatorDirective {
3
3
  /**
4
4
  * The orientation of the separator.
5
5
  * @default 'horizontal'
@@ -10,7 +10,7 @@ export declare class SeparatorDirective {
10
10
  * @default false
11
11
  */
12
12
  decorative: boolean;
13
- static ɵfac: i0.ɵɵFactoryDeclaration<SeparatorDirective, never>;
14
- static ɵdir: i0.ɵɵDirectiveDeclaration<SeparatorDirective, "[rdxSeparator]", never, { "orientation": { "alias": "rdxSeparatorOrientation"; "required": false; }; "decorative": { "alias": "rdxSeparatorDecorative"; "required": false; }; }, {}, never, never, true, never>;
13
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxSeparatorDirective, never>;
14
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSeparatorDirective, "[rdxSeparator]", never, { "orientation": { "alias": "rdxSeparatorOrientation"; "required": false; }; "decorative": { "alias": "rdxSeparatorDecorative"; "required": false; }; }, {}, never, never, true, never>;
15
15
  static ngAcceptInputType_decorative: unknown;
16
16
  }
package/switch/index.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- export * from './src/switch.directive';
2
1
  export * from './src/switch-thumb.directive';
2
+ export * from './src/switch.directive';
3
3
  export * from './src/switch.token';
@@ -1,9 +1,9 @@
1
1
  import * as i0 from "@angular/core";
2
- export declare class SwitchThumbDirective {
2
+ export declare class RdxSwitchThumbDirective {
3
3
  /**
4
4
  * Access the switch directive.
5
5
  */
6
- protected readonly switch: import("@radix-ng/primitives/switch").SwitchDirective;
7
- static ɵfac: i0.ɵɵFactoryDeclaration<SwitchThumbDirective, never>;
8
- static ɵdir: i0.ɵɵDirectiveDeclaration<SwitchThumbDirective, "[rdxSwitchThumb]", never, {}, {}, never, never, true, never>;
6
+ protected readonly switch: import("@radix-ng/primitives/switch").RdxSwitchDirective;
7
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxSwitchThumbDirective, never>;
8
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSwitchThumbDirective, "[rdxSwitchThumb]", never, {}, {}, never, never, true, never>;
9
9
  }
@@ -1,7 +1,7 @@
1
1
  import { EventEmitter } from '@angular/core';
2
2
  import { ControlValueAccessor } from '@angular/forms';
3
3
  import * as i0 from "@angular/core";
4
- export declare class SwitchDirective implements ControlValueAccessor {
4
+ export declare class RdxSwitchDirective implements ControlValueAccessor {
5
5
  /**
6
6
  * Access the element ref.
7
7
  */
@@ -66,8 +66,8 @@ export declare class SwitchDirective implements ControlValueAccessor {
66
66
  * Handle the keydown event.
67
67
  */
68
68
  protected onKeyDown(): void;
69
- static ɵfac: i0.ɵɵFactoryDeclaration<SwitchDirective, never>;
70
- static ɵdir: i0.ɵɵDirectiveDeclaration<SwitchDirective, "[rdxSwitch]", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "checkedChange": "checkedChange"; }, never, never, true, never>;
69
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxSwitchDirective, never>;
70
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSwitchDirective, "[rdxSwitch]", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "checkedChange": "checkedChange"; }, never, never, true, never>;
71
71
  static ngAcceptInputType_checked: unknown;
72
72
  static ngAcceptInputType_disabled: unknown;
73
73
  }
@@ -1,4 +1,4 @@
1
1
  import { InjectionToken } from '@angular/core';
2
- import type { SwitchDirective } from './switch.directive';
3
- export declare const SwitchToken: InjectionToken<SwitchDirective>;
4
- export declare function injectSwitch(): SwitchDirective;
2
+ import type { RdxSwitchDirective } from './switch.directive';
3
+ export declare const RdxSwitchToken: InjectionToken<RdxSwitchDirective>;
4
+ export declare function injectSwitch(): RdxSwitchDirective;
@@ -0,0 +1,3 @@
1
+ # @radix-ng/primitives/toggle
2
+
3
+ Secondary entry point of `@radix-ng/primitives/toggle`.
@@ -0,0 +1 @@
1
+ export * from './src/toggle.directive';
@@ -0,0 +1,30 @@
1
+ import { EventEmitter } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export declare class RdxToggleDirective {
4
+ /**
5
+ * Whether the toggle is pressed.
6
+ * @default false
7
+ */
8
+ pressed: boolean;
9
+ /**
10
+ * Whether the toggle is disabled.
11
+ * @default false
12
+ */
13
+ disabled: boolean;
14
+ /**
15
+ * Determine element id
16
+ */
17
+ id: string;
18
+ /**
19
+ * Event emitted when the toggle is pressed.
20
+ */
21
+ readonly pressedChange: EventEmitter<boolean>;
22
+ /**
23
+ * Toggle the pressed state.
24
+ */
25
+ toggle(): void;
26
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxToggleDirective, never>;
27
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxToggleDirective, "button[rdxToggle]", never, { "pressed": { "alias": "rdxTogglePressed"; "required": false; }; "disabled": { "alias": "rdxToggleDisabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "pressedChange": "rdxToggleOnPressedChange"; }, never, never, true, never>;
28
+ static ngAcceptInputType_pressed: unknown;
29
+ static ngAcceptInputType_disabled: unknown;
30
+ }
@@ -0,0 +1 @@
1
+ # @radix-ng/primitives/tooltip
@@ -0,0 +1,4 @@
1
+ export * from './src/tooltip-arrow.directive';
2
+ export * from './src/tooltip-trigger.directive';
3
+ export * from './src/tooltip.config';
4
+ export * from './src/tooltip.directive';
@@ -0,0 +1,6 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "@radix-ng/primitives/overlay";
3
+ export declare class RdxTooltipArrowDirective {
4
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxTooltipArrowDirective, never>;
5
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTooltipArrowDirective, "[rdxTooltipArrow]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxOverlayArrowDirective; inputs: {}; outputs: {}; }]>;
6
+ }