@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.
- package/accordion/README.md +3 -0
- package/accordion/index.d.ts +7 -0
- package/accordion/src/accordion/accordion.directive.d.ts +64 -0
- package/accordion/src/accordion/accordion.token.d.ts +4 -0
- package/accordion/src/accordion-content/accordion-content.directive.d.ts +44 -0
- package/accordion/src/accordion-header/accordion-header.directive.d.ts +6 -0
- package/accordion/src/accordion-item/accordion-item.directive.d.ts +42 -0
- package/accordion/src/accordion-item/accordion-item.token.d.ts +4 -0
- package/accordion/src/accordion-state.directive.d.ts +28 -0
- package/accordion/src/accordion-trigger/accordion-trigger.directive.d.ts +23 -0
- package/accordion/src/accordion.config.d.ts +25 -0
- 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/accordion/index.mjs +8 -0
- package/esm2022/accordion/radix-ng-primitives-accordion.mjs +5 -0
- package/esm2022/accordion/src/accordion/accordion.directive.mjs +108 -0
- package/esm2022/accordion/src/accordion/accordion.token.mjs +6 -0
- package/esm2022/accordion/src/accordion-content/accordion-content.directive.mjs +75 -0
- package/esm2022/accordion/src/accordion-header/accordion-header.directive.mjs +17 -0
- package/esm2022/accordion/src/accordion-item/accordion-item.directive.mjs +81 -0
- package/esm2022/accordion/src/accordion-item/accordion-item.token.mjs +6 -0
- package/esm2022/accordion/src/accordion-state.directive.mjs +49 -0
- package/esm2022/accordion/src/accordion-trigger/accordion-trigger.directive.mjs +49 -0
- package/esm2022/accordion/src/accordion.config.mjs +27 -0
- package/esm2022/checkbox/src/checkbox-indicator.directive.mjs +5 -5
- package/esm2022/checkbox/src/checkbox.directive.mjs +10 -10
- package/esm2022/checkbox/src/checkbox.token.mjs +3 -3
- package/esm2022/label/src/label.directive.mjs +20 -6
- package/esm2022/overlay/src/overlay-arrow.directive.mjs +7 -7
- package/esm2022/overlay/src/overlay-arrow.token.mjs +2 -2
- package/esm2022/overlay/src/overlay-trigger.directive.mjs +7 -7
- package/esm2022/overlay/src/overlay-trigger.token.mjs +3 -3
- package/esm2022/overlay/src/overlay.directive.mjs +7 -7
- package/esm2022/overlay/src/overlay.token.mjs +2 -2
- 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 +3 -3
- package/esm2022/radio/src/radio-group.directive.mjs +13 -13
- package/esm2022/radio/src/radio-group.token.mjs +3 -3
- package/esm2022/radio/src/radio-indicator.directive.mjs +5 -5
- package/esm2022/radio/src/radio-item.directive.mjs +9 -9
- package/esm2022/radio/src/radio-item.token.mjs +3 -3
- package/esm2022/roving-focus/src/roving-focus-group.directive.mjs +10 -9
- package/esm2022/roving-focus/src/roving-focus-group.token.mjs +3 -3
- package/esm2022/roving-focus/src/roving-focus-item.directive.mjs +7 -7
- package/esm2022/roving-focus/src/roving-focus-item.token.mjs +3 -3
- package/esm2022/separator/src/separator.directive.mjs +5 -5
- package/esm2022/switch/src/switch-thumb.directive.mjs +5 -5
- package/esm2022/switch/src/switch.directive.mjs +10 -10
- package/esm2022/switch/src/switch.token.mjs +3 -3
- 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/toggle-group/index.mjs +6 -0
- package/esm2022/toggle-group/radix-ng-primitives-toggle-group.mjs +5 -0
- package/esm2022/toggle-group/src/toggle-group-button.directive.mjs +79 -0
- package/esm2022/toggle-group/src/toggle-group-button.token.mjs +6 -0
- package/esm2022/toggle-group/src/toggle-group-multi.directive.mjs +159 -0
- package/esm2022/toggle-group/src/toggle-group.directive.mjs +157 -0
- package/esm2022/toggle-group/src/toggle-group.token.mjs +6 -0
- package/esm2022/visually-hidden/src/visually-hidden.directive.mjs +5 -5
- package/fesm2022/radix-ng-primitives-accordion.mjs +394 -0
- package/fesm2022/radix-ng-primitives-accordion.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-checkbox.mjs +15 -15
- package/fesm2022/radix-ng-primitives-checkbox.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-label.mjs +20 -6
- package/fesm2022/radix-ng-primitives-label.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-overlay.mjs +20 -20
- package/fesm2022/radix-ng-primitives-overlay.mjs.map +1 -1
- 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 +26 -26
- package/fesm2022/radix-ng-primitives-radio.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-roving-focus.mjs +18 -17
- 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 +15 -15
- package/fesm2022/radix-ng-primitives-switch.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-toggle-group.mjs +397 -0
- package/fesm2022/radix-ng-primitives-toggle-group.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-toggle.mjs +72 -0
- package/fesm2022/radix-ng-primitives-toggle.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 +8 -3
- package/overlay/src/overlay-arrow.directive.d.ts +3 -3
- package/overlay/src/overlay-arrow.token.d.ts +2 -2
- package/overlay/src/overlay-trigger.directive.d.ts +7 -7
- package/overlay/src/overlay-trigger.token.d.ts +3 -3
- package/overlay/src/overlay.directive.d.ts +3 -3
- package/overlay/src/overlay.token.d.ts +2 -2
- package/package.json +18 -6
- 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/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/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/toggle-group/README.md +3 -0
- package/toggle-group/index.d.ts +5 -0
- package/toggle-group/src/toggle-group-button.directive.d.ts +39 -0
- package/toggle-group/src/toggle-group-button.token.d.ts +4 -0
- package/toggle-group/src/toggle-group-multi.directive.d.ts +90 -0
- package/toggle-group/src/toggle-group.directive.d.ts +90 -0
- package/toggle-group/src/toggle-group.token.d.ts +5 -0
- package/visually-hidden/src/visually-hidden.directive.d.ts +3 -3
- package/esm2022/tooltip/index.mjs +0 -5
- package/esm2022/tooltip/radix-ng-primitives-tooltip.mjs +0 -5
- package/esm2022/tooltip/src/tooltip-arrow.directive.mjs +0 -17
- package/esm2022/tooltip/src/tooltip-trigger.directive.mjs +0 -148
- package/esm2022/tooltip/src/tooltip-trigger.token.mjs +0 -6
- package/esm2022/tooltip/src/tooltip.config.mjs +0 -31
- package/esm2022/tooltip/src/tooltip.directive.mjs +0 -46
- package/fesm2022/radix-ng-primitives-tooltip.mjs +0 -242
- package/fesm2022/radix-ng-primitives-tooltip.mjs.map +0 -1
- package/tooltip/README.md +0 -1
- package/tooltip/index.d.ts +0 -4
- package/tooltip/src/tooltip-arrow.directive.d.ts +0 -6
- package/tooltip/src/tooltip-trigger.directive.d.ts +0 -79
- package/tooltip/src/tooltip-trigger.token.d.ts +0 -4
- package/tooltip/src/tooltip.config.d.ts +0 -46
- 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 {
|
4
|
-
import type {
|
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
|
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:
|
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:
|
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<
|
156
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<
|
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 {
|
3
|
-
export declare const
|
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():
|
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
|
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<
|
28
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<
|
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 {
|
3
|
-
export declare const
|
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
|
+
"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
|
-
"./
|
96
|
-
"types": "./
|
97
|
-
"esm2022": "./esm2022/
|
98
|
-
"esm": "./esm2022/
|
99
|
-
"default": "./fesm2022/radix-ng-primitives-
|
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
|
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;
|
@@ -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": "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 {
|
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
|
}
|
@@ -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,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
|
+
}
|