ng-primitives 0.120.4 → 0.121.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 (147) hide show
  1. package/example-theme/index.css +9 -0
  2. package/fesm2022/ng-primitives-a11y.mjs +5 -5
  3. package/fesm2022/ng-primitives-a11y.mjs.map +1 -1
  4. package/fesm2022/ng-primitives-accordion.mjs +34 -51
  5. package/fesm2022/ng-primitives-accordion.mjs.map +1 -1
  6. package/fesm2022/ng-primitives-ai.mjs +39 -52
  7. package/fesm2022/ng-primitives-ai.mjs.map +1 -1
  8. package/fesm2022/ng-primitives-autofill.mjs +4 -4
  9. package/fesm2022/ng-primitives-autofill.mjs.map +1 -1
  10. package/fesm2022/ng-primitives-avatar.mjs +14 -17
  11. package/fesm2022/ng-primitives-avatar.mjs.map +1 -1
  12. package/fesm2022/ng-primitives-breadcrumbs.mjs +21 -21
  13. package/fesm2022/ng-primitives-breadcrumbs.mjs.map +1 -1
  14. package/fesm2022/ng-primitives-button.mjs +7 -9
  15. package/fesm2022/ng-primitives-button.mjs.map +1 -1
  16. package/fesm2022/ng-primitives-checkbox.mjs +15 -30
  17. package/fesm2022/ng-primitives-checkbox.mjs.map +1 -1
  18. package/fesm2022/ng-primitives-combobox.mjs +60 -92
  19. package/fesm2022/ng-primitives-combobox.mjs.map +1 -1
  20. package/fesm2022/ng-primitives-common.mjs +4 -4
  21. package/fesm2022/ng-primitives-common.mjs.map +1 -1
  22. package/fesm2022/ng-primitives-context-menu.mjs +68 -121
  23. package/fesm2022/ng-primitives-context-menu.mjs.map +1 -1
  24. package/fesm2022/ng-primitives-date-picker.mjs +91 -115
  25. package/fesm2022/ng-primitives-date-picker.mjs.map +1 -1
  26. package/fesm2022/ng-primitives-dialog.mjs +35 -51
  27. package/fesm2022/ng-primitives-dialog.mjs.map +1 -1
  28. package/fesm2022/ng-primitives-file-upload.mjs +26 -53
  29. package/fesm2022/ng-primitives-file-upload.mjs.map +1 -1
  30. package/fesm2022/ng-primitives-focus-trap.mjs +5 -8
  31. package/fesm2022/ng-primitives-focus-trap.mjs.map +1 -1
  32. package/fesm2022/ng-primitives-form-field.mjs +39 -44
  33. package/fesm2022/ng-primitives-form-field.mjs.map +1 -1
  34. package/fesm2022/ng-primitives-input-otp.mjs +30 -43
  35. package/fesm2022/ng-primitives-input-otp.mjs.map +1 -1
  36. package/fesm2022/ng-primitives-input.mjs +6 -8
  37. package/fesm2022/ng-primitives-input.mjs.map +1 -1
  38. package/fesm2022/ng-primitives-interactions.mjs +31 -48
  39. package/fesm2022/ng-primitives-interactions.mjs.map +1 -1
  40. package/fesm2022/ng-primitives-internal.mjs +39 -35
  41. package/fesm2022/ng-primitives-internal.mjs.map +1 -1
  42. package/fesm2022/ng-primitives-listbox.mjs +34 -48
  43. package/fesm2022/ng-primitives-listbox.mjs.map +1 -1
  44. package/fesm2022/ng-primitives-menu.mjs +85 -151
  45. package/fesm2022/ng-primitives-menu.mjs.map +1 -1
  46. package/fesm2022/ng-primitives-meter.mjs +25 -36
  47. package/fesm2022/ng-primitives-meter.mjs.map +1 -1
  48. package/fesm2022/ng-primitives-navigation-menu.mjs +60 -108
  49. package/fesm2022/ng-primitives-navigation-menu.mjs.map +1 -1
  50. package/fesm2022/ng-primitives-number-field.mjs +35 -59
  51. package/fesm2022/ng-primitives-number-field.mjs.map +1 -1
  52. package/fesm2022/ng-primitives-pagination.mjs +270 -297
  53. package/fesm2022/ng-primitives-pagination.mjs.map +1 -1
  54. package/fesm2022/ng-primitives-popover.mjs +209 -223
  55. package/fesm2022/ng-primitives-popover.mjs.map +1 -1
  56. package/fesm2022/ng-primitives-portal.mjs +88 -59
  57. package/fesm2022/ng-primitives-portal.mjs.map +1 -1
  58. package/fesm2022/ng-primitives-progress.mjs +30 -41
  59. package/fesm2022/ng-primitives-progress.mjs.map +1 -1
  60. package/fesm2022/ng-primitives-radio.mjs +20 -30
  61. package/fesm2022/ng-primitives-radio.mjs.map +1 -1
  62. package/fesm2022/ng-primitives-resize.mjs +3 -3
  63. package/fesm2022/ng-primitives-resize.mjs.map +1 -1
  64. package/fesm2022/ng-primitives-roving-focus.mjs +20 -34
  65. package/fesm2022/ng-primitives-roving-focus.mjs.map +1 -1
  66. package/fesm2022/ng-primitives-search.mjs +9 -9
  67. package/fesm2022/ng-primitives-search.mjs.map +1 -1
  68. package/fesm2022/ng-primitives-select.mjs +720 -620
  69. package/fesm2022/ng-primitives-select.mjs.map +1 -1
  70. package/fesm2022/ng-primitives-separator.mjs +4 -6
  71. package/fesm2022/ng-primitives-separator.mjs.map +1 -1
  72. package/fesm2022/ng-primitives-slider.mjs +63 -100
  73. package/fesm2022/ng-primitives-slider.mjs.map +1 -1
  74. package/fesm2022/ng-primitives-state.mjs +3 -3
  75. package/fesm2022/ng-primitives-state.mjs.map +1 -1
  76. package/fesm2022/ng-primitives-switch.mjs +15 -21
  77. package/fesm2022/ng-primitives-switch.mjs.map +1 -1
  78. package/fesm2022/ng-primitives-tabs.mjs +31 -41
  79. package/fesm2022/ng-primitives-tabs.mjs.map +1 -1
  80. package/fesm2022/ng-primitives-textarea.mjs +5 -7
  81. package/fesm2022/ng-primitives-textarea.mjs.map +1 -1
  82. package/fesm2022/ng-primitives-toast.mjs +30 -23
  83. package/fesm2022/ng-primitives-toast.mjs.map +1 -1
  84. package/fesm2022/ng-primitives-toggle-group.mjs +20 -36
  85. package/fesm2022/ng-primitives-toggle-group.mjs.map +1 -1
  86. package/fesm2022/ng-primitives-toggle.mjs +10 -19
  87. package/fesm2022/ng-primitives-toggle.mjs.map +1 -1
  88. package/fesm2022/ng-primitives-toolbar.mjs +4 -6
  89. package/fesm2022/ng-primitives-toolbar.mjs.map +1 -1
  90. package/fesm2022/ng-primitives-tooltip.mjs +401 -402
  91. package/fesm2022/ng-primitives-tooltip.mjs.map +1 -1
  92. package/fesm2022/ng-primitives-utils.mjs +5 -4
  93. package/fesm2022/ng-primitives-utils.mjs.map +1 -1
  94. package/package.json +56 -55
  95. package/schematics/ng-generate/templates/select/select.__fileSuffix@dasherize__.ts.template +48 -48
  96. package/{a11y/index.d.ts → types/ng-primitives-a11y.d.ts} +18 -24
  97. package/{accordion/index.d.ts → types/ng-primitives-accordion.d.ts} +85 -98
  98. package/{autofill/index.d.ts → types/ng-primitives-autofill.d.ts} +3 -10
  99. package/{avatar/index.d.ts → types/ng-primitives-avatar.d.ts} +7 -30
  100. package/{breadcrumbs/index.d.ts → types/ng-primitives-breadcrumbs.d.ts} +15 -70
  101. package/{button/index.d.ts → types/ng-primitives-button.d.ts} +23 -29
  102. package/{checkbox/index.d.ts → types/ng-primitives-checkbox.d.ts} +68 -74
  103. package/{combobox/index.d.ts → types/ng-primitives-combobox.d.ts} +35 -35
  104. package/{context-menu/index.d.ts → types/ng-primitives-context-menu.d.ts} +2 -1
  105. package/{date-picker/index.d.ts → types/ng-primitives-date-picker.d.ts} +2 -2
  106. package/{dialog/index.d.ts → types/ng-primitives-dialog.d.ts} +7 -2
  107. package/{file-upload/index.d.ts → types/ng-primitives-file-upload.d.ts} +5 -20
  108. package/{focus-trap/index.d.ts → types/ng-primitives-focus-trap.d.ts} +3 -10
  109. package/{form-field/index.d.ts → types/ng-primitives-form-field.d.ts} +9 -40
  110. package/{input/index.d.ts → types/ng-primitives-input.d.ts} +3 -10
  111. package/{menu/index.d.ts → types/ng-primitives-menu.d.ts} +17 -63
  112. package/{navigation-menu/index.d.ts → types/ng-primitives-navigation-menu.d.ts} +15 -70
  113. package/{number-field/index.d.ts → types/ng-primitives-number-field.d.ts} +80 -110
  114. package/types/ng-primitives-pagination.d.ts +502 -0
  115. package/{popover/index.d.ts → types/ng-primitives-popover.d.ts} +244 -57
  116. package/{portal/index.d.ts → types/ng-primitives-portal.d.ts} +22 -13
  117. package/{progress/index.d.ts → types/ng-primitives-progress.d.ts} +3 -10
  118. package/{roving-focus/index.d.ts → types/ng-primitives-roving-focus.d.ts} +65 -79
  119. package/types/ng-primitives-select.d.ts +687 -0
  120. package/{separator/index.d.ts → types/ng-primitives-separator.d.ts} +3 -10
  121. package/{slider/index.d.ts → types/ng-primitives-slider.d.ts} +76 -138
  122. package/{state/index.d.ts → types/ng-primitives-state.d.ts} +26 -21
  123. package/{switch/index.d.ts → types/ng-primitives-switch.d.ts} +50 -64
  124. package/{tabs/index.d.ts → types/ng-primitives-tabs.d.ts} +9 -40
  125. package/{textarea/index.d.ts → types/ng-primitives-textarea.d.ts} +3 -10
  126. package/{toast/index.d.ts → types/ng-primitives-toast.d.ts} +13 -1
  127. package/{toggle-group/index.d.ts → types/ng-primitives-toggle-group.d.ts} +75 -89
  128. package/{toggle/index.d.ts → types/ng-primitives-toggle.d.ts} +50 -56
  129. package/{toolbar/index.d.ts → types/ng-primitives-toolbar.d.ts} +3 -10
  130. package/types/ng-primitives-tooltip.d.ts +691 -0
  131. package/pagination/index.d.ts +0 -211
  132. package/select/index.d.ts +0 -396
  133. package/tooltip/index.d.ts +0 -384
  134. /package/{ai/index.d.ts → types/ng-primitives-ai.d.ts} +0 -0
  135. /package/{common/index.d.ts → types/ng-primitives-common.d.ts} +0 -0
  136. /package/{date-time-luxon/index.d.ts → types/ng-primitives-date-time-luxon.d.ts} +0 -0
  137. /package/{date-time/index.d.ts → types/ng-primitives-date-time.d.ts} +0 -0
  138. /package/{input-otp/index.d.ts → types/ng-primitives-input-otp.d.ts} +0 -0
  139. /package/{interactions/index.d.ts → types/ng-primitives-interactions.d.ts} +0 -0
  140. /package/{internal/index.d.ts → types/ng-primitives-internal.d.ts} +0 -0
  141. /package/{listbox/index.d.ts → types/ng-primitives-listbox.d.ts} +0 -0
  142. /package/{meter/index.d.ts → types/ng-primitives-meter.d.ts} +0 -0
  143. /package/{radio/index.d.ts → types/ng-primitives-radio.d.ts} +0 -0
  144. /package/{resize/index.d.ts → types/ng-primitives-resize.d.ts} +0 -0
  145. /package/{search/index.d.ts → types/ng-primitives-search.d.ts} +0 -0
  146. /package/{utils/index.d.ts → types/ng-primitives-utils.d.ts} +0 -0
  147. /package/{index.d.ts → types/ng-primitives.d.ts} +0 -0
