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.
- package/example-theme/index.css +9 -0
- package/fesm2022/ng-primitives-a11y.mjs +5 -5
- package/fesm2022/ng-primitives-a11y.mjs.map +1 -1
- package/fesm2022/ng-primitives-accordion.mjs +34 -51
- package/fesm2022/ng-primitives-accordion.mjs.map +1 -1
- package/fesm2022/ng-primitives-ai.mjs +39 -52
- package/fesm2022/ng-primitives-ai.mjs.map +1 -1
- package/fesm2022/ng-primitives-autofill.mjs +4 -4
- package/fesm2022/ng-primitives-autofill.mjs.map +1 -1
- package/fesm2022/ng-primitives-avatar.mjs +14 -17
- package/fesm2022/ng-primitives-avatar.mjs.map +1 -1
- package/fesm2022/ng-primitives-breadcrumbs.mjs +21 -21
- package/fesm2022/ng-primitives-breadcrumbs.mjs.map +1 -1
- package/fesm2022/ng-primitives-button.mjs +7 -9
- package/fesm2022/ng-primitives-button.mjs.map +1 -1
- package/fesm2022/ng-primitives-checkbox.mjs +15 -30
- package/fesm2022/ng-primitives-checkbox.mjs.map +1 -1
- package/fesm2022/ng-primitives-combobox.mjs +60 -92
- package/fesm2022/ng-primitives-combobox.mjs.map +1 -1
- package/fesm2022/ng-primitives-common.mjs +4 -4
- package/fesm2022/ng-primitives-common.mjs.map +1 -1
- package/fesm2022/ng-primitives-context-menu.mjs +68 -121
- package/fesm2022/ng-primitives-context-menu.mjs.map +1 -1
- package/fesm2022/ng-primitives-date-picker.mjs +91 -115
- package/fesm2022/ng-primitives-date-picker.mjs.map +1 -1
- package/fesm2022/ng-primitives-dialog.mjs +35 -51
- package/fesm2022/ng-primitives-dialog.mjs.map +1 -1
- package/fesm2022/ng-primitives-file-upload.mjs +26 -53
- package/fesm2022/ng-primitives-file-upload.mjs.map +1 -1
- package/fesm2022/ng-primitives-focus-trap.mjs +5 -8
- package/fesm2022/ng-primitives-focus-trap.mjs.map +1 -1
- package/fesm2022/ng-primitives-form-field.mjs +39 -44
- package/fesm2022/ng-primitives-form-field.mjs.map +1 -1
- package/fesm2022/ng-primitives-input-otp.mjs +30 -43
- package/fesm2022/ng-primitives-input-otp.mjs.map +1 -1
- package/fesm2022/ng-primitives-input.mjs +6 -8
- package/fesm2022/ng-primitives-input.mjs.map +1 -1
- package/fesm2022/ng-primitives-interactions.mjs +31 -48
- package/fesm2022/ng-primitives-interactions.mjs.map +1 -1
- package/fesm2022/ng-primitives-internal.mjs +39 -35
- package/fesm2022/ng-primitives-internal.mjs.map +1 -1
- package/fesm2022/ng-primitives-listbox.mjs +34 -48
- package/fesm2022/ng-primitives-listbox.mjs.map +1 -1
- package/fesm2022/ng-primitives-menu.mjs +85 -151
- package/fesm2022/ng-primitives-menu.mjs.map +1 -1
- package/fesm2022/ng-primitives-meter.mjs +25 -36
- package/fesm2022/ng-primitives-meter.mjs.map +1 -1
- package/fesm2022/ng-primitives-navigation-menu.mjs +60 -108
- package/fesm2022/ng-primitives-navigation-menu.mjs.map +1 -1
- package/fesm2022/ng-primitives-number-field.mjs +35 -59
- package/fesm2022/ng-primitives-number-field.mjs.map +1 -1
- package/fesm2022/ng-primitives-pagination.mjs +270 -297
- package/fesm2022/ng-primitives-pagination.mjs.map +1 -1
- package/fesm2022/ng-primitives-popover.mjs +209 -223
- package/fesm2022/ng-primitives-popover.mjs.map +1 -1
- package/fesm2022/ng-primitives-portal.mjs +88 -59
- package/fesm2022/ng-primitives-portal.mjs.map +1 -1
- package/fesm2022/ng-primitives-progress.mjs +30 -41
- package/fesm2022/ng-primitives-progress.mjs.map +1 -1
- package/fesm2022/ng-primitives-radio.mjs +20 -30
- package/fesm2022/ng-primitives-radio.mjs.map +1 -1
- package/fesm2022/ng-primitives-resize.mjs +3 -3
- package/fesm2022/ng-primitives-resize.mjs.map +1 -1
- package/fesm2022/ng-primitives-roving-focus.mjs +20 -34
- package/fesm2022/ng-primitives-roving-focus.mjs.map +1 -1
- package/fesm2022/ng-primitives-search.mjs +9 -9
- package/fesm2022/ng-primitives-search.mjs.map +1 -1
- package/fesm2022/ng-primitives-select.mjs +720 -620
- package/fesm2022/ng-primitives-select.mjs.map +1 -1
- package/fesm2022/ng-primitives-separator.mjs +4 -6
- package/fesm2022/ng-primitives-separator.mjs.map +1 -1
- package/fesm2022/ng-primitives-slider.mjs +63 -100
- package/fesm2022/ng-primitives-slider.mjs.map +1 -1
- package/fesm2022/ng-primitives-state.mjs +3 -3
- package/fesm2022/ng-primitives-state.mjs.map +1 -1
- package/fesm2022/ng-primitives-switch.mjs +15 -21
- package/fesm2022/ng-primitives-switch.mjs.map +1 -1
- package/fesm2022/ng-primitives-tabs.mjs +31 -41
- package/fesm2022/ng-primitives-tabs.mjs.map +1 -1
- package/fesm2022/ng-primitives-textarea.mjs +5 -7
- package/fesm2022/ng-primitives-textarea.mjs.map +1 -1
- package/fesm2022/ng-primitives-toast.mjs +30 -23
- package/fesm2022/ng-primitives-toast.mjs.map +1 -1
- package/fesm2022/ng-primitives-toggle-group.mjs +20 -36
- package/fesm2022/ng-primitives-toggle-group.mjs.map +1 -1
- package/fesm2022/ng-primitives-toggle.mjs +10 -19
- package/fesm2022/ng-primitives-toggle.mjs.map +1 -1
- package/fesm2022/ng-primitives-toolbar.mjs +4 -6
- package/fesm2022/ng-primitives-toolbar.mjs.map +1 -1
- package/fesm2022/ng-primitives-tooltip.mjs +401 -402
- package/fesm2022/ng-primitives-tooltip.mjs.map +1 -1
- package/fesm2022/ng-primitives-utils.mjs +5 -4
- package/fesm2022/ng-primitives-utils.mjs.map +1 -1
- package/package.json +56 -55
- package/schematics/ng-generate/templates/select/select.__fileSuffix@dasherize__.ts.template +48 -48
- package/{a11y/index.d.ts → types/ng-primitives-a11y.d.ts} +18 -24
- package/{accordion/index.d.ts → types/ng-primitives-accordion.d.ts} +85 -98
- package/{autofill/index.d.ts → types/ng-primitives-autofill.d.ts} +3 -10
- package/{avatar/index.d.ts → types/ng-primitives-avatar.d.ts} +7 -30
- package/{breadcrumbs/index.d.ts → types/ng-primitives-breadcrumbs.d.ts} +15 -70
- package/{button/index.d.ts → types/ng-primitives-button.d.ts} +23 -29
- package/{checkbox/index.d.ts → types/ng-primitives-checkbox.d.ts} +68 -74
- package/{combobox/index.d.ts → types/ng-primitives-combobox.d.ts} +35 -35
- package/{context-menu/index.d.ts → types/ng-primitives-context-menu.d.ts} +2 -1
- package/{date-picker/index.d.ts → types/ng-primitives-date-picker.d.ts} +2 -2
- package/{dialog/index.d.ts → types/ng-primitives-dialog.d.ts} +7 -2
- package/{file-upload/index.d.ts → types/ng-primitives-file-upload.d.ts} +5 -20
- package/{focus-trap/index.d.ts → types/ng-primitives-focus-trap.d.ts} +3 -10
- package/{form-field/index.d.ts → types/ng-primitives-form-field.d.ts} +9 -40
- package/{input/index.d.ts → types/ng-primitives-input.d.ts} +3 -10
- package/{menu/index.d.ts → types/ng-primitives-menu.d.ts} +17 -63
- package/{navigation-menu/index.d.ts → types/ng-primitives-navigation-menu.d.ts} +15 -70
- package/{number-field/index.d.ts → types/ng-primitives-number-field.d.ts} +80 -110
- package/types/ng-primitives-pagination.d.ts +502 -0
- package/{popover/index.d.ts → types/ng-primitives-popover.d.ts} +244 -57
- package/{portal/index.d.ts → types/ng-primitives-portal.d.ts} +22 -13
- package/{progress/index.d.ts → types/ng-primitives-progress.d.ts} +3 -10
- package/{roving-focus/index.d.ts → types/ng-primitives-roving-focus.d.ts} +65 -79
- package/types/ng-primitives-select.d.ts +687 -0
- package/{separator/index.d.ts → types/ng-primitives-separator.d.ts} +3 -10
- package/{slider/index.d.ts → types/ng-primitives-slider.d.ts} +76 -138
- package/{state/index.d.ts → types/ng-primitives-state.d.ts} +26 -21
- package/{switch/index.d.ts → types/ng-primitives-switch.d.ts} +50 -64
- package/{tabs/index.d.ts → types/ng-primitives-tabs.d.ts} +9 -40
- package/{textarea/index.d.ts → types/ng-primitives-textarea.d.ts} +3 -10
- package/{toast/index.d.ts → types/ng-primitives-toast.d.ts} +13 -1
- package/{toggle-group/index.d.ts → types/ng-primitives-toggle-group.d.ts} +75 -89
- package/{toggle/index.d.ts → types/ng-primitives-toggle.d.ts} +50 -56
- package/{toolbar/index.d.ts → types/ng-primitives-toolbar.d.ts} +3 -10
- package/types/ng-primitives-tooltip.d.ts +691 -0
- package/pagination/index.d.ts +0 -211
- package/select/index.d.ts +0 -396
- package/tooltip/index.d.ts +0 -384
- /package/{ai/index.d.ts → types/ng-primitives-ai.d.ts} +0 -0
- /package/{common/index.d.ts → types/ng-primitives-common.d.ts} +0 -0
- /package/{date-time-luxon/index.d.ts → types/ng-primitives-date-time-luxon.d.ts} +0 -0
- /package/{date-time/index.d.ts → types/ng-primitives-date-time.d.ts} +0 -0
- /package/{input-otp/index.d.ts → types/ng-primitives-input-otp.d.ts} +0 -0
- /package/{interactions/index.d.ts → types/ng-primitives-interactions.d.ts} +0 -0
- /package/{internal/index.d.ts → types/ng-primitives-internal.d.ts} +0 -0
- /package/{listbox/index.d.ts → types/ng-primitives-listbox.d.ts} +0 -0
- /package/{meter/index.d.ts → types/ng-primitives-meter.d.ts} +0 -0
- /package/{radio/index.d.ts → types/ng-primitives-radio.d.ts} +0 -0
- /package/{resize/index.d.ts → types/ng-primitives-resize.d.ts} +0 -0
- /package/{search/index.d.ts → types/ng-primitives-search.d.ts} +0 -0
- /package/{utils/index.d.ts → types/ng-primitives-utils.d.ts} +0 -0
- /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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
}
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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;
|