ng-primitives 0.93.0 → 0.94.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.
Files changed (55) hide show
  1. package/a11y/index.d.ts +2 -0
  2. package/accordion/index.d.ts +22 -0
  3. package/autofill/index.d.ts +2 -0
  4. package/avatar/index.d.ts +6 -0
  5. package/breadcrumbs/index.d.ts +14 -0
  6. package/button/index.d.ts +21 -3
  7. package/checkbox/index.d.ts +14 -0
  8. package/fesm2022/ng-primitives-accordion.mjs +24 -0
  9. package/fesm2022/ng-primitives-accordion.mjs.map +1 -1
  10. package/fesm2022/ng-primitives-button.mjs +18 -4
  11. package/fesm2022/ng-primitives-button.mjs.map +1 -1
  12. package/fesm2022/ng-primitives-checkbox.mjs +18 -0
  13. package/fesm2022/ng-primitives-checkbox.mjs.map +1 -1
  14. package/fesm2022/ng-primitives-file-upload.mjs +2 -2
  15. package/fesm2022/ng-primitives-file-upload.mjs.map +1 -1
  16. package/fesm2022/ng-primitives-input.mjs +10 -2
  17. package/fesm2022/ng-primitives-input.mjs.map +1 -1
  18. package/fesm2022/ng-primitives-menu.mjs +313 -352
  19. package/fesm2022/ng-primitives-menu.mjs.map +1 -1
  20. package/fesm2022/ng-primitives-roving-focus.mjs +1 -1
  21. package/fesm2022/ng-primitives-roving-focus.mjs.map +1 -1
  22. package/fesm2022/ng-primitives-separator.mjs +15 -7
  23. package/fesm2022/ng-primitives-separator.mjs.map +1 -1
  24. package/fesm2022/ng-primitives-slider.mjs +22 -4
  25. package/fesm2022/ng-primitives-slider.mjs.map +1 -1
  26. package/fesm2022/ng-primitives-state.mjs +12 -6
  27. package/fesm2022/ng-primitives-state.mjs.map +1 -1
  28. package/fesm2022/ng-primitives-switch.mjs +12 -0
  29. package/fesm2022/ng-primitives-switch.mjs.map +1 -1
  30. package/fesm2022/ng-primitives-tabs.mjs +6 -0
  31. package/fesm2022/ng-primitives-tabs.mjs.map +1 -1
  32. package/fesm2022/ng-primitives-textarea.mjs +7 -0
  33. package/fesm2022/ng-primitives-textarea.mjs.map +1 -1
  34. package/fesm2022/ng-primitives-toggle-group.mjs +18 -0
  35. package/fesm2022/ng-primitives-toggle-group.mjs.map +1 -1
  36. package/fesm2022/ng-primitives-toggle.mjs +12 -0
  37. package/fesm2022/ng-primitives-toggle.mjs.map +1 -1
  38. package/fesm2022/ng-primitives-toolbar.mjs +2 -2
  39. package/fesm2022/ng-primitives-toolbar.mjs.map +1 -1
  40. package/file-upload/index.d.ts +12 -8
  41. package/focus-trap/index.d.ts +2 -0
  42. package/form-field/index.d.ts +8 -0
  43. package/input/index.d.ts +13 -0
  44. package/menu/index.d.ts +247 -120
  45. package/package.json +1 -1
  46. package/roving-focus/index.d.ts +82 -10
  47. package/separator/index.d.ts +1 -0
  48. package/slider/index.d.ts +20 -0
  49. package/state/index.d.ts +9 -0
  50. package/switch/index.d.ts +12 -0
  51. package/tabs/index.d.ts +12 -0
  52. package/textarea/index.d.ts +7 -0
  53. package/toggle/index.d.ts +7 -0
  54. package/toggle-group/index.d.ts +16 -0
  55. package/toolbar/index.d.ts +2 -0