@@ -4,6 +4,8 @@ import * as _angular_core from '@angular/core';
4
4
  import { Provider, Signal, WritableSignal } from '@angular/core';
5
5
  import { FocusOrigin } from '@angular/cdk/a11y';
6
6
  import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
7
+ import * as ng_primitives_state from 'ng-primitives/state';
8
+ import { StateInjectionOptions } from 'ng-primitives/state';
7
9
  import { Observable, Subject } from 'rxjs';
8
10
 
9
11
  /**
@@ -210,16 +212,8 @@ interface NgpMenuItemProps {
210
212
  declare const ngpMenuItem: ({ disabled, closeOnSelect, role, }: NgpMenuItemProps) => {};
211
213
  declare const injectMenuItemState: {
212
214
  (): Signal<{}>;
213
- (options: {
214
- hoisted: true;
215
- optional?: boolean;
216
- skipSelf?: boolean;
217
- }): Signal<{} | null>;
218
- (options?: {
219
- hoisted?: boolean;
220
- optional?: boolean;
221
- skipSelf?: boolean;
222
- }): Signal<{}> | Signal<{} | null>;
215
+ (options: ng_primitives_state.StateInjectionOptions): Signal<{} | null>;
216
+ (options?: ng_primitives_state.StateInjectionOptions): Signal<{}> | Signal<{} | null>;
223
217
  };
224
218
  declare const provideMenuItemState: (opts?: {
225
219
  inherit?: boolean;
@@ -271,16 +265,8 @@ interface NgpMenuItemCheckboxProps {
271
265
  declare const ngpMenuItemCheckbox: ({ checked: _checked, disabled, onCheckedChange, }: NgpMenuItemCheckboxProps) => NgpMenuItemCheckboxState;
272
266
  declare const injectMenuItemCheckboxState: {
273
267
  (): Signal<NgpMenuItemCheckboxState>;
274
- (options: {
275
- hoisted: true;
276
- optional?: boolean;
277
- skipSelf?: boolean;
278
- }): Signal<NgpMenuItemCheckboxState | null>;
279
- (options?: {
280
- hoisted?: boolean;
281
- optional?: boolean;
282
- skipSelf?: boolean;
283
- }): Signal<NgpMenuItemCheckboxState> | Signal<NgpMenuItemCheckboxState | null>;
268
+ (options: ng_primitives_state.StateInjectionOptions): Signal<NgpMenuItemCheckboxState | null>;
269
+ (options?: ng_primitives_state.StateInjectionOptions): Signal<NgpMenuItemCheckboxState | null> | Signal<NgpMenuItemCheckboxState>;
284
270
  };
285
271
  declare const provideMenuItemCheckboxState: (opts?: {
286
272
  inherit?: boolean;
@@ -336,16 +322,8 @@ interface NgpMenuItemRadioGroupProps {
336
322
  declare const ngpMenuItemRadioGroup: ({ value: _value, onValueChange, }: NgpMenuItemRadioGroupProps) => NgpMenuItemRadioGroupState;
337
323
  declare const injectMenuItemRadioGroupState: {
338
324
  (): Signal<NgpMenuItemRadioGroupState>;
339
- (options: {
340
- hoisted: true;
341
- optional?: boolean;
342
- skipSelf?: boolean;
343
- }): Signal<NgpMenuItemRadioGroupState | null>;
344
- (options?: {
345
- hoisted?: boolean;
346
- optional?: boolean;
347
- skipSelf?: boolean;
348
- }): Signal<NgpMenuItemRadioGroupState> | Signal<NgpMenuItemRadioGroupState | null>;
325
+ (options: ng_primitives_state.StateInjectionOptions): Signal<NgpMenuItemRadioGroupState | null>;
326
+ (options?: ng_primitives_state.StateInjectionOptions): Signal<NgpMenuItemRadioGroupState> | Signal<NgpMenuItemRadioGroupState | null>;
349
327
  };
350
328
  declare const provideMenuItemRadioGroupState: (opts?: {
351
329
  inherit?: boolean;
@@ -383,16 +361,8 @@ interface NgpMenuItemRadioProps {
383
361
  declare const ngpMenuItemRadio: ({ value, disabled }: NgpMenuItemRadioProps) => NgpMenuItemRadioState;
384
362
  declare const injectMenuItemRadioState: {
385
363
  (): Signal<NgpMenuItemRadioState>;
386
- (options: {
387
- hoisted: true;
388
- optional?: boolean;
389
- skipSelf?: boolean;
390
- }): Signal<NgpMenuItemRadioState | null>;
391
- (options?: {
392
- hoisted?: boolean;
393
- optional?: boolean;
394
- skipSelf?: boolean;
395
- }): Signal<NgpMenuItemRadioState> | Signal<NgpMenuItemRadioState | null>;
364
+ (options: ng_primitives_state.StateInjectionOptions): Signal<NgpMenuItemRadioState | null>;
365
+ (options?: ng_primitives_state.StateInjectionOptions): Signal<NgpMenuItemRadioState | null> | Signal<NgpMenuItemRadioState>;
396
366
  };
397
367
  declare const provideMenuItemRadioState: (opts?: {
398
368
  inherit?: boolean;
@@ -582,7 +552,7 @@ declare const ngpMenuTrigger: <T>({ disabled: _disabled, menu: _menu, placement:
582
552
  declare const provideMenuTriggerState: (opts?: {
583
553
  inherit?: boolean;
584
554
  }) => _angular_core.FactoryProvider;
585
- declare function injectMenuTriggerState<T>(): Signal<NgpMenuTriggerState<T>>;
555
+ declare function injectMenuTriggerState<T>(options?: StateInjectionOptions): Signal<NgpMenuTriggerState<T>>;
586
556
 
587
557
  /**
588
558
  * The `NgpMenu` is a container for menu items.
@@ -625,25 +595,17 @@ declare const injectMenuState: {
625
595
  closeAllMenus: (origin: FocusOrigin) => void;
626
596
  closeSubmenus: Subject<HTMLElement>;
627
597
  }>;
628
- (options: {
629
- hoisted: true;
630
- optional?: boolean;
631
- skipSelf?: boolean;
632
- }): _angular_core.Signal<{
598
+ (options: ng_primitives_state.StateInjectionOptions): _angular_core.Signal<{
633
599
  closeAllMenus: (origin: FocusOrigin) => void;
634
600
  closeSubmenus: Subject<HTMLElement>;
635
601
  } | null>;
636
- (options?: {
637
- hoisted?: boolean;
638
- optional?: boolean;
639
- skipSelf?: boolean;
640
- }): _angular_core.Signal<{
602
+ (options?: ng_primitives_state.StateInjectionOptions): _angular_core.Signal<{
641
603
  closeAllMenus: (origin: FocusOrigin) => void;
642
604
  closeSubmenus: Subject<HTMLElement>;
643
- }> | _angular_core.Signal<{
605
+ } | null> | _angular_core.Signal<{
644
606
  closeAllMenus: (origin: FocusOrigin) => void;
645
607
  closeSubmenus: Subject<HTMLElement>;
646
- } | null>;
608
+ }>;
647
609
  };
648
610
  declare const provideMenuState: (opts?: {
649
611
  inherit?: boolean;
@@ -866,11 +828,7 @@ declare const injectSubmenuTriggerState: {
866
828
  focus: (origin: FocusOrigin) => void;
867
829
  setPointerOverContent: (_isOver: boolean) => void;
868
830
  }>;
869
- (options: {
870
- hoisted: true;
871
- optional?: boolean;
872
- skipSelf?: boolean;
873
- }): Signal<{
831
+ (options: ng_primitives_state.StateInjectionOptions): Signal<{
874
832
  placement: WritableSignal<NgpMenuPlacement>;
875
833
  offset: WritableSignal<NgpOffset>;
876
834
  disabled: WritableSignal<boolean>;
@@ -889,11 +847,7 @@ declare const injectSubmenuTriggerState: {
889
847
  focus: (origin: FocusOrigin) => void;
890
848
  setPointerOverContent: (_isOver: boolean) => void;
891
849
  } | null>;
892
- (options?: {
893
- hoisted?: boolean;
894
- optional?: boolean;
895
- skipSelf?: boolean;
896
- }): Signal<{
850
+ (options?: ng_primitives_state.StateInjectionOptions): Signal<{
897
851
  placement: WritableSignal<NgpMenuPlacement>;
898
852
  offset: WritableSignal<NgpOffset>;
899
853
  disabled: WritableSignal<boolean>;
@@ -4,6 +4,7 @@ import { Placement } from '@floating-ui/dom';
4
4
  import { NgpOrientation } from 'ng-primitives/common';
5
5
  import { NgpOffset, NgpFlip, NgpShift, NgpOverlayContent, NgpOffsetInput, NgpFlipInput, NgpShiftInput } from 'ng-primitives/portal';
6
6
  import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
7
+ import * as ng_primitives_state from 'ng-primitives/state';
7
8
  import { FocusOrigin } from '@angular/cdk/a11y';
8
9
 
9
10
  interface NgpNavigationMenuConfig {
@@ -188,11 +189,7 @@ declare const injectNavigationMenuContentState: {
188
189
  focusLast: () => void;
189
190
  setOrientation: (value: NgpOrientation) => void;
190
191
  }>;
191
- (options: {
192
- hoisted: true;
193
- optional?: boolean;
194
- skipSelf?: boolean;
195
- }): Signal<{
192
+ (options: ng_primitives_state.StateInjectionOptions): Signal<{
196
193
  id: string;
197
194
  open: Signal<boolean>;
198
195
  orientation: Signal<NgpOrientation>;
@@ -201,11 +198,7 @@ declare const injectNavigationMenuContentState: {
201
198
  focusLast: () => void;
202
199
  setOrientation: (value: NgpOrientation) => void;
203
200
  } | null>;
204
- (options?: {
205
- hoisted?: boolean;
206
- optional?: boolean;
207
- skipSelf?: boolean;
208
- }): Signal<{
201
+ (options?: ng_primitives_state.StateInjectionOptions): Signal<{
209
202
  id: string;
210
203
  open: Signal<boolean>;
211
204
  orientation: Signal<NgpOrientation>;
@@ -278,19 +271,11 @@ declare const injectNavigationMenuContentItemState: {
278
271
  disabled: Signal<boolean>;
279
272
  setDisabled: (isDisabled: boolean) => void;
280
273
  }>;
281
- (options: {
282
- hoisted: true;
283
- optional?: boolean;
284
- skipSelf?: boolean;
285
- }): Signal<{
274
+ (options: ng_primitives_state.StateInjectionOptions): Signal<{
286
275
  disabled: Signal<boolean>;
287
276
  setDisabled: (isDisabled: boolean) => void;
288
277
  } | null>;
289
- (options?: {
290
- hoisted?: boolean;
291
- optional?: boolean;
292
- skipSelf?: boolean;
293
- }): Signal<{
278
+ (options?: ng_primitives_state.StateInjectionOptions): Signal<{
294
279
  disabled: Signal<boolean>;
295
280
  setDisabled: (isDisabled: boolean) => void;
296
281
  }> | Signal<{
@@ -386,22 +371,14 @@ declare const injectNavigationMenuItemState: {
386
371
  hide: () => void;
387
372
  setValue: (newValue: string) => void;
388
373
  }>;
389
- (options: {
390
- hoisted: true;
391
- optional?: boolean;
392
- skipSelf?: boolean;
393
- }): Signal<{
374
+ (options: ng_primitives_state.StateInjectionOptions): Signal<{
394
375
  value: Signal<string>;
395
376
  active: Signal<boolean>;
396
377
  show: () => void;
397
378
  hide: () => void;
398
379
  setValue: (newValue: string) => void;
399
380
  } | null>;
400
- (options?: {
401
- hoisted?: boolean;
402
- optional?: boolean;
403
- skipSelf?: boolean;
404
- }): Signal<{
381
+ (options?: ng_primitives_state.StateInjectionOptions): Signal<{
405
382
  value: Signal<string>;
406
383
  active: Signal<boolean>;
407
384
  show: () => void;
@@ -495,21 +472,13 @@ declare const injectNavigationMenuLinkState: {
495
472
  setDisabled: (isDisabled: boolean) => void;
496
473
  setActive: (isActive: boolean) => void;
497
474
  }>;
498
- (options: {
499
- hoisted: true;
500
- optional?: boolean;
501
- skipSelf?: boolean;
502
- }): Signal<{
475
+ (options: ng_primitives_state.StateInjectionOptions): Signal<{
503
476
  disabled: Signal<boolean>;
504
477
  active: Signal<boolean>;
505
478
  setDisabled: (isDisabled: boolean) => void;
506
479
  setActive: (isActive: boolean) => void;
507
480
  } | null>;
508
- (options?: {
509
- hoisted?: boolean;
510
- optional?: boolean;
511
- skipSelf?: boolean;
512
- }): Signal<{
481
+ (options?: ng_primitives_state.StateInjectionOptions): Signal<{
513
482
  disabled: Signal<boolean>;
514
483
  active: Signal<boolean>;
515
484
  setDisabled: (isDisabled: boolean) => void;
@@ -562,16 +531,8 @@ declare const NgpNavigationMenuListStateToken: _angular_core.InjectionToken<_ang
562
531
  declare const ngpNavigationMenuList: ({}: NgpNavigationMenuListProps) => {};
563
532
  declare const injectNavigationMenuListState: {
564
533
  (): _angular_core.Signal<{}>;
565
- (options: {
566
- hoisted: true;
567
- optional?: boolean;
568
- skipSelf?: boolean;
569
- }): _angular_core.Signal<{} | null>;
570
- (options?: {
571
- hoisted?: boolean;
572
- optional?: boolean;
573
- skipSelf?: boolean;
574
- }): _angular_core.Signal<{}> | _angular_core.Signal<{} | null>;
534
+ (options: ng_primitives_state.StateInjectionOptions): _angular_core.Signal<{} | null>;
535
+ (options?: ng_primitives_state.StateInjectionOptions): _angular_core.Signal<{}> | _angular_core.Signal<{} | null>;
575
536
  };
576
537
  declare const provideNavigationMenuListState: (opts?: {
577
538
  inherit?: boolean;
@@ -821,11 +782,7 @@ declare const injectNavigationMenuTriggerState: {
821
782
  setFocusInsideContent: (isFocused: boolean) => void;
822
783
  registerContentFocusFunctions: (focusFirst: () => void, focusLast: () => void) => void;
823
784
  }>;
824
- (options: {
825
- hoisted: true;
826
- optional?: boolean;
827
- skipSelf?: boolean;
828
- }): Signal<{
785
+ (options: ng_primitives_state.StateInjectionOptions): Signal<{
829
786
  content: Signal<NgpOverlayContent<unknown> | undefined>;
830
787
  disabled: Signal<boolean>;
831
788
  placement: Signal<Placement>;
@@ -845,11 +802,7 @@ declare const injectNavigationMenuTriggerState: {
845
802
  setFocusInsideContent: (isFocused: boolean) => void;
846
803
  registerContentFocusFunctions: (focusFirst: () => void, focusLast: () => void) => void;
847
804
  } | null>;
848
- (options?: {
849
- hoisted?: boolean;
850
- optional?: boolean;
851
- skipSelf?: boolean;
852
- }): Signal<{
805
+ (options?: ng_primitives_state.StateInjectionOptions): Signal<{
853
806
  content: Signal<NgpOverlayContent<unknown> | undefined>;
854
807
  disabled: Signal<boolean>;
855
808
  placement: Signal<Placement>;
@@ -1031,11 +984,7 @@ declare const injectNavigationMenuState: {
1031
984
  setShowDelay: (delay: number) => void;
1032
985
  setHideDelay: (delay: number) => void;
1033
986
  }>;
1034
- (options: {
1035
- hoisted: true;
1036
- optional?: boolean;
1037
- skipSelf?: boolean;
1038
- }): Signal<{
987
+ (options: ng_primitives_state.StateInjectionOptions): Signal<{
1039
988
  orientation: Signal<NgpOrientation>;
1040
989
  showDelay: Signal<number>;
1041
990
  hideDelay: Signal<number>;
@@ -1045,11 +994,7 @@ declare const injectNavigationMenuState: {
1045
994
  setShowDelay: (delay: number) => void;
1046
995
  setHideDelay: (delay: number) => void;
1047
996
  } | null>;
1048
- (options?: {
1049
- hoisted?: boolean;
1050
- optional?: boolean;
1051
- skipSelf?: boolean;
1052
- }): Signal<{
997
+ (options?: ng_primitives_state.StateInjectionOptions): Signal<{
1053
998
  orientation: Signal<NgpOrientation>;
1054
999
  showDelay: Signal<number>;
1055
1000
  hideDelay: Signal<number>;
@@ -1,7 +1,78 @@
1
+ import * as ng_primitives_number_field from 'ng-primitives/number-field';
1
2
  import * as _angular_core from '@angular/core';
2
3
  import { Signal, WritableSignal } from '@angular/core';
3
- import { Observable } from 'rxjs';
4
4
  import { NumberInput, BooleanInput } from '@angular/cdk/coercion';
5
+ import * as ng_primitives_state from 'ng-primitives/state';
6
+ import { Observable } from 'rxjs';
7
+
8
+ /**
9
+ * Apply the `ngpNumberField` directive to an element that represents the number field
10
+ * and contains the input, increment, and decrement buttons.
11
+ */
12
+ declare class NgpNumberField {
13
+ /**
14
+ * The id of the number field. If not provided, a unique id will be generated.
15
+ */
16
+ readonly id: _angular_core.InputSignal<string>;
17
+ /**
18
+ * The value of the number field.
19
+ */
20
+ readonly value: _angular_core.InputSignalWithTransform<number | null, NumberInput>;
21
+ /**
22
+ * Emits when the value changes.
23
+ */
24
+ readonly valueChange: _angular_core.OutputEmitterRef<number | null>;
25
+ /**
26
+ * The minimum value.
27
+ */
28
+ readonly min: _angular_core.InputSignalWithTransform<number, NumberInput>;
29
+ /**
30
+ * The maximum value.
31
+ */
32
+ readonly max: _angular_core.InputSignalWithTransform<number, NumberInput>;
33
+ /**
34
+ * The step value.
35
+ */
36
+ readonly step: _angular_core.InputSignalWithTransform<number, NumberInput>;
37
+ /**
38
+ * The large step value (used with Shift key).
39
+ */
40
+ readonly largeStep: _angular_core.InputSignalWithTransform<number, NumberInput>;
41
+ /**
42
+ * The disabled state of the number field.
43
+ */
44
+ readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
45
+ /**
46
+ * The readonly state of the number field.
47
+ */
48
+ readonly readonly: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
49
+ /**
50
+ * @internal
51
+ */
52
+ protected readonly state: ng_primitives_number_field.NgpNumberFieldState;
53
+ /**
54
+ * Set the value of the number field.
55
+ */
56
+ setValue(value: number | null): void;
57
+ /**
58
+ * Increment the value.
59
+ */
60
+ increment(multiplier?: number): void;
61
+ /**
62
+ * Decrement the value.
63
+ */
64
+ decrement(multiplier?: number): void;
65
+ /**
66
+ * Set the disabled state.
67
+ */
68
+ setDisabled(disabled: boolean): void;
69
+ /**
70
+ * Set the readonly state.
71
+ */
72
+ setReadonly(readonly: boolean): void;
73
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpNumberField, never>;
74
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpNumberField, "[ngpNumberField]", ["ngpNumberField"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "ngpNumberFieldValue"; "required": false; "isSignal": true; }; "min": { "alias": "ngpNumberFieldMin"; "required": false; "isSignal": true; }; "max": { "alias": "ngpNumberFieldMax"; "required": false; "isSignal": true; }; "step": { "alias": "ngpNumberFieldStep"; "required": false; "isSignal": true; }; "largeStep": { "alias": "ngpNumberFieldLargeStep"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpNumberFieldDisabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "ngpNumberFieldReadonly"; "required": false; "isSignal": true; }; }, { "valueChange": "ngpNumberFieldValueChange"; }, never, never, true, never>;
75
+ }
5
76
 
