@radix-ng/primitives 0.3.0 → 0.5.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 (137) hide show
  1. package/accordion/README.md +3 -0
  2. package/accordion/index.d.ts +7 -0
  3. package/accordion/src/accordion/accordion.directive.d.ts +64 -0
  4. package/accordion/src/accordion/accordion.token.d.ts +4 -0
  5. package/accordion/src/accordion-content/accordion-content.directive.d.ts +44 -0
  6. package/accordion/src/accordion-header/accordion-header.directive.d.ts +6 -0
  7. package/accordion/src/accordion-item/accordion-item.directive.d.ts +42 -0
  8. package/accordion/src/accordion-item/accordion-item.token.d.ts +4 -0
  9. package/accordion/src/accordion-state.directive.d.ts +28 -0
  10. package/accordion/src/accordion-trigger/accordion-trigger.directive.d.ts +23 -0
  11. package/accordion/src/accordion.config.d.ts +25 -0
  12. package/checkbox/src/checkbox-indicator.directive.d.ts +4 -4
  13. package/checkbox/src/checkbox.directive.d.ts +3 -3
  14. package/checkbox/src/checkbox.token.d.ts +3 -3
  15. package/esm2022/accordion/index.mjs +8 -0
  16. package/esm2022/accordion/radix-ng-primitives-accordion.mjs +5 -0
  17. package/esm2022/accordion/src/accordion/accordion.directive.mjs +108 -0
  18. package/esm2022/accordion/src/accordion/accordion.token.mjs +6 -0
  19. package/esm2022/accordion/src/accordion-content/accordion-content.directive.mjs +75 -0
  20. package/esm2022/accordion/src/accordion-header/accordion-header.directive.mjs +17 -0
  21. package/esm2022/accordion/src/accordion-item/accordion-item.directive.mjs +81 -0
  22. package/esm2022/accordion/src/accordion-item/accordion-item.token.mjs +6 -0
  23. package/esm2022/accordion/src/accordion-state.directive.mjs +49 -0
  24. package/esm2022/accordion/src/accordion-trigger/accordion-trigger.directive.mjs +49 -0
  25. package/esm2022/accordion/src/accordion.config.mjs +27 -0
  26. package/esm2022/checkbox/src/checkbox-indicator.directive.mjs +5 -5
  27. package/esm2022/checkbox/src/checkbox.directive.mjs +10 -10
  28. package/esm2022/checkbox/src/checkbox.token.mjs +3 -3
  29. package/esm2022/label/src/label.directive.mjs +20 -6
  30. package/esm2022/overlay/src/overlay-arrow.directive.mjs +7 -7
  31. package/esm2022/overlay/src/overlay-arrow.token.mjs +2 -2
  32. package/esm2022/overlay/src/overlay-trigger.directive.mjs +7 -7
  33. package/esm2022/overlay/src/overlay-trigger.token.mjs +3 -3
  34. package/esm2022/overlay/src/overlay.directive.mjs +7 -7
  35. package/esm2022/overlay/src/overlay.token.mjs +2 -2
  36. package/esm2022/progress/src/progress-indicator.directive.mjs +5 -5
  37. package/esm2022/progress/src/progress.directive.mjs +7 -7
  38. package/esm2022/progress/src/progress.token.mjs +3 -3
  39. package/esm2022/radio/src/radio-group.directive.mjs +13 -13
  40. package/esm2022/radio/src/radio-group.token.mjs +3 -3
  41. package/esm2022/radio/src/radio-indicator.directive.mjs +5 -5
  42. package/esm2022/radio/src/radio-item.directive.mjs +9 -9
  43. package/esm2022/radio/src/radio-item.token.mjs +3 -3
  44. package/esm2022/roving-focus/src/roving-focus-group.directive.mjs +10 -9
  45. package/esm2022/roving-focus/src/roving-focus-group.token.mjs +3 -3
  46. package/esm2022/roving-focus/src/roving-focus-item.directive.mjs +7 -7
  47. package/esm2022/roving-focus/src/roving-focus-item.token.mjs +3 -3
  48. package/esm2022/separator/src/separator.directive.mjs +5 -5
  49. package/esm2022/switch/src/switch-thumb.directive.mjs +5 -5
  50. package/esm2022/switch/src/switch.directive.mjs +10 -10
  51. package/esm2022/switch/src/switch.token.mjs +3 -3
  52. package/esm2022/toggle/index.mjs +2 -0
  53. package/esm2022/toggle/radix-ng-primitives-toggle.mjs +5 -0
  54. package/esm2022/toggle/src/toggle.directive.mjs +65 -0
  55. package/esm2022/toggle-group/index.mjs +6 -0
  56. package/esm2022/toggle-group/radix-ng-primitives-toggle-group.mjs +5 -0
  57. package/esm2022/toggle-group/src/toggle-group-button.directive.mjs +79 -0
  58. package/esm2022/toggle-group/src/toggle-group-button.token.mjs +6 -0
  59. package/esm2022/toggle-group/src/toggle-group-multi.directive.mjs +159 -0
  60. package/esm2022/toggle-group/src/toggle-group.directive.mjs +157 -0
  61. package/esm2022/toggle-group/src/toggle-group.token.mjs +6 -0
  62. package/esm2022/visually-hidden/src/visually-hidden.directive.mjs +5 -5
  63. package/fesm2022/radix-ng-primitives-accordion.mjs +394 -0
  64. package/fesm2022/radix-ng-primitives-accordion.mjs.map +1 -0
  65. package/fesm2022/radix-ng-primitives-checkbox.mjs +15 -15
  66. package/fesm2022/radix-ng-primitives-checkbox.mjs.map +1 -1
  67. package/fesm2022/radix-ng-primitives-label.mjs +20 -6
  68. package/fesm2022/radix-ng-primitives-label.mjs.map +1 -1
  69. package/fesm2022/radix-ng-primitives-overlay.mjs +20 -20
  70. package/fesm2022/radix-ng-primitives-overlay.mjs.map +1 -1
  71. package/fesm2022/radix-ng-primitives-progress.mjs +12 -12
  72. package/fesm2022/radix-ng-primitives-progress.mjs.map +1 -1
  73. package/fesm2022/radix-ng-primitives-radio.mjs +26 -26
  74. package/fesm2022/radix-ng-primitives-radio.mjs.map +1 -1
  75. package/fesm2022/radix-ng-primitives-roving-focus.mjs +18 -17
  76. package/fesm2022/radix-ng-primitives-roving-focus.mjs.map +1 -1
  77. package/fesm2022/radix-ng-primitives-separator.mjs +5 -5
  78. package/fesm2022/radix-ng-primitives-separator.mjs.map +1 -1
  79. package/fesm2022/radix-ng-primitives-switch.mjs +15 -15
  80. package/fesm2022/radix-ng-primitives-switch.mjs.map +1 -1
  81. package/fesm2022/radix-ng-primitives-toggle-group.mjs +397 -0
  82. package/fesm2022/radix-ng-primitives-toggle-group.mjs.map +1 -0
  83. package/fesm2022/radix-ng-primitives-toggle.mjs +72 -0
  84. package/fesm2022/radix-ng-primitives-toggle.mjs.map +1 -0
  85. package/fesm2022/radix-ng-primitives-visually-hidden.mjs +5 -5
  86. package/fesm2022/radix-ng-primitives-visually-hidden.mjs.map +1 -1
  87. package/label/src/label.directive.d.ts +8 -3
  88. package/overlay/src/overlay-arrow.directive.d.ts +3 -3
  89. package/overlay/src/overlay-arrow.token.d.ts +2 -2
  90. package/overlay/src/overlay-trigger.directive.d.ts +7 -7
  91. package/overlay/src/overlay-trigger.token.d.ts +3 -3
  92. package/overlay/src/overlay.directive.d.ts +3 -3
  93. package/overlay/src/overlay.token.d.ts +2 -2
  94. package/package.json +18 -6
  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/src/radio-group.directive.d.ts +3 -3
  99. package/radio/src/radio-group.token.d.ts +3 -3
  100. package/radio/src/radio-indicator.directive.d.ts +5 -5
  101. package/radio/src/radio-item.directive.d.ts +4 -4
  102. package/radio/src/radio-item.token.d.ts +3 -3
  103. package/roving-focus/src/roving-focus-group.directive.d.ts +7 -7
  104. package/roving-focus/src/roving-focus-group.token.d.ts +3 -3
  105. package/roving-focus/src/roving-focus-item.directive.d.ts +3 -3
  106. package/roving-focus/src/roving-focus-item.token.d.ts +3 -3
  107. package/separator/src/separator.directive.d.ts +3 -3
  108. package/switch/src/switch-thumb.directive.d.ts +4 -4
  109. package/switch/src/switch.directive.d.ts +3 -3
  110. package/switch/src/switch.token.d.ts +3 -3
  111. package/toggle/README.md +3 -0
  112. package/toggle/index.d.ts +1 -0
  113. package/toggle/src/toggle.directive.d.ts +30 -0
  114. package/toggle-group/README.md +3 -0
  115. package/toggle-group/index.d.ts +5 -0
  116. package/toggle-group/src/toggle-group-button.directive.d.ts +39 -0
  117. package/toggle-group/src/toggle-group-button.token.d.ts +4 -0
  118. package/toggle-group/src/toggle-group-multi.directive.d.ts +90 -0
  119. package/toggle-group/src/toggle-group.directive.d.ts +90 -0
  120. package/toggle-group/src/toggle-group.token.d.ts +5 -0
  121. package/visually-hidden/src/visually-hidden.directive.d.ts +3 -3
  122. package/esm2022/tooltip/index.mjs +0 -5
  123. package/esm2022/tooltip/radix-ng-primitives-tooltip.mjs +0 -5
  124. package/esm2022/tooltip/src/tooltip-arrow.directive.mjs +0 -17
  125. package/esm2022/tooltip/src/tooltip-trigger.directive.mjs +0 -148
  126. package/esm2022/tooltip/src/tooltip-trigger.token.mjs +0 -6
  127. package/esm2022/tooltip/src/tooltip.config.mjs +0 -31
  128. package/esm2022/tooltip/src/tooltip.directive.mjs +0 -46
  129. package/fesm2022/radix-ng-primitives-tooltip.mjs +0 -242
  130. package/fesm2022/radix-ng-primitives-tooltip.mjs.map +0 -1
  131. package/tooltip/README.md +0 -1
  132. package/tooltip/index.d.ts +0 -4
  133. package/tooltip/src/tooltip-arrow.directive.d.ts +0 -6
  134. package/tooltip/src/tooltip-trigger.directive.d.ts +0 -79
  135. package/tooltip/src/tooltip-trigger.token.d.ts +0 -4
  136. package/tooltip/src/tooltip.config.d.ts +0 -46
  137. package/tooltip/src/tooltip.directive.d.ts +0 -17
