@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.
- package/avatar/README.md +1 -0
- package/avatar/index.d.ts +4 -0
- package/avatar/src/avatar-fallback.directive.d.ts +34 -0
- package/avatar/src/avatar-image.directive.d.ts +17 -0
- package/avatar/src/avatar.config.d.ts +12 -0
- package/avatar/src/avatar.directive.d.ts +22 -0
- package/avatar/src/avatar.token.d.ts +4 -0
- package/checkbox/index.d.ts +1 -1
- package/checkbox/src/checkbox-indicator.directive.d.ts +4 -4
- package/checkbox/src/checkbox.directive.d.ts +3 -3
- package/checkbox/src/checkbox.token.d.ts +3 -3
- package/esm2022/avatar/index.mjs +5 -0
- package/esm2022/avatar/radix-ng-primitives-avatar.mjs +5 -0
- package/esm2022/avatar/src/avatar-fallback.directive.mjs +61 -0
- package/esm2022/avatar/src/avatar-image.directive.mjs +50 -0
- package/esm2022/avatar/src/avatar.config.mjs +17 -0
- package/esm2022/avatar/src/avatar.directive.mjs +38 -0
- package/esm2022/avatar/src/avatar.token.mjs +6 -0
- package/esm2022/checkbox/index.mjs +2 -2
- package/esm2022/checkbox/src/checkbox-indicator.directive.mjs +5 -5
- package/esm2022/checkbox/src/checkbox.directive.mjs +11 -11
- package/esm2022/checkbox/src/checkbox.token.mjs +4 -4
- package/esm2022/label/src/label.directive.mjs +5 -5
- package/esm2022/overlay/index.mjs +5 -0
- package/esm2022/overlay/radix-ng-primitives-overlay.mjs +5 -0
- package/esm2022/overlay/src/overlay-arrow.directive.mjs +59 -0
- package/esm2022/overlay/src/overlay-arrow.token.mjs +3 -0
- package/esm2022/overlay/src/overlay-trigger.directive.mjs +279 -0
- package/esm2022/overlay/src/overlay-trigger.token.mjs +9 -0
- package/esm2022/overlay/src/overlay.directive.mjs +51 -0
- package/esm2022/overlay/src/overlay.token.mjs +3 -0
- package/esm2022/progress/src/progress-indicator.directive.mjs +5 -5
- package/esm2022/progress/src/progress.directive.mjs +7 -7
- package/esm2022/progress/src/progress.token.mjs +4 -4
- package/esm2022/radio/index.mjs +2 -2
- package/esm2022/radio/src/radio-group.directive.mjs +14 -14
- package/esm2022/radio/src/radio-group.token.mjs +4 -4
- package/esm2022/radio/src/radio-indicator.directive.mjs +5 -5
- package/esm2022/radio/src/radio-item.directive.mjs +11 -11
- package/esm2022/radio/src/radio-item.token.mjs +4 -4
- package/esm2022/roving-focus/src/roving-focus-group.directive.mjs +8 -8
- package/esm2022/roving-focus/src/roving-focus-group.token.mjs +4 -4
- package/esm2022/roving-focus/src/roving-focus-item.directive.mjs +8 -8
- package/esm2022/roving-focus/src/roving-focus-item.token.mjs +4 -4
- package/esm2022/separator/src/separator.directive.mjs +6 -6
- package/esm2022/switch/index.mjs +2 -2
- package/esm2022/switch/src/switch-thumb.directive.mjs +5 -5
- package/esm2022/switch/src/switch.directive.mjs +11 -11
- package/esm2022/switch/src/switch.token.mjs +4 -4
- package/esm2022/toggle/index.mjs +2 -0
- package/esm2022/toggle/radix-ng-primitives-toggle.mjs +5 -0
- package/esm2022/toggle/src/toggle.directive.mjs +65 -0
- package/esm2022/tooltip/index.mjs +5 -0
- package/esm2022/tooltip/radix-ng-primitives-tooltip.mjs +5 -0
- package/esm2022/tooltip/src/tooltip-arrow.directive.mjs +17 -0
- package/esm2022/tooltip/src/tooltip-trigger.directive.mjs +148 -0
- package/esm2022/tooltip/src/tooltip-trigger.token.mjs +6 -0
- package/esm2022/tooltip/src/tooltip.config.mjs +31 -0
- package/esm2022/tooltip/src/tooltip.directive.mjs +46 -0
- package/esm2022/visually-hidden/src/visually-hidden.directive.mjs +5 -5
- package/fesm2022/radix-ng-primitives-avatar.mjs +167 -0
- package/fesm2022/radix-ng-primitives-avatar.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-checkbox.mjs +32 -32
- package/fesm2022/radix-ng-primitives-checkbox.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-label.mjs +5 -5
- package/fesm2022/radix-ng-primitives-label.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-overlay.mjs +399 -0
- package/fesm2022/radix-ng-primitives-overlay.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-progress.mjs +12 -12
- package/fesm2022/radix-ng-primitives-progress.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-radio.mjs +48 -48
- package/fesm2022/radix-ng-primitives-radio.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-roving-focus.mjs +15 -15
- package/fesm2022/radix-ng-primitives-roving-focus.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-separator.mjs +5 -5
- package/fesm2022/radix-ng-primitives-separator.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-switch.mjs +34 -34
- package/fesm2022/radix-ng-primitives-switch.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-toggle.mjs +72 -0
- package/fesm2022/radix-ng-primitives-toggle.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-tooltip.mjs +242 -0
- package/fesm2022/radix-ng-primitives-tooltip.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-visually-hidden.mjs +5 -5
- package/fesm2022/radix-ng-primitives-visually-hidden.mjs.map +1 -1
- package/label/src/label.directive.d.ts +3 -3
- package/overlay/README.md +1 -0
- package/overlay/index.d.ts +4 -0
- package/overlay/src/overlay-arrow.directive.d.ts +29 -0
- package/overlay/src/overlay-arrow.token.d.ts +3 -0
- package/overlay/src/overlay-trigger.directive.d.ts +163 -0
- package/overlay/src/overlay-trigger.token.d.ts +7 -0
- package/overlay/src/overlay.directive.d.ts +29 -0
- package/overlay/src/overlay.token.d.ts +3 -0
- package/package.json +29 -4
- package/progress/src/progress-indicator.directive.d.ts +4 -4
- package/progress/src/progress.directive.d.ts +3 -3
- package/progress/src/progress.token.d.ts +3 -3
- package/radio/index.d.ts +1 -1
- package/radio/src/radio-group.directive.d.ts +3 -3
- package/radio/src/radio-group.token.d.ts +3 -3
- package/radio/src/radio-indicator.directive.d.ts +5 -5
- package/radio/src/radio-item.directive.d.ts +4 -4
- package/radio/src/radio-item.token.d.ts +3 -3
- package/roving-focus/src/roving-focus-group.directive.d.ts +7 -7
- package/roving-focus/src/roving-focus-group.token.d.ts +3 -3
- package/roving-focus/src/roving-focus-item.directive.d.ts +3 -3
- package/roving-focus/src/roving-focus-item.token.d.ts +3 -3
- package/separator/src/separator.directive.d.ts +3 -3
- package/switch/index.d.ts +1 -1
- package/switch/src/switch-thumb.directive.d.ts +4 -4
- package/switch/src/switch.directive.d.ts +3 -3
- package/switch/src/switch.token.d.ts +3 -3
- package/toggle/README.md +3 -0
- package/toggle/index.d.ts +1 -0
- package/toggle/src/toggle.directive.d.ts +30 -0
- package/tooltip/README.md +1 -0
- package/tooltip/index.d.ts +4 -0
- package/tooltip/src/tooltip-arrow.directive.d.ts +6 -0
- package/tooltip/src/tooltip-trigger.directive.d.ts +79 -0
- package/tooltip/src/tooltip-trigger.token.d.ts +4 -0
- package/tooltip/src/tooltip.config.d.ts +46 -0
- package/tooltip/src/tooltip.directive.d.ts +17 -0
- 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
|
+
}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@radix-ng/primitives",
|
3
|
-
"version": "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
|
3
|
-
protected readonly progress: import("@radix-ng/primitives/progress").
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
5
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<
|
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
|
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<
|
23
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<
|
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 {
|
3
|
-
export declare const
|
4
|
-
export declare function injectProgress():
|
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
|
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<
|
63
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<
|
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 {
|
3
|
-
export declare const
|
4
|
-
export declare function injectRadioGroup():
|
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
|
2
|
+
export declare class RdxRadioIndicatorDirective {
|
3
3
|
/**
|
4
4
|
* Access the radio group.
|
5
5
|
*/
|
6
|
-
protected readonly radioGroup: import("@radix-ng/primitives/radio").
|
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").
|
11
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
12
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<
|
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
|
3
|
+
export declare class RdxRadioItemDirective {
|
4
4
|
/**
|
5
5
|
* Access the radio group.
|
6
6
|
*/
|
7
|
-
protected readonly radioGroup: import("@radix-ng/primitives/radio").
|
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<
|
34
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<
|
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 {
|
3
|
-
export declare const
|
4
|
-
export declare function injectRadioItem():
|
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 {
|
3
|
+
import type { RdxRovingFocusItemDirective } from './roving-focus-item.directive';
|
4
4
|
import * as i0 from "@angular/core";
|
5
|
-
export declare class
|
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<
|
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:
|
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:
|
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<
|
53
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<
|
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 {
|
3
|
-
export declare const
|
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():
|
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
|
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<
|
49
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<
|
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 {
|
3
|
-
export declare const
|
4
|
-
export declare function injectRovingFocusItem():
|
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
|
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<
|
14
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<
|
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,9 +1,9 @@
|
|
1
1
|
import * as i0 from "@angular/core";
|
2
|
-
export declare class
|
2
|
+
export declare class RdxSwitchThumbDirective {
|
3
3
|
/**
|
4
4
|
* Access the switch directive.
|
5
5
|
*/
|
6
|
-
protected readonly switch: import("@radix-ng/primitives/switch").
|
7
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
8
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<
|
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
|
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<
|
70
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<
|
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 {
|
3
|
-
export declare const
|
4
|
-
export declare function injectSwitch():
|
2
|
+
import type { RdxSwitchDirective } from './switch.directive';
|
3
|
+
export declare const RdxSwitchToken: InjectionToken<RdxSwitchDirective>;
|
4
|
+
export declare function injectSwitch(): RdxSwitchDirective;
|
package/toggle/README.md
ADDED
@@ -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,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
|
+
}
|