6
77
  /**
7
78
  * Public state surface for the NumberField primitive.
@@ -118,90 +189,13 @@ interface NgpNumberFieldProps {
118
189
  declare const ngpNumberField: ({ id, value: _value, min, max, step, largeStep: _largeStep, disabled: _disabled, readonly: _readonly, onValueChange, }: NgpNumberFieldProps) => NgpNumberFieldState;
119
190
  declare const injectNumberFieldState: {
120
191
  (): Signal<NgpNumberFieldState>;
121
- (options: {
122
- hoisted: true;
123
- optional?: boolean;
124
- skipSelf?: boolean;
125
- }): Signal<NgpNumberFieldState | null>;
126
- (options?: {
127
- hoisted?: boolean;
128
- optional?: boolean;
129
- skipSelf?: boolean;
130
- }): Signal<NgpNumberFieldState> | Signal<NgpNumberFieldState | null>;
192
+ (options: ng_primitives_state.StateInjectionOptions): Signal<NgpNumberFieldState | null>;
193
+ (options?: ng_primitives_state.StateInjectionOptions): Signal<NgpNumberFieldState> | Signal<NgpNumberFieldState | null>;
131
194
  };
132
195
  declare const provideNumberFieldState: (opts?: {
133
196
  inherit?: boolean;
134
197
  }) => _angular_core.FactoryProvider;
135
198
 
136
- /**
137
- * Apply the `ngpNumberField` directive to an element that represents the number field
138
- * and contains the input, increment, and decrement buttons.
139
- */
140
- declare class NgpNumberField {
141
- /**
142
- * The id of the number field. If not provided, a unique id will be generated.
143
- */
144
- readonly id: _angular_core.InputSignal<string>;
145
- /**
146
- * The value of the number field.
147
- */
148
- readonly value: _angular_core.InputSignalWithTransform<number | null, NumberInput>;
149
- /**
150
- * Emits when the value changes.
151
- */
152
- readonly valueChange: _angular_core.OutputEmitterRef<number | null>;
153
- /**
154
- * The minimum value.
155
- */
156
- readonly min: _angular_core.InputSignalWithTransform<number, NumberInput>;
157
- /**
158
- * The maximum value.
159
- */
160
- readonly max: _angular_core.InputSignalWithTransform<number, NumberInput>;
161
- /**
162
- * The step value.
163
- */
164
- readonly step: _angular_core.InputSignalWithTransform<number, NumberInput>;
165
- /**
166
- * The large step value (used with Shift key).
167
- */
168
- readonly largeStep: _angular_core.InputSignalWithTransform<number, NumberInput>;
169
- /**
170
- * The disabled state of the number field.
171
- */
172
- readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
173
- /**
174
- * The readonly state of the number field.
175
- */
176
- readonly readonly: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
177
- /**
178
- * @internal
179
- */
180
- protected readonly state: NgpNumberFieldState;
181
- /**
182
- * Set the value of the number field.
183
- */
184
- setValue(value: number | null): void;
185
- /**
186
- * Increment the value.
187
- */
188
- increment(multiplier?: number): void;
189
- /**
190
- * Decrement the value.
191
- */
192
- decrement(multiplier?: number): void;
193
- /**
194
- * Set the disabled state.
195
- */
196
- setDisabled(disabled: boolean): void;
197
- /**
198
- * Set the readonly state.
199
- */
200
- setReadonly(readonly: boolean): void;
201
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpNumberField, never>;
202
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpNumberField, "[ngpNumberField]", ["ngpNumberField"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "ngpNumberFieldValue"; "required": false; "isSignal": true; }; "min": { "alias": "ngpNumberFieldMin"; "required": false; "isSignal": true; }; "max": { "alias": "ngpNumberFieldMax"; "required": false; "isSignal": true; }; "step": { "alias": "ngpNumberFieldStep"; "required": false; "isSignal": true; }; "largeStep": { "alias": "ngpNumberFieldLargeStep"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpNumberFieldDisabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "ngpNumberFieldReadonly"; "required": false; "isSignal": true; }; }, { "valueChange": "ngpNumberFieldValueChange"; }, never, never, true, never>;
203
- }
204
-
205
199
  /**
206
200
  * Apply the `ngpNumberFieldInput` directive to an input element within a number field.
207
201
  */