@@ -1,9 +1,9 @@
1
1
  import { StaticProvider, TemplateRef } from '@angular/core';
2
2
  import { Placement } from '@floating-ui/dom';
3
- import type { OverlayArrowDirective } from './overlay-arrow.directive';
4
- import type { OverlayDirective } from './overlay.directive';
3
+ import type { RdxOverlayArrowDirective } from './overlay-arrow.directive';
4
+ import type { RdxOverlayDirective } from './overlay.directive';
5
5
  import * as i0 from "@angular/core";
6
- export declare class OverlayTriggerDirective {
6
+ export declare class RdxOverlayTriggerDirective {
7
7
  /**
8
8
  * Access the application ref
9
9
  */
@@ -129,7 +129,7 @@ export declare class OverlayTriggerDirective {
129
129
  * @param overlay The overlay to register.
130
130
  * @internal
131
131
  */
132
- registerOverlay(overlay: OverlayDirective): void;
132
+ registerOverlay(overlay: RdxOverlayDirective): void;
133
133
  /**
134
134
  * Unregister the overlay.
135
135
  * @internal
@@ -140,7 +140,7 @@ export declare class OverlayTriggerDirective {
140
140
  * @param arrow The arrow to register.
141
141
  * @internal
142
142
  */
143
- registerArrow(arrow: OverlayArrowDirective): void;
143
+ registerArrow(arrow: RdxOverlayArrowDirective): void;
144
144
  /**
145
145
  * Unregister the arrow.
146
146
  * @internal
@@ -152,8 +152,8 @@ export declare class OverlayTriggerDirective {
152
152
  * @internal
153
153
  */
154
154
  registerProvider(provider: StaticProvider): void;
155
- static ɵfac: i0.ɵɵFactoryDeclaration<OverlayTriggerDirective, never>;
156
- static ɵdir: i0.ɵɵDirectiveDeclaration<OverlayTriggerDirective, "[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>;
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
157
  static ngAcceptInputType_disabled: unknown;
158
158
  static ngAcceptInputType_offset: unknown;
159
159
  static ngAcceptInputType_showDelay: unknown;
@@ -1,7 +1,7 @@
1
1
  import { InjectionToken } from '@angular/core';
2
- import type { OverlayTriggerDirective } from './overlay-trigger.directive';
3
- export declare const OverlayTriggerToken: InjectionToken<OverlayTriggerDirective>;
2
+ import type { RdxOverlayTriggerDirective } from './overlay-trigger.directive';
3
+ export declare const RdxOverlayTriggerToken: InjectionToken<RdxOverlayTriggerDirective>;
4
4
  /**
5
5
  * Inject the overlay trigger directive
6
6
  */
7
- export declare function injectOverlayTrigger(): OverlayTriggerDirective;
7
+ export declare function injectOverlayTrigger(): RdxOverlayTriggerDirective;
@@ -1,6 +1,6 @@
1
1
  import { OnDestroy, OnInit } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
- export declare class OverlayDirective implements OnInit, OnDestroy {
3
+ export declare class RdxOverlayDirective implements OnInit, OnDestroy {
4
4
  /**
5
5
  * Access the overlay element
6
6
  */
@@ -24,6 +24,6 @@ export declare class OverlayDirective implements OnInit, OnDestroy {
24
24
  * @internal
25
25
  */
26
26
  setPosition(x?: number, y?: number): void;
27
- static ɵfac: i0.ɵɵFactoryDeclaration<OverlayDirective, never>;
28
- static ɵdir: i0.ɵɵDirectiveDeclaration<OverlayDirective, "[rdxOverlay]", never, {}, {}, never, never, true, never>;
27
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxOverlayDirective, never>;
28
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxOverlayDirective, "[rdxOverlay]", never, {}, {}, never, never, true, never>;
29
29
  }
@@ -1,3 +1,3 @@
1
1
  import { InjectionToken } from '@angular/core';
2
- import type { OverlayDirective } from './overlay.directive';
3
- export declare const OverlayToken: InjectionToken<OverlayDirective>;
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.3.0",
3
+ "version": "0.5.0",
4
4
  "license": "MIT",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -38,6 +38,12 @@
38
38
  "esm": "./esm2022/radix-ng-primitives.mjs",
39
39
  "default": "./fesm2022/radix-ng-primitives.mjs"
40
40
  },
41
+ "./accordion": {
42
+ "types": "./accordion/index.d.ts",
43
+ "esm2022": "./esm2022/accordion/radix-ng-primitives-accordion.mjs",
44
+ "esm": "./esm2022/accordion/radix-ng-primitives-accordion.mjs",
45
+ "default": "./fesm2022/radix-ng-primitives-accordion.mjs"
46
+ },
41
47
  "./avatar": {
42
48
  "types": "./avatar/index.d.ts",
43
49
  "esm2022": "./esm2022/avatar/radix-ng-primitives-avatar.mjs",
@@ -92,11 +98,17 @@
92
98
  "esm": "./esm2022/switch/radix-ng-primitives-switch.mjs",
93
99
  "default": "./fesm2022/radix-ng-primitives-switch.mjs"
94
100
  },
95
- "./tooltip": {
96
- "types": "./tooltip/index.d.ts",
97
- "esm2022": "./esm2022/tooltip/radix-ng-primitives-tooltip.mjs",
98
- "esm": "./esm2022/tooltip/radix-ng-primitives-tooltip.mjs",
99
- "default": "./fesm2022/radix-ng-primitives-tooltip.mjs"
101
+ "./toggle": {
102
+ "types": "./toggle/index.d.ts",
103
+ "esm2022": "./esm2022/toggle/radix-ng-primitives-toggle.mjs",
104
+ "esm": "./esm2022/toggle/radix-ng-primitives-toggle.mjs",
105
+ "default": "./fesm2022/radix-ng-primitives-toggle.mjs"
106
+ },
107
+ "./toggle-group": {
108
+ "types": "./toggle-group/index.d.ts",
109
+ "esm2022": "./esm2022/toggle-group/radix-ng-primitives-toggle-group.mjs",
110
+ "esm": "./esm2022/toggle-group/radix-ng-primitives-toggle-group.mjs",
111
+ "default": "./fesm2022/radix-ng-primitives-toggle-group.mjs"
100
112
  },
101
113
  "./visually-hidden": {
102
114
  "types": "./visually-hidden/index.d.ts",
@@ -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;
@@ -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": "rdxRovingFocusGroupOrientation"; "required": false; }; "wrap": { "alias": "rdxRovingFocusGroupWrap"; "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
  }
@@ -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,3 @@
1
+ # @radix-ng/primitives/toggle-group
2
+
3
+ Secondary entry point of `@radix-ng/primitives/toggle-group`.
@@ -0,0 +1,5 @@
1
+ export * from './src/toggle-group-button.directive';
2
+ export * from './src/toggle-group-button.token';
3
+ export * from './src/toggle-group-multi.directive';
4
+ export * from './src/toggle-group.directive';
5
+ export * from './src/toggle-group.token';
@@ -0,0 +1,39 @@
1
+ import { OnChanges, SimpleChanges } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ import * as i1 from "@radix-ng/primitives/roving-focus";
4
+ export declare class RdxToggleGroupButtonDirective implements OnChanges {
5
+ /**
6
+ * Access the toggle group.
7
+ */
8
+ protected readonly toggleGroup: import("@radix-ng/primitives/toggle-group").RdxToggleGroupDirective | import("@radix-ng/primitives/toggle-group").RdxToggleGroupMultiDirective;
9
+ /**
10
+ * Access the roving focus item.
11
+ */
12
+ private readonly rovingFocusItem;
13
+ /**
14
+ * The value of this toggle button.
15
+ */
16
+ value: string;
17
+ /**
18
+ * Whether this toggle button is disabled.
19
+ * @default false
20
+ */
21
+ disabled: boolean;
22
+ /**
23
+ * Whether this toggle button is checked.
24
+ */
25
+ protected get checked(): boolean;
26
+ ngOnChanges(changes: SimpleChanges): void;
27
+ /**
28
+ * Toggle this toggle button.
29
+ */
30
+ toggle(): void;
31
+ /**
32
+ * Ensure the disabled state is propagated to the roving focus item.
33
+ * @internal
34
+ */
35
+ updateDisabled(): void;
36
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxToggleGroupButtonDirective, never>;
37
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxToggleGroupButtonDirective, "button[rdxToggleGroupButton]", never, { "value": { "alias": "rdxToggleGroupButtonValue"; "required": true; }; "disabled": { "alias": "rdxToggleGroupButtonDisabled"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.RdxRovingFocusItemDirective; inputs: {}; outputs: {}; }]>;
38
+ static ngAcceptInputType_disabled: unknown;
39
+ }
@@ -0,0 +1,4 @@
1
+ import { InjectionToken } from '@angular/core';
2
+ import type { RdxToggleGroupButtonDirective } from './toggle-group-button.directive';
3
+ export declare const RdxToggleGroupButtonToken: InjectionToken<RdxToggleGroupButtonDirective>;
4
+ export declare function injectToggleGroupButton(): RdxToggleGroupButtonDirective;
@@ -0,0 +1,90 @@
1
+ import { AfterContentInit, EventEmitter, OnChanges, OnInit, QueryList, SimpleChanges } from '@angular/core';
2
+ import { ControlValueAccessor } from '@angular/forms';
3
+ import type { RdxToggleGroupButtonDirective } from './toggle-group-button.directive';
4
+ import * as i0 from "@angular/core";
5
+ import * as i1 from "@radix-ng/primitives/roving-focus";
6
+ export declare class RdxToggleGroupMultiDirective implements OnInit, OnChanges, AfterContentInit, ControlValueAccessor {
7
+ /**
8
+ * Access the roving focus group
9
+ */
10
+ private readonly rovingFocusGroup;
11
+ /**
12
+ * The selected toggle button.
13
+ */
14
+ value: ReadonlyArray<string>;
15
+ /**
16
+ * The orientation of the toggle group.
17
+ * @default 'horizontal'
18
+ */
19
+ orientation: 'horizontal' | 'vertical';
20
+ /**
21
+ * Whether the toggle group is disabled.
22
+ * @default false
23
+ */
24
+ disabled: boolean;
25
+ /**
26
+ * Whether the toggle group roving focus should wrap.
27
+ * @default true
28
+ */
29
+ wrap: boolean;
30
+ /**
31
+ * Event emitted when the selected toggle button changes.
32
+ */
33
+ readonly valueChange: EventEmitter<readonly string[]>;
34
+ /**
35
+ * Access the buttons in the toggle group.
36
+ */
37
+ protected buttons?: QueryList<RdxToggleGroupButtonDirective>;
38
+ /**
39
+ * The value change callback.
40
+ */
41
+ private onChange?;
42
+ /**
43
+ * The touched callback.
44
+ */
45
+ protected onTouched?: () => void;
46
+ ngOnInit(): void;
47
+ ngOnChanges(changes: SimpleChanges): void;
48
+ ngAfterContentInit(): void;
49
+ /**
50
+ * Determine if a value is selected.
51
+ * @param value The value to check.
52
+ * @returns Whether the value is selected.
53
+ * @internal
54
+ */
55
+ isSelected(value: string): boolean;
56
+ /**
57
+ * Toggle a value.
58
+ * @param value The value to toggle.
59
+ * @internal
60
+ */
61
+ toggle(value: string): void;
62
+ /**
63
+ * Select a value from Angular forms.
64
+ * @param value The value to select.
65
+ * @internal
66
+ */
67
+ writeValue(value: ReadonlyArray<string>): void;
68
+ /**
69
+ * Register a callback to be called when the value changes.
70
+ * @param fn The callback to register.
71
+ * @internal
72
+ */
73
+ registerOnChange(fn: (value: ReadonlyArray<string>) => void): void;
74
+ /**
75
+ * Register a callback to be called when the toggle group is touched.
76
+ * @param fn The callback to register.
77
+ * @internal
78
+ */
79
+ registerOnTouched(fn: () => void): void;
80
+ /**
81
+ * Set the disabled state of the toggle group.
82
+ * @param isDisabled Whether the toggle group is disabled.
83
+ * @internal
84
+ */
85
+ setDisabledState(isDisabled: boolean): void;
86
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxToggleGroupMultiDirective, never>;
87
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxToggleGroupMultiDirective, "[rdxToggleGroupMulti]", never, { "value": { "alias": "rdxToggleGroupMultiValue"; "required": false; }; "orientation": { "alias": "rdxToggleGroupMultiOrientation"; "required": false; }; "disabled": { "alias": "rdxToggleGroupMultiDisabled"; "required": false; }; "wrap": { "alias": "rdxToggleGroupMultiWrap"; "required": false; }; "valueChange": { "alias": "rdxToggleGroupMultiValueChange"; "required": false; }; }, {}, ["buttons"], never, true, [{ directive: typeof i1.RdxRovingFocusGroupDirective; inputs: { "rdxRovingFocusGroupWrap": "wrap"; "rdxRovingFocusGroupOrientation": "orientation"; }; outputs: {}; }]>;
88
+ static ngAcceptInputType_disabled: unknown;
89
+ static ngAcceptInputType_wrap: unknown;
90
+ }