@radix-ng/primitives 0.3.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/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/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 +5 -5
- 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 +7 -7
- 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/tooltip/src/tooltip-arrow.directive.mjs +7 -7
- package/esm2022/tooltip/src/tooltip-trigger.directive.mjs +10 -10
- package/esm2022/tooltip/src/tooltip-trigger.token.mjs +3 -3
- package/esm2022/tooltip/src/tooltip.config.mjs +1 -1
- package/esm2022/tooltip/src/tooltip.directive.mjs +7 -7
- package/esm2022/visually-hidden/src/visually-hidden.directive.mjs +5 -5
- 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 +5 -5
- 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 +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 +15 -15
- 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 +21 -21
- package/fesm2022/radix-ng-primitives-tooltip.mjs.map +1 -1
- 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/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 +7 -1
- 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/tooltip/src/tooltip-arrow.directive.d.ts +3 -3
- package/tooltip/src/tooltip-trigger.directive.d.ts +3 -3
- package/tooltip/src/tooltip-trigger.token.d.ts +3 -3
- package/tooltip/src/tooltip.config.d.ts +4 -4
- package/tooltip/src/tooltip.directive.d.ts +3 -3
- package/visually-hidden/src/visually-hidden.directive.d.ts +3 -3
@@ -1,3 +1,3 @@
|
|
1
1
|
import { InjectionToken } from '@angular/core';
|
2
|
-
import type {
|
3
|
-
export declare const
|
2
|
+
import type { RdxOverlayArrowDirective } from './overlay-arrow.directive';
|
3
|
+
export declare const RdxOverlayArrowToken: InjectionToken<RdxOverlayArrowDirective>;
|
@@ -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.4.0",
|
4
4
|
"license": "MIT",
|
5
5
|
"publishConfig": {
|
6
6
|
"access": "public"
|
@@ -92,6 +92,12 @@
|
|
92
92
|
"esm": "./esm2022/switch/radix-ng-primitives-switch.mjs",
|
93
93
|
"default": "./fesm2022/radix-ng-primitives-switch.mjs"
|
94
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
|
+
},
|
95
101
|
"./tooltip": {
|
96
102
|
"types": "./tooltip/index.d.ts",
|
97
103
|
"esm2022": "./esm2022/tooltip/radix-ng-primitives-tooltip.mjs",
|
@@ -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": "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
|
}
|
@@ -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
|
+
}
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import * as i0 from "@angular/core";
|
2
2
|
import * as i1 from "@radix-ng/primitives/overlay";
|
3
|
-
export declare class
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
5
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<
|
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
6
|
}
|
@@ -2,7 +2,7 @@ import { OnInit, TemplateRef } from '@angular/core';
|
|
2
2
|
import { Placement } from '@floating-ui/dom';
|
3
3
|
import * as i0 from "@angular/core";
|
4
4
|
import * as i1 from "@radix-ng/primitives/overlay";
|
5
|
-
export declare class
|
5
|
+
export declare class RdxTooltipTriggerDirective implements OnInit {
|
6
6
|
/**
|
7
7
|
* Access the overlay trigger directive
|
8
8
|
*/
|
@@ -69,8 +69,8 @@ export declare class TooltipTriggerDirective implements OnInit {
|
|
69
69
|
* @internal
|
70
70
|
*/
|
71
71
|
setTooltipId(id: string): void;
|
72
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
73
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<
|
72
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RdxTooltipTriggerDirective, never>;
|
73
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTooltipTriggerDirective, "[rdxTooltipTrigger]", never, { "templateRef": { "alias": "rdxTooltipTrigger"; "required": true; }; "disabled": { "alias": "rdxTooltipDisabled"; "required": false; }; "placement": { "alias": "rdxTooltipPlacement"; "required": false; }; "offset": { "alias": "rdxTooltipOffset"; "required": false; }; "showDelay": { "alias": "rdxTooltipShowDelay"; "required": false; }; "hideDelay": { "alias": "rdxTooltipHideDelay"; "required": false; }; "flip": { "alias": "rdxTooltipFlip"; "required": false; }; "container": { "alias": "rdxTooltipContainer"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.RdxOverlayTriggerDirective; inputs: { "rdxOverlayTrigger": "rdxTooltipTrigger"; "rdxOverlayDisabled": "rdxTooltipDisabled"; "rdxOverlayPlacement": "rdxTooltipPlacement"; "rdxOverlayOffset": "rdxTooltipOffset"; "rdxOverlayShowDelay": "rdxTooltipShowDelay"; "rdxOverlayHideDelay": "rdxTooltipHideDelay"; "rdxOverlayShift": "rdxTooltipShift"; "rdxOverlayFlip": "rdxTooltipFlip"; "rdxOverlayContainer": "rdxTooltipContainer"; }; outputs: {}; }]>;
|
74
74
|
static ngAcceptInputType_disabled: unknown;
|
75
75
|
static ngAcceptInputType_offset: unknown;
|
76
76
|
static ngAcceptInputType_showDelay: unknown;
|
@@ -1,4 +1,4 @@
|
|
1
1
|
import { InjectionToken } from '@angular/core';
|
2
|
-
import type {
|
3
|
-
export declare const
|
4
|
-
export declare function injectTooltipTrigger():
|
2
|
+
import type { RdxTooltipTriggerDirective } from './tooltip-trigger.directive';
|
3
|
+
export declare const RdxTooltipTriggerToken: InjectionToken<RdxTooltipTriggerDirective>;
|
4
|
+
export declare function injectTooltipTrigger(): RdxTooltipTriggerDirective;
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import { InjectionToken, Provider } from '@angular/core';
|
2
2
|
import { Placement } from '@floating-ui/dom';
|
3
|
-
export declare const TooltipConfigToken: InjectionToken<
|
4
|
-
export interface
|
3
|
+
export declare const TooltipConfigToken: InjectionToken<RdxTooltipConfig>;
|
4
|
+
export interface RdxTooltipConfig {
|
5
5
|
/**
|
6
6
|
* Define the offset of the tooltip relative to the trigger.
|
7
7
|
* @default 4
|
@@ -38,9 +38,9 @@ export interface TooltipConfig {
|
|
38
38
|
* @param config The Tooltip configuration
|
39
39
|
* @returns The provider
|
40
40
|
*/
|
41
|
-
export declare function provideTooltipConfig(config: Partial<
|
41
|
+
export declare function provideTooltipConfig(config: Partial<RdxTooltipConfig>): Provider[];
|
42
42
|
/**
|
43
43
|
* Inject the Tooltip configuration
|
44
44
|
* @returns The global Tooltip configuration
|
45
45
|
*/
|
46
|
-
export declare function injectTooltipConfig():
|
46
|
+
export declare function injectTooltipConfig(): RdxTooltipConfig;
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
|
2
2
|
import * as i0 from "@angular/core";
|
3
3
|
import * as i1 from "@radix-ng/primitives/overlay";
|
4
|
-
export declare class
|
4
|
+
export declare class RdxTooltipDirective implements OnInit, OnChanges {
|
5
5
|
/**
|
6
6
|
* Access the tooltip trigger
|
7
7
|
*/
|
@@ -12,6 +12,6 @@ export declare class TooltipDirective implements OnInit, OnChanges {
|
|
12
12
|
id: string;
|
13
13
|
ngOnInit(): void;
|
14
14
|
ngOnChanges(changes: SimpleChanges): void;
|
15
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
16
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RdxTooltipDirective, never>;
|
16
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTooltipDirective, "[rdxTooltip]", ["rdxTooltip"], { "id": { "alias": "id"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.RdxOverlayDirective; inputs: {}; outputs: {}; }]>;
|
17
17
|
}
|
@@ -1,11 +1,11 @@
|
|
1
1
|
import { OnInit } from '@angular/core';
|
2
2
|
import * as i0 from "@angular/core";
|
3
|
-
export declare class
|
3
|
+
export declare class RdxVisuallyHiddenDirective implements OnInit {
|
4
4
|
/**
|
5
5
|
* Access the element.
|
6
6
|
*/
|
7
7
|
private readonly element;
|
8
8
|
ngOnInit(): void;
|
9
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
10
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RdxVisuallyHiddenDirective, never>;
|
10
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxVisuallyHiddenDirective, "[rdxVisuallyHidden]", never, {}, {}, never, never, true, never>;
|
11
11
|
}
|