@@ -236,16 +230,8 @@ interface NgpNumberFieldInputProps {
236
230
  declare const ngpNumberFieldInput: ({ allowWheelScrub }: NgpNumberFieldInputProps) => NgpNumberFieldInputState;
237
231
  declare const injectNumberFieldInputState: {
238
232
  (): Signal<NgpNumberFieldInputState>;
239
- (options: {
240
- hoisted: true;
241
- optional?: boolean;
242
- skipSelf?: boolean;
243
- }): Signal<NgpNumberFieldInputState | null>;
244
- (options?: {
245
- hoisted?: boolean;
246
- optional?: boolean;
247
- skipSelf?: boolean;
248
- }): Signal<NgpNumberFieldInputState> | Signal<NgpNumberFieldInputState | null>;
233
+ (options: ng_primitives_state.StateInjectionOptions): Signal<NgpNumberFieldInputState | null>;
234
+ (options?: ng_primitives_state.StateInjectionOptions): Signal<NgpNumberFieldInputState> | Signal<NgpNumberFieldInputState | null>;
249
235
  };
250
236
  declare const provideNumberFieldInputState: (opts?: {
251
237
  inherit?: boolean;
@@ -273,16 +259,8 @@ interface NgpNumberFieldIncrementProps {
273
259
  declare const ngpNumberFieldIncrement: ({}: NgpNumberFieldIncrementProps) => NgpNumberFieldIncrementState;
274
260
  declare const injectNumberFieldIncrementState: {
275
261
  (): _angular_core.Signal<NgpNumberFieldIncrementState>;
276
- (options: {
277
- hoisted: true;
278
- optional?: boolean;
279
- skipSelf?: boolean;
280
- }): _angular_core.Signal<NgpNumberFieldIncrementState | null>;
281
- (options?: {
282
- hoisted?: boolean;
283
- optional?: boolean;
284
- skipSelf?: boolean;
285
- }): _angular_core.Signal<NgpNumberFieldIncrementState> | _angular_core.Signal<NgpNumberFieldIncrementState | null>;
262
+ (options: ng_primitives_state.StateInjectionOptions): _angular_core.Signal<NgpNumberFieldIncrementState | null>;
263
+ (options?: ng_primitives_state.StateInjectionOptions): _angular_core.Signal<NgpNumberFieldIncrementState> | _angular_core.Signal<NgpNumberFieldIncrementState | null>;
286
264
  };
287
265
  declare const provideNumberFieldIncrementState: (opts?: {
288
266
  inherit?: boolean;
@@ -310,16 +288,8 @@ interface NgpNumberFieldDecrementProps {
310
288
  declare const ngpNumberFieldDecrement: ({}: NgpNumberFieldDecrementProps) => NgpNumberFieldDecrementState;
311
289
  declare const injectNumberFieldDecrementState: {
312
290
  (): _angular_core.Signal<NgpNumberFieldDecrementState>;
313
- (options: {
314
- hoisted: true;
315
- optional?: boolean;
316
- skipSelf?: boolean;
317
- }): _angular_core.Signal<NgpNumberFieldDecrementState | null>;
318
- (options?: {
319
- hoisted?: boolean;
320
- optional?: boolean;
321
- skipSelf?: boolean;
322
- }): _angular_core.Signal<NgpNumberFieldDecrementState> | _angular_core.Signal<NgpNumberFieldDecrementState | null>;
291
+ (options: ng_primitives_state.StateInjectionOptions): _angular_core.Signal<NgpNumberFieldDecrementState | null>;
292
+ (options?: ng_primitives_state.StateInjectionOptions): _angular_core.Signal<NgpNumberFieldDecrementState> | _angular_core.Signal<NgpNumberFieldDecrementState | null>;
323
293
  };
324
294
  declare const provideNumberFieldDecrementState: (opts?: {
325
295
  inherit?: boolean;