package/slider/index.d.ts CHANGED
@@ -31,10 +31,12 @@ declare const injectSliderRangeState: {
31
31
  (options: {
32
32
  hoisted: true;
33
33
  optional?: boolean;
34
+ skipSelf?: boolean;
34
35
  }): _angular_core.Signal<NgpSliderRangeState | null>;
35
36
  (options?: {
36
37
  hoisted?: boolean;
37
38
  optional?: boolean;
39
+ skipSelf?: boolean;
38
40
  }): _angular_core.Signal<NgpSliderRangeState> | _angular_core.Signal<NgpSliderRangeState | null>;
39
41
  };
40
42
  declare const provideSliderRangeState: (opts?: {
@@ -74,10 +76,12 @@ declare const injectSliderThumbState: {
74
76
  (options: {
75
77
  hoisted: true;
76
78
  optional?: boolean;
79
+ skipSelf?: boolean;
77
80
  }): Signal<NgpSliderThumbState | null>;
78
81
  (options?: {
79
82
  hoisted?: boolean;
80
83
  optional?: boolean;
84
+ skipSelf?: boolean;
81
85
  }): Signal<NgpSliderThumbState> | Signal<NgpSliderThumbState | null>;
82
86
  };
83
87
  declare const provideSliderThumbState: (opts?: {
@@ -109,10 +113,12 @@ declare const injectSliderTrackState: {
109
113
  (options: {
110
114
  hoisted: true;
111
115
  optional?: boolean;
116
+ skipSelf?: boolean;
112
117
  }): _angular_core.Signal<NgpSliderTrackState | null>;
113
118
  (options?: {
114
119
  hoisted?: boolean;
115
120
  optional?: boolean;
121
+ skipSelf?: boolean;
116
122
  }): _angular_core.Signal<NgpSliderTrackState> | _angular_core.Signal<NgpSliderTrackState | null>;
117
123
  };
118
124
  declare const provideSliderTrackState: (opts?: {
@@ -223,10 +229,12 @@ declare const injectSliderState: {
223
229
  (options: {
224
230
  hoisted: true;
225
231
  optional?: boolean;
232
+ skipSelf?: boolean;
226
233
  }): Signal<NgpSliderState | null>;
227
234
  (options?: {
228
235
  hoisted?: boolean;
229
236
  optional?: boolean;
237
+ skipSelf?: boolean;
230
238
  }): Signal<NgpSliderState> | Signal<NgpSliderState | null>;
231
239
  };
232
240
  declare const provideSliderState: (opts?: {
@@ -274,6 +282,18 @@ declare class NgpSlider {
274
282
  * @internal
275
283
  */
276
284
  protected readonly state: NgpSliderState;
285
+ /**
286
+ * Set the value of the slider.
287
+ */
288
+ setValue(value: number): void;
289
+ /**
290
+ * Set the disabled state.
291
+ */
292
+ setDisabled(disabled: boolean): void;
293
+ /**
294
+ * Set the orientation.
295
+ */
296
+ setOrientation(orientation: NgpOrientation): void;
277
297
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpSlider, never>;
278
298
  static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpSlider, "[ngpSlider]", ["ngpSlider"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "ngpSliderValue"; "required": false; "isSignal": true; }; "min": { "alias": "ngpSliderMin"; "required": false; "isSignal": true; }; "max": { "alias": "ngpSliderMax"; "required": false; "isSignal": true; }; "step": { "alias": "ngpSliderStep"; "required": false; "isSignal": true; }; "orientation": { "alias": "ngpSliderOrientation"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpSliderDisabled"; "required": false; "isSignal": true; }; }, { "valueChange": "ngpSliderValueChange"; }, never, never, true, never>;
279
299
  }
package/state/index.d.ts CHANGED
@@ -63,10 +63,12 @@ type BasePrimitiveInjectionFn<TState> = {
63
63
  (options: {
64
64
  hoisted: true;
65
65
  optional?: boolean;
66
+ skipSelf?: boolean;
66
67
  }): Signal<TState | null>;
67
68
  (options?: {
68
69
  hoisted?: boolean;
69
70
  optional?: boolean;
71
+ skipSelf?: boolean;
70
72
  }): Signal<TState | null> | Signal<TState>;
71
73
  };
72
74
  type PrimitiveInjectionFn<TFactory extends (...args: any[]) => unknown> = TFactory extends (props: unknown) => infer R ? {
@@ -74,10 +76,12 @@ type PrimitiveInjectionFn<TFactory extends (...args: any[]) => unknown> = TFacto
74
76
  (options: {
75
77
  hoisted: true;
76
78
  optional?: boolean;
79
+ skipSelf?: boolean;
77
80
  }): Signal<R | null>;
78
81
  (options?: {
79
82
  hoisted?: boolean;
80
83
  optional?: boolean;
84
+ skipSelf?: boolean;
81
85
  }): Signal<R | null> | Signal<R>;
82
86
  } : BasePrimitiveInjectionFn<PrimitiveState<TFactory>>;
83
87
  declare function createPrimitive<TFactory extends (...args: any[]) => unknown>(name: string, fn: TFactory, options?: CreatePrimitiveOptions): [
@@ -118,6 +122,11 @@ interface Emitter<T> {
118
122
  emit(value: T): void;
119
123
  asObservable(): Observable<T>;
120
124
  }
125
+ /**
126
+ * An emitter is a simple wrapper around a Subject that ensures
127
+ * that change detection is run when an event is emitted and that
128
+ * the subject is automatically completed when the component is destroyed.
129
+ */
121
130
  declare function emitter<T>({ injector, }?: {
122
131
  injector?: Injector;
123
132
  }): Emitter<T>;
package/switch/index.d.ts CHANGED
@@ -36,10 +36,12 @@ declare const injectSwitchThumbState: {
36
36
  (options: {
37
37
  hoisted: true;
38
38
  optional?: boolean;
39
+ skipSelf?: boolean;
39
40
  }): Signal<NgpSwitchThumbState | null>;
40
41
  (options?: {
41
42
  hoisted?: boolean;
42
43
  optional?: boolean;
44
+ skipSelf?: boolean;
43
45
  }): Signal<NgpSwitchThumbState> | Signal<NgpSwitchThumbState | null>;
44
46
  };
45
47
  declare const provideSwitchThumbState: (opts?: {
@@ -106,10 +108,12 @@ declare const injectSwitchState: {
106
108
  (options: {
107
109
  hoisted: true;
108
110
  optional?: boolean;
111
+ skipSelf?: boolean;
109
112
  }): Signal<NgpSwitchState | null>;
110
113
  (options?: {
111
114
  hoisted?: boolean;
112
115
  optional?: boolean;
116
+ skipSelf?: boolean;
113
117
  }): Signal<NgpSwitchState> | Signal<NgpSwitchState | null>;
114
118
  };
115
119
  declare const provideSwitchState: (opts?: {
@@ -147,6 +151,14 @@ declare class NgpSwitch {
147
151
  * Toggle the checked state.
148
152
  */
149
153
  toggle(): void;
154
+ /**
155
+ * Update the checked value.
156
+ */
157
+ setChecked(value: boolean): void;
158
+ /**
159
+ * Update the disabled value.
160
+ */
161
+ setDisabled(value: boolean): void;
150
162
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpSwitch, never>;
151
163
  static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpSwitch, "[ngpSwitch]", ["ngpSwitch"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "checked": { "alias": "ngpSwitchChecked"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpSwitchDisabled"; "required": false; "isSignal": true; }; }, { "checkedChange": "ngpSwitchCheckedChange"; }, never, never, true, never>;
152
164
  }
package/tabs/index.d.ts CHANGED
@@ -117,6 +117,7 @@ declare const injectTabButtonState: {
117
117
  (options: {
118
118
  hoisted: true;
119
119
  optional?: boolean;
120
+ skipSelf?: boolean;
120
121
  }): Signal<{
121
122
  id: Signal<string>;
122
123
  active: Signal<boolean>;
@@ -125,6 +126,7 @@ declare const injectTabButtonState: {
125
126
  (options?: {
126
127
  hoisted?: boolean;
127
128
  optional?: boolean;
129
+ skipSelf?: boolean;
128
130
  }): Signal<{
129
131
  id: Signal<string>;
130
132
  active: Signal<boolean>;
@@ -165,10 +167,12 @@ declare const injectTabListState: {
165
167
  (options: {
166
168
  hoisted: true;
167
169
  optional?: boolean;
170
+ skipSelf?: boolean;
168
171
  }): _angular_core.Signal<{} | null>;
169
172
  (options?: {
170
173
  hoisted?: boolean;
171
174
  optional?: boolean;
175
+ skipSelf?: boolean;
172
176
  }): _angular_core.Signal<{}> | _angular_core.Signal<{} | null>;
173
177
  };
174
178
  declare const provideTabListState: (opts?: {
@@ -247,6 +251,7 @@ declare const injectTabPanelState: {
247
251
  (options: {
248
252
  hoisted: true;
249
253
  optional?: boolean;
254
+ skipSelf?: boolean;
250
255
  }): Signal<{
251
256
  panelId: Signal<string>;
252
257
  labelledBy: Signal<string>;
@@ -255,6 +260,7 @@ declare const injectTabPanelState: {
255
260
  (options?: {
256
261
  hoisted?: boolean;
257
262
  optional?: boolean;
263
+ skipSelf?: boolean;
258
264
  }): Signal<{
259
265
  panelId: Signal<string>;
260
266
  labelledBy: Signal<string>;
@@ -310,6 +316,10 @@ declare class NgpTabset {
310
316
  * @param value The value of the tab to select
311
317
  */
312
318
  select(value: string): void;
319
+ /**
320
+ * Set orientation of the tabset.
321
+ */
322
+ setOrientation(orientation: NgpOrientation): void;
313
323
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpTabset, never>;
314
324
  static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpTabset, "[ngpTabset]", ["ngpTabset"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "ngpTabsetValue"; "required": false; "isSignal": true; }; "orientation": { "alias": "ngpTabsetOrientation"; "required": false; "isSignal": true; }; "activateOnFocus": { "alias": "ngpTabsetActivateOnFocus"; "required": false; "isSignal": true; }; }, { "valueChange": "ngpTabsetValueChange"; }, never, never, true, never>;
315
325
  }
@@ -417,6 +427,7 @@ declare const injectTabsetState: {
417
427
  (options: {
418
428
  hoisted: true;
419
429
  optional?: boolean;
430
+ skipSelf?: boolean;
420
431
  }): Signal<{
421
432
  id: Signal<string>;
422
433
  orientation: WritableSignal<NgpOrientation>;
@@ -431,6 +442,7 @@ declare const injectTabsetState: {
431
442
  (options?: {
432
443
  hoisted?: boolean;
433
444
  optional?: boolean;
445
+ skipSelf?: boolean;
434
446
  }): Signal<{
435
447
  id: Signal<string>;
436
448
  orientation: WritableSignal<NgpOrientation>;
@@ -19,6 +19,11 @@ declare class NgpTextarea {
19
19
  disabled: _angular_core.WritableSignal<boolean>;
20
20
  setDisabled: (value: boolean) => void;
21
21
  };
22
+ /**
23
+ * Set the disabled state of the textarea.
24
+ * @param value The disabled state.
25
+ */
26
+ setDisabled(value: boolean): void;
22
27
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpTextarea, never>;
23
28
  static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpTextarea, "[ngpTextarea]", ["ngpTextarea"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
24
29
  }
@@ -67,6 +72,7 @@ declare const injectTextareaState: {
67
72
  (options: {
68
73
  hoisted: true;
69
74
  optional?: boolean;
75
+ skipSelf?: boolean;
70
76
  }): Signal<{
71
77
  id: Signal<string>;
72
78
  disabled: WritableSignal<boolean>;
@@ -75,6 +81,7 @@ declare const injectTextareaState: {
75
81
  (options?: {
76
82
  hoisted?: boolean;
77
83
  optional?: boolean;
84
+ skipSelf?: boolean;
78
85
  }): Signal<{
79
86
  id: Signal<string>;
80
87
  disabled: WritableSignal<boolean>;
package/toggle/index.d.ts CHANGED
@@ -55,10 +55,12 @@ declare const injectToggleState: {
55
55
  (options: {
56
56
  hoisted: true;
57
57
  optional?: boolean;
58
+ skipSelf?: boolean;
58
59
  }): Signal<NgpToggleState | null>;
59
60
  (options?: {
60
61
  hoisted?: boolean;
61
62
  optional?: boolean;
63
+ skipSelf?: boolean;
62
64
  }): Signal<NgpToggleState> | Signal<NgpToggleState | null>;
63
65
  };
64
66
  declare const provideToggleState: (opts?: {
@@ -92,6 +94,11 @@ declare class NgpToggle {
92
94
  * Toggle the selected state.
93
95
  */
94
96
  toggle(): void;
97
+ /**
98
+ * Set the selected state.
99
+ */
100
+ setSelected(value: boolean): void;
101
+ setDisabled(value: boolean): void;
95
102
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpToggle, never>;
96
103
  static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpToggle, "[ngpToggle]", ["ngpToggle"], { "selected": { "alias": "ngpToggleSelected"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpToggleDisabled"; "required": false; "isSignal": true; }; }, { "selectedChange": "ngpToggleSelectedChange"; }, never, never, true, never>;
97
104
  }
@@ -56,10 +56,12 @@ declare const injectToggleGroupItemState: {
56
56
  (options: {
57
57
  hoisted: true;
58
58
  optional?: boolean;
59
+ skipSelf?: boolean;
59
60
  }): Signal<NgpToggleGroupItemState | null>;
60
61
  (options?: {
61
62
  hoisted?: boolean;
62
63
  optional?: boolean;
64
+ skipSelf?: boolean;
63
65
  }): Signal<NgpToggleGroupItemState> | Signal<NgpToggleGroupItemState | null>;
64
66
  };
65
67
  declare const provideToggleGroupItemState: (opts?: {
@@ -116,10 +118,12 @@ declare const injectToggleGroupState: {
116
118
  (options: {
117
119
  hoisted: true;
118
120
  optional?: boolean;
121
+ skipSelf?: boolean;
119
122
  }): Signal<NgpToggleGroupState | null>;
120
123
  (options?: {
121
124
  hoisted?: boolean;
122
125
  optional?: boolean;
126
+ skipSelf?: boolean;
123
127
  }): Signal<NgpToggleGroupState> | Signal<NgpToggleGroupState | null>;
124
128
  };
125
129
  declare const provideToggleGroupState: (opts?: {
@@ -164,6 +168,18 @@ declare class NgpToggleGroup {
164
168
  * Toggle a value in the toggle group.
165
169
  */
166
170
  toggle(value: string): void;
171
+ /**
172
+ * Set the value(s) of the toggle group.
173
+ */
174
+ setValue(newValue: string[]): void;
175
+ /**
176
+ * Set the disabled state of the toggle group.
177
+ */
178
+ setDisabled(isDisabled: boolean): void;
179
+ /**
180
+ * Set the orientation of the toggle group.
181
+ */
182
+ setOrientation(newOrientation: NgpOrientation): void;
167
183
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpToggleGroup, never>;
168
184
  static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpToggleGroup, "[ngpToggleGroup]", ["ngpToggleGroup"], { "orientation": { "alias": "ngpToggleGroupOrientation"; "required": false; "isSignal": true; }; "allowDeselection": { "alias": "ngpToggleGroupAllowDeselection"; "required": false; "isSignal": true; }; "type": { "alias": "ngpToggleGroupType"; "required": false; "isSignal": true; }; "value": { "alias": "ngpToggleGroupValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpToggleGroupDisabled"; "required": false; "isSignal": true; }; }, { "valueChange": "ngpToggleGroupValueChange"; }, never, never, true, never>;
169
185
  }
@@ -26,6 +26,7 @@ declare const injectToolbarState: {
26
26
  (options: {
27
27
  hoisted: true;
28
28
  optional?: boolean;
29
+ skipSelf?: boolean;
29
30
  }): Signal<{
30
31
  orientation: WritableSignal<NgpOrientation>;
31
32
  setOrientation: (value: NgpOrientation) => void;
@@ -33,6 +34,7 @@ declare const injectToolbarState: {
33
34
  (options?: {
34
35
  hoisted?: boolean;
35
36
  optional?: boolean;
37
+ skipSelf?: boolean;
36
38
  }): Signal<{
37
39
  orientation: WritableSignal<NgpOrientation>;
38
40
  setOrientation: (value: NgpOrientation) => void;