@radix-ng/primitives 0.31.0 → 0.32.1
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/LICENSE +21 -0
- package/core/index.d.ts +3 -2
- package/core/src/kbd-constants.d.ts +40 -0
- package/fesm2022/radix-ng-primitives-accordion.mjs +19 -19
- package/fesm2022/radix-ng-primitives-alert-dialog.mjs +22 -22
- package/fesm2022/radix-ng-primitives-aspect-ratio.mjs +3 -3
- package/fesm2022/radix-ng-primitives-avatar.mjs +16 -16
- package/fesm2022/radix-ng-primitives-checkbox.mjs +16 -16
- package/fesm2022/radix-ng-primitives-collapsible.mjs +9 -9
- package/fesm2022/radix-ng-primitives-config.mjs +3 -3
- package/fesm2022/radix-ng-primitives-context-menu.mjs +34 -34
- package/fesm2022/radix-ng-primitives-core.mjs +50 -9
- package/fesm2022/radix-ng-primitives-core.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-dialog.mjs +25 -25
- package/fesm2022/radix-ng-primitives-dropdown-menu.mjs +34 -34
- package/fesm2022/radix-ng-primitives-hover-card.mjs +28 -28
- package/fesm2022/radix-ng-primitives-label.mjs +7 -10
- package/fesm2022/radix-ng-primitives-label.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-menu.mjs +37 -37
- package/fesm2022/radix-ng-primitives-menubar.mjs +31 -31
- package/fesm2022/radix-ng-primitives-pagination.mjs +30 -29
- package/fesm2022/radix-ng-primitives-pagination.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-popover.mjs +28 -28
- package/fesm2022/radix-ng-primitives-progress.mjs +10 -10
- package/fesm2022/radix-ng-primitives-radio.mjs +12 -12
- package/fesm2022/radix-ng-primitives-roving-focus.mjs +6 -6
- package/fesm2022/radix-ng-primitives-select.mjs +34 -34
- package/fesm2022/radix-ng-primitives-separator.mjs +21 -9
- package/fesm2022/radix-ng-primitives-separator.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-slider.mjs +31 -31
- package/fesm2022/radix-ng-primitives-stepper.mjs +473 -0
- package/fesm2022/radix-ng-primitives-stepper.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-switch.mjs +13 -13
- package/fesm2022/radix-ng-primitives-tabs.mjs +16 -16
- package/fesm2022/radix-ng-primitives-toggle-group.mjs +9 -9
- package/fesm2022/radix-ng-primitives-toggle.mjs +6 -6
- package/fesm2022/radix-ng-primitives-toolbar.mjs +22 -22
- package/fesm2022/radix-ng-primitives-tooltip.mjs +28 -28
- package/fesm2022/radix-ng-primitives-visually-hidden.mjs +9 -9
- package/hover-card/src/hover-card-root.directive.d.ts +4 -4
- package/label/src/label.directive.d.ts +4 -7
- package/package.json +7 -139
- package/pagination/src/pagination-root.directive.d.ts +1 -1
- package/popover/src/popover-root.directive.d.ts +4 -4
- package/separator/src/separator.directive.d.ts +4 -1
- package/stepper/README.md +1 -0
- package/stepper/index.d.ts +22 -0
- package/stepper/src/stepper-description.directive.d.ts +6 -0
- package/stepper/src/stepper-indicator.directive.d.ts +6 -0
- package/stepper/src/stepper-item-context.token.d.ts +13 -0
- package/stepper/src/stepper-item.directive.d.ts +21 -0
- package/stepper/src/stepper-root-context.token.d.ts +12 -0
- package/stepper/src/stepper-root.directive.d.ts +32 -0
- package/stepper/src/stepper-separator.directive.d.ts +10 -0
- package/stepper/src/stepper-title.directive.d.ts +6 -0
- package/stepper/src/stepper-trigger.directive.d.ts +14 -0
- package/stepper/src/types.d.ts +1 -0
- package/stepper/src/utils/getActiveElement.d.ts +1 -0
- package/stepper/src/utils/useArrowNavigation.d.ts +65 -0
- package/tooltip/src/tooltip-root.directive.d.ts +4 -4
- /package/core/src/{nullish.d.ts → is-nullish.d.ts} +0 -0
- /package/core/src/{isNumber.d.ts → is-number.d.ts} +0 -0
@@ -14,10 +14,10 @@ class RdxVisuallyHiddenDirective {
|
|
14
14
|
constructor() {
|
15
15
|
this.feature = input('focusable');
|
16
16
|
}
|
17
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.
|
18
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.
|
17
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RdxVisuallyHiddenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
18
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.6", type: RdxVisuallyHiddenDirective, isStandalone: true, selector: "[rdxVisuallyHidden]", inputs: { feature: { classPropertyName: "feature", publicName: "feature", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-hidden": "feature() === \"focusable\" ? \"true\" : null", "hidden": "feature() === \"fully-hidden\" ? true : null", "attr.tabindex": "feature() === \"fully-hidden\" ? \"-1\" : null", "style.position": "\"absolute\"", "style.border": "\"0\"", "style.width": "\"1px\"", "style.display": "feature() === \"focusable\" ? \"inline-block\" : \"none\"", "style.height": "\"1px\"", "style.padding": "\"0\"", "style.margin": "\"-1px\"", "style.overflow": "\"hidden\"", "style.clip": "\"rect(0, 0, 0, 0)\"", "style.white-space": "\"nowrap\"", "style.word-wrap": "\"normal\"" } }, ngImport: i0 }); }
|
19
19
|
}
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RdxVisuallyHiddenDirective, decorators: [{
|
21
21
|
type: Directive,
|
22
22
|
args: [{
|
23
23
|
selector: '[rdxVisuallyHidden]',
|
@@ -91,10 +91,10 @@ class RdxVisuallyHiddenInputBubbleDirective {
|
|
91
91
|
this.inputElement.dispatchEvent(inputEvent);
|
92
92
|
this.inputElement.dispatchEvent(changeEvent);
|
93
93
|
}
|
94
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.
|
95
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.
|
94
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RdxVisuallyHiddenInputBubbleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
95
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.6", type: RdxVisuallyHiddenInputBubbleDirective, isStandalone: true, selector: "[rdxVisuallyHiddenInputBubble]", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, feature: { classPropertyName: "feature", publicName: "feature", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "change": "onChange()" }, properties: { "attr.name": "name()", "attr.required": "required()", "attr.disabled": "disabled()", "attr.checked": "checked()", "value": "value()" } }, hostDirectives: [{ directive: RdxVisuallyHiddenDirective, inputs: ["feature", "feature"] }], ngImport: i0 }); }
|
96
96
|
}
|
97
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.
|
97
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RdxVisuallyHiddenInputBubbleDirective, decorators: [{
|
98
98
|
type: Directive,
|
99
99
|
args: [{
|
100
100
|
selector: '[rdxVisuallyHiddenInputBubble]',
|
@@ -157,10 +157,10 @@ class RdxVisuallyHiddenInputDirective {
|
|
157
157
|
inputElement.setAttribute('value', parsed.value);
|
158
158
|
});
|
159
159
|
}
|
160
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.
|
161
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.
|
160
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RdxVisuallyHiddenInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
161
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.6", type: RdxVisuallyHiddenInputDirective, isStandalone: true, selector: "[rdxVisuallyHiddenInput]", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, feature: { classPropertyName: "feature", publicName: "feature", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: RdxVisuallyHiddenInputBubbleDirective, inputs: ["feature", "feature", "name", "name", "value", "value", "checked", "checked", "disabled", "disabled", "required", "required"] }], ngImport: i0 }); }
|
162
162
|
}
|
163
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.
|
163
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RdxVisuallyHiddenInputDirective, decorators: [{
|
164
164
|
type: Directive,
|
165
165
|
args: [{
|
166
166
|
selector: '[rdxVisuallyHiddenInput]',
|
@@ -79,7 +79,7 @@ export declare class RdxHoverCardRootDirective {
|
|
79
79
|
window: Window & typeof globalThis;
|
80
80
|
primitiveConfigs?: import("./utils/types").PrimitiveConfigs;
|
81
81
|
onDestroyCallbacks: Set<() => void>;
|
82
|
-
"__#
|
82
|
+
"__#6361@#clickDomRootEventCallbacks": Set<(event: MouseEvent) => void>;
|
83
83
|
registerPrimitive<T extends object>(primitiveInstance: T): void;
|
84
84
|
deregisterPrimitive<T extends object>(primitiveInstance: T): void;
|
85
85
|
preventPrimitiveFromCdkEvent<T extends object>(primitiveInstance: T, eventType: import("./utils/types").EventType): void;
|
@@ -90,9 +90,9 @@ export declare class RdxHoverCardRootDirective {
|
|
90
90
|
primitivePreventedFromCdkEvent<T extends object>(primitiveInstance: T, eventType: import("./utils/types").EventType): boolean | undefined;
|
91
91
|
addClickDomRootEventCallback(callback: (event: MouseEvent) => void): void;
|
92
92
|
removeClickDomRootEventCallback(callback: (event: MouseEvent) => void): boolean;
|
93
|
-
"__#
|
94
|
-
"__#
|
95
|
-
"__#
|
93
|
+
"__#6361@#setPreventPrimitiveFromCdkEvent"<T extends object, R extends import("./utils/types").EventType, K extends import("./utils/types").PrimitiveConfig[`prevent${Capitalize<R>}`]>(primitiveInstance: T, eventType: R, value: K): void;
|
94
|
+
"__#6361@#registerOnDestroyCallbacks"(): void;
|
95
|
+
"__#6361@#listenToClickDomRootEvent"(): void;
|
96
96
|
} | null;
|
97
97
|
/** @ignore */
|
98
98
|
readonly destroyRef: DestroyRef;
|
@@ -1,23 +1,20 @@
|
|
1
|
-
import { InputSignal } from '@angular/core';
|
2
1
|
import * as i0 from "@angular/core";
|
3
2
|
/**
|
4
3
|
* @group Components
|
5
4
|
*/
|
6
5
|
export declare class RdxLabelDirective {
|
6
|
+
private readonly elementRef;
|
7
7
|
/**
|
8
|
-
* @type string
|
9
8
|
* @default 'rdx-label-{idIterator}'
|
10
9
|
*/
|
11
|
-
readonly id: InputSignal<string>;
|
12
|
-
protected readonly elementId: import("@angular/core").Signal<string | null>;
|
10
|
+
readonly id: import("@angular/core").InputSignal<string>;
|
13
11
|
/**
|
14
12
|
* The id of the element the label is associated with.
|
15
13
|
* @group Props
|
16
|
-
* @type string
|
17
14
|
* @defaultValue false
|
18
15
|
*/
|
19
|
-
readonly htmlFor: InputSignal<string>;
|
20
|
-
|
16
|
+
readonly htmlFor: import("@angular/core").InputSignal<string | undefined>;
|
17
|
+
protected readonly elementId: import("@angular/core").Signal<string | null>;
|
21
18
|
/**
|
22
19
|
* @ignore
|
23
20
|
*/
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@radix-ng/primitives",
|
3
|
-
"version": "0.
|
3
|
+
"version": "0.32.1",
|
4
4
|
"license": "MIT",
|
5
5
|
"publishConfig": {
|
6
6
|
"access": "public"
|
@@ -21,144 +21,12 @@
|
|
21
21
|
"@angular/core": "^19.1.0",
|
22
22
|
"@angular/cdk": "^19.1.0"
|
23
23
|
},
|
24
|
+
"devDependencies": {
|
25
|
+
"@angular-devkit/schematics": "^19.1.0"
|
26
|
+
},
|
24
27
|
"schematics": "./schematics/collection.json",
|
25
28
|
"sideEffects": false,
|
26
|
-
"
|
27
|
-
"
|
28
|
-
"
|
29
|
-
"./package.json": {
|
30
|
-
"default": "./package.json"
|
31
|
-
},
|
32
|
-
".": {
|
33
|
-
"types": "./index.d.ts",
|
34
|
-
"default": "./fesm2022/radix-ng-primitives.mjs"
|
35
|
-
},
|
36
|
-
"./accordion": {
|
37
|
-
"types": "./accordion/index.d.ts",
|
38
|
-
"default": "./fesm2022/radix-ng-primitives-accordion.mjs"
|
39
|
-
},
|
40
|
-
"./alert-dialog": {
|
41
|
-
"types": "./alert-dialog/index.d.ts",
|
42
|
-
"default": "./fesm2022/radix-ng-primitives-alert-dialog.mjs"
|
43
|
-
},
|
44
|
-
"./aspect-ratio": {
|
45
|
-
"types": "./aspect-ratio/index.d.ts",
|
46
|
-
"default": "./fesm2022/radix-ng-primitives-aspect-ratio.mjs"
|
47
|
-
},
|
48
|
-
"./avatar": {
|
49
|
-
"types": "./avatar/index.d.ts",
|
50
|
-
"default": "./fesm2022/radix-ng-primitives-avatar.mjs"
|
51
|
-
},
|
52
|
-
"./collapsible": {
|
53
|
-
"types": "./collapsible/index.d.ts",
|
54
|
-
"default": "./fesm2022/radix-ng-primitives-collapsible.mjs"
|
55
|
-
},
|
56
|
-
"./config": {
|
57
|
-
"types": "./config/index.d.ts",
|
58
|
-
"default": "./fesm2022/radix-ng-primitives-config.mjs"
|
59
|
-
},
|
60
|
-
"./checkbox": {
|
61
|
-
"types": "./checkbox/index.d.ts",
|
62
|
-
"default": "./fesm2022/radix-ng-primitives-checkbox.mjs"
|
63
|
-
},
|
64
|
-
"./context-menu": {
|
65
|
-
"types": "./context-menu/index.d.ts",
|
66
|
-
"default": "./fesm2022/radix-ng-primitives-context-menu.mjs"
|
67
|
-
},
|
68
|
-
"./core": {
|
69
|
-
"types": "./core/index.d.ts",
|
70
|
-
"default": "./fesm2022/radix-ng-primitives-core.mjs"
|
71
|
-
},
|
72
|
-
"./dialog": {
|
73
|
-
"types": "./dialog/index.d.ts",
|
74
|
-
"default": "./fesm2022/radix-ng-primitives-dialog.mjs"
|
75
|
-
},
|
76
|
-
"./dropdown-menu": {
|
77
|
-
"types": "./dropdown-menu/index.d.ts",
|
78
|
-
"default": "./fesm2022/radix-ng-primitives-dropdown-menu.mjs"
|
79
|
-
},
|
80
|
-
"./hover-card": {
|
81
|
-
"types": "./hover-card/index.d.ts",
|
82
|
-
"default": "./fesm2022/radix-ng-primitives-hover-card.mjs"
|
83
|
-
},
|
84
|
-
"./label": {
|
85
|
-
"types": "./label/index.d.ts",
|
86
|
-
"default": "./fesm2022/radix-ng-primitives-label.mjs"
|
87
|
-
},
|
88
|
-
"./menu": {
|
89
|
-
"types": "./menu/index.d.ts",
|
90
|
-
"default": "./fesm2022/radix-ng-primitives-menu.mjs"
|
91
|
-
},
|
92
|
-
"./menubar": {
|
93
|
-
"types": "./menubar/index.d.ts",
|
94
|
-
"default": "./fesm2022/radix-ng-primitives-menubar.mjs"
|
95
|
-
},
|
96
|
-
"./pagination": {
|
97
|
-
"types": "./pagination/index.d.ts",
|
98
|
-
"default": "./fesm2022/radix-ng-primitives-pagination.mjs"
|
99
|
-
},
|
100
|
-
"./popover": {
|
101
|
-
"types": "./popover/index.d.ts",
|
102
|
-
"default": "./fesm2022/radix-ng-primitives-popover.mjs"
|
103
|
-
},
|
104
|
-
"./presence": {
|
105
|
-
"types": "./presence/index.d.ts",
|
106
|
-
"default": "./fesm2022/radix-ng-primitives-presence.mjs"
|
107
|
-
},
|
108
|
-
"./progress": {
|
109
|
-
"types": "./progress/index.d.ts",
|
110
|
-
"default": "./fesm2022/radix-ng-primitives-progress.mjs"
|
111
|
-
},
|
112
|
-
"./radio": {
|
113
|
-
"types": "./radio/index.d.ts",
|
114
|
-
"default": "./fesm2022/radix-ng-primitives-radio.mjs"
|
115
|
-
},
|
116
|
-
"./roving-focus": {
|
117
|
-
"types": "./roving-focus/index.d.ts",
|
118
|
-
"default": "./fesm2022/radix-ng-primitives-roving-focus.mjs"
|
119
|
-
},
|
120
|
-
"./select": {
|
121
|
-
"types": "./select/index.d.ts",
|
122
|
-
"default": "./fesm2022/radix-ng-primitives-select.mjs"
|
123
|
-
},
|
124
|
-
"./separator": {
|
125
|
-
"types": "./separator/index.d.ts",
|
126
|
-
"default": "./fesm2022/radix-ng-primitives-separator.mjs"
|
127
|
-
},
|
128
|
-
"./slider": {
|
129
|
-
"types": "./slider/index.d.ts",
|
130
|
-
"default": "./fesm2022/radix-ng-primitives-slider.mjs"
|
131
|
-
},
|
132
|
-
"./switch": {
|
133
|
-
"types": "./switch/index.d.ts",
|
134
|
-
"default": "./fesm2022/radix-ng-primitives-switch.mjs"
|
135
|
-
},
|
136
|
-
"./tabs": {
|
137
|
-
"types": "./tabs/index.d.ts",
|
138
|
-
"default": "./fesm2022/radix-ng-primitives-tabs.mjs"
|
139
|
-
},
|
140
|
-
"./toggle": {
|
141
|
-
"types": "./toggle/index.d.ts",
|
142
|
-
"default": "./fesm2022/radix-ng-primitives-toggle.mjs"
|
143
|
-
},
|
144
|
-
"./toggle-group": {
|
145
|
-
"types": "./toggle-group/index.d.ts",
|
146
|
-
"default": "./fesm2022/radix-ng-primitives-toggle-group.mjs"
|
147
|
-
},
|
148
|
-
"./toolbar": {
|
149
|
-
"types": "./toolbar/index.d.ts",
|
150
|
-
"default": "./fesm2022/radix-ng-primitives-toolbar.mjs"
|
151
|
-
},
|
152
|
-
"./tooltip": {
|
153
|
-
"types": "./tooltip/index.d.ts",
|
154
|
-
"default": "./fesm2022/radix-ng-primitives-tooltip.mjs"
|
155
|
-
},
|
156
|
-
"./visually-hidden": {
|
157
|
-
"types": "./visually-hidden/index.d.ts",
|
158
|
-
"default": "./fesm2022/radix-ng-primitives-visually-hidden.mjs"
|
159
|
-
}
|
160
|
-
},
|
161
|
-
"dependencies": {
|
162
|
-
"tslib": "^2.3.0"
|
163
|
-
}
|
29
|
+
"types": "./index.d.ts",
|
30
|
+
"main": "./index.js",
|
31
|
+
"type": "commonjs"
|
164
32
|
}
|
@@ -14,5 +14,5 @@ export declare class RdxPaginationRootDirective {
|
|
14
14
|
/** @ignore */
|
15
15
|
onPageChange(value: number): void;
|
16
16
|
static ɵfac: i0.ɵɵFactoryDeclaration<RdxPaginationRootDirective, never>;
|
17
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxPaginationRootDirective, "[rdxPaginationRoot]",
|
17
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxPaginationRootDirective, "[rdxPaginationRoot]", ["rdxPaginationRoot"], { "defaultPage": { "alias": "defaultPage"; "required": false; "isSignal": true; }; "page": { "alias": "page"; "required": false; "isSignal": true; }; "itemsPerPage": { "alias": "itemsPerPage"; "required": false; "isSignal": true; }; "total": { "alias": "total"; "required": false; "isSignal": true; }; "siblingCount": { "alias": "siblingCount"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showEdges": { "alias": "showEdges"; "required": false; "isSignal": true; }; }, { "page": "pageChange"; "updatePage": "updatePage"; }, never, never, true, never>;
|
18
18
|
}
|
@@ -70,7 +70,7 @@ export declare class RdxPopoverRootDirective {
|
|
70
70
|
window: Window & typeof globalThis;
|
71
71
|
primitiveConfigs?: import("./utils/types").PrimitiveConfigs;
|
72
72
|
onDestroyCallbacks: Set<() => void>;
|
73
|
-
"__#
|
73
|
+
"__#8130@#clickDomRootEventCallbacks": Set<(event: MouseEvent) => void>;
|
74
74
|
registerPrimitive<T extends object>(primitiveInstance: T): void;
|
75
75
|
deregisterPrimitive<T extends object>(primitiveInstance: T): void;
|
76
76
|
preventPrimitiveFromCdkEvent<T extends object>(primitiveInstance: T, eventType: import("./utils/types").EventType): void;
|
@@ -81,9 +81,9 @@ export declare class RdxPopoverRootDirective {
|
|
81
81
|
primitivePreventedFromCdkEvent<T extends object>(primitiveInstance: T, eventType: import("./utils/types").EventType): boolean | undefined;
|
82
82
|
addClickDomRootEventCallback(callback: (event: MouseEvent) => void): void;
|
83
83
|
removeClickDomRootEventCallback(callback: (event: MouseEvent) => void): boolean;
|
84
|
-
"__#
|
85
|
-
"__#
|
86
|
-
"__#
|
84
|
+
"__#8130@#setPreventPrimitiveFromCdkEvent"<T extends object, R extends import("./utils/types").EventType, K extends import("./utils/types").PrimitiveConfig[`prevent${Capitalize<R>}`]>(primitiveInstance: T, eventType: R, value: K): void;
|
85
|
+
"__#8130@#registerOnDestroyCallbacks"(): void;
|
86
|
+
"__#8130@#listenToClickDomRootEvent"(): void;
|
87
87
|
} | null;
|
88
88
|
/** @ignore */
|
89
89
|
readonly destroyRef: DestroyRef;
|
@@ -42,7 +42,8 @@ export declare class RdxSeparatorRootDirective {
|
|
42
42
|
*
|
43
43
|
* @ignore
|
44
44
|
*/
|
45
|
-
protected readonly
|
45
|
+
protected readonly decorativeEffect: import("@angular/core").WritableSignal<boolean>;
|
46
|
+
protected readonly orientationEffect: import("@angular/core").WritableSignal<"horizontal" | "vertical">;
|
46
47
|
/**
|
47
48
|
* Computes the `aria-orientation` attribute. It is set to "vertical" only if
|
48
49
|
* the separator is not decorative and the orientation is set to "vertical".
|
@@ -51,6 +52,8 @@ export declare class RdxSeparatorRootDirective {
|
|
51
52
|
* @ignore
|
52
53
|
*/
|
53
54
|
protected readonly computedAriaOrientation: import("@angular/core").Signal<"vertical" | undefined>;
|
55
|
+
updateOrientation(value: Orientation): void;
|
56
|
+
updateDecorative(value: boolean): void;
|
54
57
|
static ɵfac: i0.ɵɵFactoryDeclaration<RdxSeparatorRootDirective, never>;
|
55
58
|
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSeparatorRootDirective, "div[rdxSeparatorRoot]", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "decorative": { "alias": "decorative"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
56
59
|
}
|
@@ -0,0 +1 @@
|
|
1
|
+
# @radix-ng/primitives/stepper
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import * as i0 from "@angular/core";
|
2
|
+
import * as i1 from "./src/stepper-description.directive";
|
3
|
+
import * as i2 from "./src/stepper-title.directive";
|
4
|
+
import * as i3 from "./src/stepper-separator.directive";
|
5
|
+
import * as i4 from "./src/stepper-item.directive";
|
6
|
+
import * as i5 from "./src/stepper-indicator.directive";
|
7
|
+
import * as i6 from "./src/stepper-root.directive";
|
8
|
+
import * as i7 from "./src/stepper-trigger.directive";
|
9
|
+
export * from './src/stepper-description.directive';
|
10
|
+
export * from './src/stepper-indicator.directive';
|
11
|
+
export * from './src/stepper-item.directive';
|
12
|
+
export * from './src/stepper-root-context.token';
|
13
|
+
export * from './src/stepper-root.directive';
|
14
|
+
export * from './src/stepper-separator.directive';
|
15
|
+
export * from './src/stepper-title.directive';
|
16
|
+
export * from './src/stepper-trigger.directive';
|
17
|
+
export * from './src/types';
|
18
|
+
export declare class RdxStepperModule {
|
19
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RdxStepperModule, never>;
|
20
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<RdxStepperModule, never, [typeof i1.RdxStepperDescriptionDirective, typeof i2.RdxStepperTitleDirective, typeof i3.RdxStepperSeparatorDirective, typeof i4.RdxStepperItemDirective, typeof i5.RdxStepperIndicatorDirective, typeof i6.RdxStepperRootDirective, typeof i7.RdxStepperTriggerDirective], [typeof i1.RdxStepperDescriptionDirective, typeof i2.RdxStepperTitleDirective, typeof i3.RdxStepperSeparatorDirective, typeof i4.RdxStepperItemDirective, typeof i5.RdxStepperIndicatorDirective, typeof i6.RdxStepperRootDirective, typeof i7.RdxStepperTriggerDirective]>;
|
21
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<RdxStepperModule>;
|
22
|
+
}
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import * as i0 from "@angular/core";
|
2
|
+
export declare class RdxStepperDescriptionDirective {
|
3
|
+
readonly itemContext: import("./stepper-item-context.token").StepperItemContext;
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RdxStepperDescriptionDirective, never>;
|
5
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxStepperDescriptionDirective, "[rdxStepperDescription]", never, {}, {}, never, never, true, never>;
|
6
|
+
}
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import * as i0 from "@angular/core";
|
2
|
+
export declare class RdxStepperIndicatorDirective {
|
3
|
+
readonly itemContext: import("./stepper-item-context.token").StepperItemContext;
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RdxStepperIndicatorDirective, never>;
|
5
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxStepperIndicatorDirective, "[rdxStepperIndicator]", ["rdxStepperIndicator"], {}, {}, never, never, true, never>;
|
6
|
+
}
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
|
2
|
+
import { InjectionToken, InputSignalWithTransform, Signal } from '@angular/core';
|
3
|
+
import { StepperState } from './types';
|
4
|
+
export interface StepperItemContext {
|
5
|
+
titleId: string;
|
6
|
+
descriptionId: string;
|
7
|
+
step: InputSignalWithTransform<number, NumberInput>;
|
8
|
+
disabled: InputSignalWithTransform<boolean, BooleanInput>;
|
9
|
+
isFocusable: Signal<boolean>;
|
10
|
+
itemState: Signal<StepperState>;
|
11
|
+
}
|
12
|
+
export declare const STEPPER_ITEM_CONTEXT: InjectionToken<StepperItemContext>;
|
13
|
+
export declare function injectStepperItemContext(): StepperItemContext;
|
@@ -0,0 +1,21 @@
|
|
1
|
+
import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
|
2
|
+
import { StepperItemContext } from './stepper-item-context.token';
|
3
|
+
import { StepperState } from './types';
|
4
|
+
import * as i0 from "@angular/core";
|
5
|
+
export declare class RdxStepperItemDirective implements StepperItemContext {
|
6
|
+
protected readonly rootContext: import("./stepper-root-context.token").StepperRootContext;
|
7
|
+
/** @ignore */
|
8
|
+
readonly titleId: string;
|
9
|
+
/** @ignore */
|
10
|
+
readonly descriptionId: string;
|
11
|
+
readonly step: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
|
12
|
+
readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
|
13
|
+
/** @ignore */
|
14
|
+
readonly completed: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
|
15
|
+
/** @ignore */
|
16
|
+
readonly itemState: import("@angular/core").Signal<StepperState>;
|
17
|
+
/** @ignore */
|
18
|
+
readonly isFocusable: import("@angular/core").Signal<boolean>;
|
19
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RdxStepperItemDirective, never>;
|
20
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxStepperItemDirective, "[rdxStepperItem]", never, { "step": { "alias": "step"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "completed": { "alias": "completed"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
21
|
+
}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import { Direction } from '@angular/cdk/bidi';
|
2
|
+
import { BooleanInput } from '@angular/cdk/coercion';
|
3
|
+
import { InjectionToken, InputSignal, InputSignalWithTransform, ModelSignal, WritableSignal } from '@angular/core';
|
4
|
+
export interface StepperRootContext {
|
5
|
+
value: ModelSignal<number | undefined>;
|
6
|
+
orientation: InputSignal<'vertical' | 'horizontal'>;
|
7
|
+
dir: InputSignal<Direction>;
|
8
|
+
linear: InputSignalWithTransform<boolean, BooleanInput>;
|
9
|
+
totalStepperItems: WritableSignal<HTMLElement[]>;
|
10
|
+
}
|
11
|
+
export declare const STEPPER_ROOT_CONTEXT: InjectionToken<StepperRootContext>;
|
12
|
+
export declare function injectStepperRootContext(): StepperRootContext;
|
@@ -0,0 +1,32 @@
|
|
1
|
+
import { Direction } from '@angular/cdk/bidi';
|
2
|
+
import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
|
3
|
+
import { StepperRootContext } from './stepper-root-context.token';
|
4
|
+
import * as i0 from "@angular/core";
|
5
|
+
export declare class RdxStepperRootDirective implements StepperRootContext {
|
6
|
+
private readonly liveAnnouncer;
|
7
|
+
readonly defaultValue: import("@angular/core").InputSignalWithTransform<number | undefined, NumberInput>;
|
8
|
+
readonly value: import("@angular/core").ModelSignal<number | undefined>;
|
9
|
+
readonly linear: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
|
10
|
+
readonly dir: import("@angular/core").InputSignal<Direction>;
|
11
|
+
readonly orientation: import("@angular/core").InputSignal<"vertical" | "horizontal">;
|
12
|
+
/** @ignore */
|
13
|
+
readonly totalStepperItemsArray: import("@angular/core").Signal<HTMLElement[]>;
|
14
|
+
/** @ignore */
|
15
|
+
readonly isFirstStep: import("@angular/core").Signal<boolean>;
|
16
|
+
/** @ignore */
|
17
|
+
readonly isLastStep: import("@angular/core").Signal<boolean>;
|
18
|
+
/** @ignore */
|
19
|
+
readonly totalSteps: import("@angular/core").Signal<number>;
|
20
|
+
/** @ignore */
|
21
|
+
readonly isNextDisabled: import("@angular/core").Signal<boolean>;
|
22
|
+
/** @ignore */
|
23
|
+
readonly isPrevDisabled: import("@angular/core").Signal<boolean>;
|
24
|
+
/** @ignore */
|
25
|
+
readonly totalStepperItems: import("@angular/core").WritableSignal<HTMLElement[]>;
|
26
|
+
private readonly nextStepperItem;
|
27
|
+
private readonly prevStepperItem;
|
28
|
+
constructor();
|
29
|
+
goToStep(step: number): void;
|
30
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RdxStepperRootDirective, never>;
|
31
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxStepperRootDirective, "[rdxStepperRoot]", ["rdxStepperRoot"], { "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "linear": { "alias": "linear"; "required": false; "isSignal": true; }; "dir": { "alias": "dir"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
|
32
|
+
}
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import * as i0 from "@angular/core";
|
2
|
+
import * as i1 from "@radix-ng/primitives/separator";
|
3
|
+
export declare class RdxStepperSeparatorDirective {
|
4
|
+
protected readonly rootContext: import("./stepper-root-context.token").StepperRootContext;
|
5
|
+
protected readonly itemContext: import("./stepper-item-context.token").StepperItemContext;
|
6
|
+
private readonly rdxSeparator;
|
7
|
+
constructor();
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RdxStepperSeparatorDirective, never>;
|
9
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxStepperSeparatorDirective, "[rdxStepperSeparator]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxSeparatorRootDirective; inputs: { "orientation": "orientation"; "decorative": "decorative"; }; outputs: {}; }]>;
|
10
|
+
}
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import * as i0 from "@angular/core";
|
2
|
+
export declare class RdxStepperTitleDirective {
|
3
|
+
readonly itemContext: import("./stepper-item-context.token").StepperItemContext;
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RdxStepperTitleDirective, never>;
|
5
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxStepperTitleDirective, "[rdxStepperTitle]", never, {}, {}, never, never, true, never>;
|
6
|
+
}
|
@@ -0,0 +1,14 @@
|
|
1
|
+
import { OnDestroy, OnInit } from '@angular/core';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
export declare class RdxStepperTriggerDirective implements OnInit, OnDestroy {
|
4
|
+
protected readonly rootContext: import("./stepper-root-context.token").StepperRootContext;
|
5
|
+
protected readonly itemContext: import("./stepper-item-context.token").StepperItemContext;
|
6
|
+
private readonly elementRef;
|
7
|
+
readonly stepperItems: import("@angular/core").Signal<HTMLElement[]>;
|
8
|
+
ngOnInit(): void;
|
9
|
+
ngOnDestroy(): void;
|
10
|
+
handleMouseDown(event: MouseEvent): void;
|
11
|
+
handleKeyDown(event: KeyboardEvent): void;
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RdxStepperTriggerDirective, never>;
|
13
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxStepperTriggerDirective, "button[rdxStepperTrigger]", never, {}, {}, never, never, true, never>;
|
14
|
+
}
|
@@ -0,0 +1 @@
|
|
1
|
+
export type StepperState = 'completed' | 'active' | 'inactive';
|
@@ -0,0 +1 @@
|
|
1
|
+
export declare function getActiveElement(): Element | null;
|
@@ -0,0 +1,65 @@
|
|
1
|
+
import { Direction } from '@angular/cdk/bidi';
|
2
|
+
type ArrowKeyOptions = 'horizontal' | 'vertical' | 'both';
|
3
|
+
interface ArrowNavigationOptions {
|
4
|
+
/**
|
5
|
+
* The arrow key options to allow navigation
|
6
|
+
*
|
7
|
+
* @defaultValue "both"
|
8
|
+
*/
|
9
|
+
arrowKeyOptions?: ArrowKeyOptions;
|
10
|
+
/**
|
11
|
+
* The attribute name to find the collection items in the parent element.
|
12
|
+
*
|
13
|
+
* @defaultValue "data-reka-collection-item"
|
14
|
+
*/
|
15
|
+
attributeName?: string;
|
16
|
+
/**
|
17
|
+
* The parent element where contains all the collection items, this will collect every item to be used when nav
|
18
|
+
* It will be ignored if attributeName is provided
|
19
|
+
*
|
20
|
+
* @defaultValue []
|
21
|
+
*/
|
22
|
+
itemsArray?: HTMLElement[];
|
23
|
+
/**
|
24
|
+
* Allow loop navigation. If false, it will stop at the first and last element
|
25
|
+
*
|
26
|
+
* @defaultValue true
|
27
|
+
*/
|
28
|
+
loop?: boolean;
|
29
|
+
/**
|
30
|
+
* The orientation of the collection
|
31
|
+
*
|
32
|
+
* @defaultValue "ltr"
|
33
|
+
*/
|
34
|
+
dir?: Direction;
|
35
|
+
/**
|
36
|
+
* Prevent the scroll when navigating. This happens when the direction of the
|
37
|
+
* key matches the scroll direction of any ancestor scrollable elements.
|
38
|
+
*
|
39
|
+
* @defaultValue true
|
40
|
+
*/
|
41
|
+
preventScroll?: boolean;
|
42
|
+
/**
|
43
|
+
* By default all currentElement would trigger navigation. If `true`, currentElement nodeName in the ignore list will return null
|
44
|
+
*
|
45
|
+
* @defaultValue false
|
46
|
+
*/
|
47
|
+
enableIgnoredElement?: boolean;
|
48
|
+
/**
|
49
|
+
* Focus the element after navigation
|
50
|
+
*
|
51
|
+
* @defaultValue false
|
52
|
+
*/
|
53
|
+
focus?: boolean;
|
54
|
+
}
|
55
|
+
/**
|
56
|
+
* Allow arrow navigation for every html element with data-reka-collection-item tag
|
57
|
+
*
|
58
|
+
* @param e Keyboard event
|
59
|
+
* @param currentElement Event initiator element or any element that wants to handle the navigation
|
60
|
+
* @param parentElement Parent element where contains all the collection items, this will collect every item to be used when nav
|
61
|
+
* @param options further options
|
62
|
+
* @returns the navigated html element or null if none
|
63
|
+
*/
|
64
|
+
export declare function useArrowNavigation(e: KeyboardEvent, currentElement: HTMLElement, parentElement: HTMLElement | undefined, options?: ArrowNavigationOptions): HTMLElement | null;
|
65
|
+
export {};
|
@@ -79,7 +79,7 @@ export declare class RdxTooltipRootDirective {
|
|
79
79
|
window: Window & typeof globalThis;
|
80
80
|
primitiveConfigs?: import("./utils/types").PrimitiveConfigs;
|
81
81
|
onDestroyCallbacks: Set<() => void>;
|
82
|
-
"__#
|
82
|
+
"__#13042@#clickDomRootEventCallbacks": Set<(event: MouseEvent) => void>;
|
83
83
|
registerPrimitive<T extends object>(primitiveInstance: T): void;
|
84
84
|
deregisterPrimitive<T extends object>(primitiveInstance: T): void;
|
85
85
|
preventPrimitiveFromCdkEvent<T extends object>(primitiveInstance: T, eventType: import("./utils/types").EventType): void;
|
@@ -90,9 +90,9 @@ export declare class RdxTooltipRootDirective {
|
|
90
90
|
primitivePreventedFromCdkEvent<T extends object>(primitiveInstance: T, eventType: import("./utils/types").EventType): boolean | undefined;
|
91
91
|
addClickDomRootEventCallback(callback: (event: MouseEvent) => void): void;
|
92
92
|
removeClickDomRootEventCallback(callback: (event: MouseEvent) => void): boolean;
|
93
|
-
"__#
|
94
|
-
"__#
|
95
|
-
"__#
|
93
|
+
"__#13042@#setPreventPrimitiveFromCdkEvent"<T extends object, R extends import("./utils/types").EventType, K extends import("./utils/types").PrimitiveConfig[`prevent${Capitalize<R>}`]>(primitiveInstance: T, eventType: R, value: K): void;
|
94
|
+
"__#13042@#registerOnDestroyCallbacks"(): void;
|
95
|
+
"__#13042@#listenToClickDomRootEvent"(): void;
|
96
96
|
} | null;
|
97
97
|
/** @ignore */
|
98
98
|
readonly destroyRef: DestroyRef;
|
File without changes
|
File without changes
|