@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.
Files changed (62) hide show
  1. package/LICENSE +21 -0
  2. package/core/index.d.ts +3 -2
  3. package/core/src/kbd-constants.d.ts +40 -0
  4. package/fesm2022/radix-ng-primitives-accordion.mjs +19 -19
  5. package/fesm2022/radix-ng-primitives-alert-dialog.mjs +22 -22
  6. package/fesm2022/radix-ng-primitives-aspect-ratio.mjs +3 -3
  7. package/fesm2022/radix-ng-primitives-avatar.mjs +16 -16
  8. package/fesm2022/radix-ng-primitives-checkbox.mjs +16 -16
  9. package/fesm2022/radix-ng-primitives-collapsible.mjs +9 -9
  10. package/fesm2022/radix-ng-primitives-config.mjs +3 -3
  11. package/fesm2022/radix-ng-primitives-context-menu.mjs +34 -34
  12. package/fesm2022/radix-ng-primitives-core.mjs +50 -9
  13. package/fesm2022/radix-ng-primitives-core.mjs.map +1 -1
  14. package/fesm2022/radix-ng-primitives-dialog.mjs +25 -25
  15. package/fesm2022/radix-ng-primitives-dropdown-menu.mjs +34 -34
  16. package/fesm2022/radix-ng-primitives-hover-card.mjs +28 -28
  17. package/fesm2022/radix-ng-primitives-label.mjs +7 -10
  18. package/fesm2022/radix-ng-primitives-label.mjs.map +1 -1
  19. package/fesm2022/radix-ng-primitives-menu.mjs +37 -37
  20. package/fesm2022/radix-ng-primitives-menubar.mjs +31 -31
  21. package/fesm2022/radix-ng-primitives-pagination.mjs +30 -29
  22. package/fesm2022/radix-ng-primitives-pagination.mjs.map +1 -1
  23. package/fesm2022/radix-ng-primitives-popover.mjs +28 -28
  24. package/fesm2022/radix-ng-primitives-progress.mjs +10 -10
  25. package/fesm2022/radix-ng-primitives-radio.mjs +12 -12
  26. package/fesm2022/radix-ng-primitives-roving-focus.mjs +6 -6
  27. package/fesm2022/radix-ng-primitives-select.mjs +34 -34
  28. package/fesm2022/radix-ng-primitives-separator.mjs +21 -9
  29. package/fesm2022/radix-ng-primitives-separator.mjs.map +1 -1
  30. package/fesm2022/radix-ng-primitives-slider.mjs +31 -31
  31. package/fesm2022/radix-ng-primitives-stepper.mjs +473 -0
  32. package/fesm2022/radix-ng-primitives-stepper.mjs.map +1 -0
  33. package/fesm2022/radix-ng-primitives-switch.mjs +13 -13
  34. package/fesm2022/radix-ng-primitives-tabs.mjs +16 -16
  35. package/fesm2022/radix-ng-primitives-toggle-group.mjs +9 -9
  36. package/fesm2022/radix-ng-primitives-toggle.mjs +6 -6
  37. package/fesm2022/radix-ng-primitives-toolbar.mjs +22 -22
  38. package/fesm2022/radix-ng-primitives-tooltip.mjs +28 -28
  39. package/fesm2022/radix-ng-primitives-visually-hidden.mjs +9 -9
  40. package/hover-card/src/hover-card-root.directive.d.ts +4 -4
  41. package/label/src/label.directive.d.ts +4 -7
  42. package/package.json +7 -139
  43. package/pagination/src/pagination-root.directive.d.ts +1 -1
  44. package/popover/src/popover-root.directive.d.ts +4 -4
  45. package/separator/src/separator.directive.d.ts +4 -1
  46. package/stepper/README.md +1 -0
  47. package/stepper/index.d.ts +22 -0
  48. package/stepper/src/stepper-description.directive.d.ts +6 -0
  49. package/stepper/src/stepper-indicator.directive.d.ts +6 -0
  50. package/stepper/src/stepper-item-context.token.d.ts +13 -0
  51. package/stepper/src/stepper-item.directive.d.ts +21 -0
  52. package/stepper/src/stepper-root-context.token.d.ts +12 -0
  53. package/stepper/src/stepper-root.directive.d.ts +32 -0
  54. package/stepper/src/stepper-separator.directive.d.ts +10 -0
  55. package/stepper/src/stepper-title.directive.d.ts +6 -0
  56. package/stepper/src/stepper-trigger.directive.d.ts +14 -0
  57. package/stepper/src/types.d.ts +1 -0
  58. package/stepper/src/utils/getActiveElement.d.ts +1 -0
  59. package/stepper/src/utils/useArrowNavigation.d.ts +65 -0
  60. package/tooltip/src/tooltip-root.directive.d.ts +4 -4
  61. /package/core/src/{nullish.d.ts → is-nullish.d.ts} +0 -0
  62. /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.4", ngImport: i0, type: RdxVisuallyHiddenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
18
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.4", 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 }); }
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.4", ngImport: i0, type: RdxVisuallyHiddenDirective, decorators: [{
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.4", ngImport: i0, type: RdxVisuallyHiddenInputBubbleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
95
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.4", 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 }); }
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.4", ngImport: i0, type: RdxVisuallyHiddenInputBubbleDirective, decorators: [{
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.4", ngImport: i0, type: RdxVisuallyHiddenInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
161
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.4", 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 }); }
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.4", ngImport: i0, type: RdxVisuallyHiddenInputDirective, decorators: [{
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
- "__#6088@#clickDomRootEventCallbacks": Set<(event: MouseEvent) => void>;
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
- "__#6088@#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
- "__#6088@#registerOnDestroyCallbacks"(): void;
95
- "__#6088@#listenToClickDomRootEvent"(): void;
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
- private readonly elementRef;
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.31.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
- "module": "fesm2022/radix-ng-primitives.mjs",
27
- "typings": "index.d.ts",
28
- "exports": {
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]", never, { "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>;
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
- "__#7794@#clickDomRootEventCallbacks": Set<(event: MouseEvent) => void>;
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
- "__#7794@#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
- "__#7794@#registerOnDestroyCallbacks"(): void;
86
- "__#7794@#listenToClickDomRootEvent"(): void;
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 computedRole: import("@angular/core").Signal<"none" | "separator">;
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
- "__#11559@#clickDomRootEventCallbacks": Set<(event: MouseEvent) => void>;
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
- "__#11559@#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
- "__#11559@#registerOnDestroyCallbacks"(): void;
95
- "__#11559@#listenToClickDomRootEvent"(): void;
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